JavaScript : Find My Location Application using HTML CSS JavaScript | GeoLocationAPI in Javascript

Показать описание

In this video, I clearly explained how to use GeoLocationAPI in order to get current location details and how to use callback functions practically upon result of geoLocationAPI.

Also, explained how promises are better than callback functions.

---------------------------------------------------------------------
Timeline :
00:00 Introduction
00:12 Demo of Find My Location Application
00:48 Launching VSCode from command prompt
01:00 Creating Application Files & HTML Coding
02:12 Introduction to GeoLocation API
04:01 Practical usage of Callback function
07:30 Promise
14:20 Country API
17:13 Recap on Location details part
18:40 Create HTML Markup and Styling
20:09 linear-gradient() background & CSS gradient generator
23:27 Apply Google Font
25:28 Rending data on Screen
28:16 Toggling Dark & Light Mode

---------------------------------------------------------------------
Created Find My Location Application using HTML CSS JavaScript with help of GeoLocationAPI of JavaScript.

In the video
* What is GeoLocation API
* Practical usage of Callback functions
* Promise over Callback
* Implementing Dark Mode and Light Mode

Source Code :

Recommended Videos :
Write HTML CSS Code faster in VSCode with Emmet
Defer in Javascript
Async & Await in Javascipt
insertAdjacentHtml() in Javascript

#javascript #geolocationapi #beginners #callback #promise #codewelltech

Subscribe to our CodewellTech youtube channel and
Learn below programming skills for free. Join our whatsapp/messenger/fb groups for more support.
112+ videos and 4080+ subscribers.

📒 *HTML5 CSS3 Bootstrap*
📒 *Javascript TypeScript ECMAScript JSON JQuery*
📒 *Angular*
📒 *React*
📒 *NodeJS*
📒 *Core Java*
📒 *C/C++*
📒 *Web design*
📒 *Web Development*
📒 *Fullstack Dev*
📒 *API Dev.,*