City Weather Application in JavaScript | JavaScript Project For Beginners with Source Code (Hindi)

Published: 07 March 2021
on channel: TechBowl

6,606

239

Hello Friends, In this video, you'll learn how to develop a City Weather Application in JavaScript. JavaScript weather project for beginners. Country State and City dynamically dropdown list using javaScript fetch API. Live example for async/await keywords in javascript.

Application features are as below:
Dynamically Country, State, and City Dropdown List
City Weather Informaiton
Toggle Temperature unit Celsius and Fahrenheit

We'll learn the following features in this project:
JavaScript fundamental
HTML5 with Bootstrap CSS
DOM Manipulation
ES6 features
JavaScript Fetch API
Async/Await keywords
Timestamps:
🔵 0:00 Introduction
🔵 0:40 Project Demo
🔵 4:35 What will we learn?
🔵 6:06 Project Setup
🔵 9:06 Project API details
🔵 13:12 Creating app interface using HTML CSS
🔵 32:20 app API Configuration
🔵 35:28 Fetch Country State and Cities
🔵 1:07:12 Get City Weather
🔵 1:17:51 Show Weather details in Card
🔵 1:30:51 Change Temp Units
🔵 1:49:29 adding ajax loader
--------------------------------------------------------------------------------------------------------
🔴 CHECKOUT OUR PLAYLISTS:
🔵 Modern JavaScript ES6 Tutorial(Hindi) https://bit.ly/3twbqOS
🔵 JavaScript Tutorial For Beginners(Hindi) https://bit.ly/2Z3lHV3
🔵 JavaScript Project with Source (Hindi) https://bit.ly/3pTRfZf
🔵 PHP & MySQL Tutorial for Beginners (Hindi) https://bit.ly/3aIicIM
🔵 Object-Oriented PHP for Beginners (Hindi) https://bit.ly/3aBrDtH
🔵 PHP & Mysql Interview Questions with Answers https://bit.ly/3aTt6f9
🔵 PHP Logical Programs https://bit.ly/39PAgl8
🔵 Mysql Tutorial for Beginners https://bit.ly/3cMr8je

-------------------------------- Tech Gear I Use --------------------------
Condenser Mic - https://amzn.to/3dQ2E9c
Collar Microphone - https://amzn.to/300TluQ
Laptop - https://amzn.to/3bGrtl2
Wireless Mouse- https://amzn.to/2ZZh52z
RingLight - https://amzn.to/3r6iPmn
Tripod - https://amzn.to/3bKN1xe

------------------------------------------------------------------------------------------------------------
🔴 Live Demo: https://bit.ly/3ceBG8V
🔵 Source Code: https://bit.ly/3qyf5JD
------------------------------------------------------------------------------------------------------------
________________________________________________
If you found this video valuable, give it a like.👍
If you know someone who needs to see it, share it.
If you have questions ask ✏️ below in comment section.
Add it to a playlist if you want to watch it later.
_______________________________________________
Make sure you LIKE 👍, SUBSCRIBE, COMMENT ✏️
_______________________________________________
#JavaScript #WebDevelopment #WeatherApp

Twitter:   / techbowl_
Instagram:   / techbowl_
Facebook:   / thetechbowl
Page: http://www.techbowl.in

On this page of the site you can watch the video online City Weather Application in JavaScript | JavaScript Project For Beginners with Source Code (Hindi) with a duration of hours minute second in good quality, which was uploaded by the user TechBowl 07 March 2021, share the link with friends and acquaintances, this video has already been watched 6,606 times on youtube and it was liked by 239 viewers. Enjoy your viewing!

1,572