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

Опубликовано: 19 Октябрь 2024
на канале: 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