Build a weather app api project in JavaScript, using a real API, HTML, CSS, ES6 Classes and jQuery!
The most common API project for beginners must be the one that includes using a weather API, and I got you covered!
The Weather API Challenge will not only include working with more complex response, but it comes with a twist. Often times APIs aren't perfectly "fitting" into what the interface expects, so this challenge took a bit of a different direction and is about making some data manipulation before showing it to the user! And it's my ultimate favourite part about it!
You will learn how to use jQuery and its native $.getJSON method to call the API as well as a concept such as Classes in JavaScript. It's gonna be fun and challenging, but don't give up, we're levelling up!
If you're new here - The Ultimate API Challenge is a place where I want to "break the ice" between us and APIs, show you how you can work with different tech stack, documentation, APIs, learn to code, create cool and interesting api projects which, by the end of the video, will be ready to be included in your web development portfolio!
So if you were searching for things to build, api projects ideas for beginners or just to hang out coding, - hop on this video and stay tuned for more! Subscribe and hit the notification's bell so you won't miss any episode!
Chapters:
00:00 Intro
00:40 Setup
01:04 Get to know the project and the API
03:20 Create main API calls, deal with CORS
12:10 Attach Event Listeners
17:40 Hello Callbacks
22:22 Work with the data in the response and prepare it for the UI
39:10 Recap
Links:
Challenges' website - https://theultimateapichallenge.com/
WEATHER API challenge page: https://theultimateapichallenge.com/c...
Starter files: https://github.com/danascript/the-ult...
Check out my other social accounts:
Instagram: / _danascript_
Medium: / _danascript_
Website: https://danascript.dev
Looking forward to seeing you in the next one! 👋
#TheUltimateApiChallenge #CodeAlongVideo #WebDevelopmentPortfolio
En esta página del sitio puede ver el video en línea Build a weather app api project in JavaScript, using a real API, HTML, CSS, ES6 Classes and jQuery! de Duración hora minuto segunda en buena calidad , que subió el usuario danascript 04 abril 2021, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 6,828 veces y le gustó 234 a los espectadores. Disfruta viendo!
