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

Veröffentlicht am: 07 März 2021
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video City Weather Application in JavaScript | JavaScript Project For Beginners with Source Code (Hindi) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer TechBowl 07 März 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 6,606 Mal angesehen und es wurde von 239 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!