In this short course, you’ll learn how to create a simple yet functional weather app using vanilla JavaScript and the Open Weather API.
► Download unlimited photos, fonts, and templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_zNieUNPoUVQ&utm_medium=referral&utm_source=youtube.com&utm_content=description
If you’ve never created anything like a JavaScript weather app before, don’t worry. Adi Purdila will explain every step in as much detail as possible. You’ll find that this course is an excellent, practical way to learn lots of new things about HTML, CSS, and JavaScript. And at the end of it, you’ll have your own functional custom weather app!
00:00:00 Introduction
00:01:55 Creating the structure of the weather app with HTML
00:12:13 Styling the weather app with CSS
00:33:19 Charging up the weather app with JavaScript
Useful Links:
• Live Weather App Demo: https://tutsplus.github.io/Build-a-Simple-Weather-App-With-Vanilla-JavaScript/index.html
• Weather Icons and Font: https://elements.envato.com/weather-icons-and-font-S6LQ7C?utm_campaign=yt_tutsplus_zNieUNPoUVQ&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Fork the Repo on Github](https://github.com/tutsplus/Build-a-Simple-Weather-App-With-Vanilla-JavaScript
• SVG Icon Organizer and Manager: https://iconset.io/set/unicons
• OpenWeatherMap: https://openweathermap.org/
Read more on How to Build a Simple Weather App With Vanilla JavaScript on Envato Tuts+: https://webdesign.tutsplus.com/tutorials/build-a-simple-weather-app-with-vanilla-javascript–cms-33893?utm_campaign=yt_tutsplus_zNieUNPoUVQ&utm_medium=referral&utm_source=youtube.com&utm_content=description
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_zNieUNPoUVQ&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_zNieUNPoUVQ&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Leave a Reply