×

Code Explained's video: Build A Weather App Using JavaScript Beginners

@Build A Weather App Using JavaScript [ Beginners ]
----------------------------------------------------------------------------------------------------- | BOOST YOUR PRODUCTIVITY - AFFILIATE | ----------------------------------------------------------------------------------------------------- ⭐ Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs to give you smart completions and documentation while you’re typing. USE KITE FOR FREE AND YOU'LL LOVE IT: https://bit.ly/3qLYN0Q ------------------------------------------------------------------------------------------------------ Hi Everyone! Today we're going to create a new web application with JavaScript (Vanilla JavaScript: No Framework). In this tutorial, a JavaScript Beginner can create a functional Weather App with ease. and won't face any problems doing that. You must know the basics in JavaScript and HTML, like JavaScript Objects, functions, If statements, ... etc The only difficulty you might face, is how to work with an API using JavaScript? but trust me that won't be of a big problem. Let's talk about the application you're going to build; our weather app will show the weather information that it will get from the API like this, an Icon that shows the weather status, the temperature value (18°C) in Celsius unit, the weather description (clear sky), and then the user's city and country (London, GB). When the user clicks on the temperature value, that will convert it from Celsius to Fahrenheit. If you want to follow along with me when I type in the code, you'll need to download the starter template from GitHub. ----------------------------------------------------------------------------------------------------- | LINKS | ----------------------------------------------------------------------------------------------------- DOWNLOAD SOURCE CODE + STARTER TEMPLATE: https://www.codeexplained.org/2020/06/Build-A-Weather-App-Using-JavaScript.html The icons we're going to use for our web application are created by the Graphic Designer Ashley Jager: https://github.com/manifestinteractive/weather-underground-icons The API provider: http://www.OpenWeatherMap.org ----------------------------------------------------------------------------------------------------- | SHOW ME SOME SUPPORT | ----------------------------------------------------------------------------------------------------- Paypal: https://paypal.me/CodeExplained Patreon: https://www.patreon.com/CodeExplained ----------------------------------------------------------------------------------------------------- | RECOMMENDED TUTORIALS | ----------------------------------------------------------------------------------------------------- Create a To Do List App Using JavaScript. https://www.youtube.com/watch?v=b8sUhU_eq3g Ping Pong Game Using JavaScript https://youtu.be/nl0KXCa5pJk Create a Multiple Choice Quiz Using JavaScript https://youtu.be/49pYIMygIcU Tetris Game Using JavaScript https://youtu.be/HEsAr2Yt2do Snake Game Using JavaScript https://youtu.be/9TcU2C1AACw Flappy Bird Game Using JavaScript https://youtu.be/L07i4g-zhDA ----------------------------------------------------------------------------------------------------- | SOCIAL MEDIA | ----------------------------------------------------------------------------------------------------- Facebook: https://www.facebook.com/Code.Explained.Official Twitter: https://twitter.com/code_explained Instagram: https://www.instagram.com/Code.Explained.Official Website: https://www.codeexplained.org ----------------------------------------------------------------------------------------------------- | HASH TAGS | -----------------------------------------------------------------------------------------------------

2.7K

271
Code Explained
Subscribers
42.3K
Total Post
99
Total Views
1.4M
Avg. Views
33.1K
View Profile
This video was published on 2019-07-04 02:33:59 GMT by @Code-Explained on Youtube. Code Explained has total 42.3K subscribers on Youtube and has a total of 99 video.This video has received 2.7K Likes which are higher than the average likes that Code Explained gets . @Code-Explained receives an average views of 33.1K per video on Youtube.This video has received 271 comments which are higher than the average comments that Code Explained gets . Overall the views for this video was lower than the average for the profile.Code Explained #javascript #weather #app #beginners #tutorial has been used frequently in this Post.

Other post by @Code Explained