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
09:54 geocode.xyz/ API Location details
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 :
https://github.com/codewelltech/FindLocation
Recommended Videos :
Write HTML CSS Code faster in VSCode with Emmet
https://youtu.be/M6b66TKjMFY
Defer in Javascript
https://youtu.be/_qZHKj56gE0
Async & Await in Javascipt
https://youtu.be/pJbsd2vAqdI
Object.assign() in Javascript
https://youtu.be/t8Tamabyvzw
insertAdjacentHtml() in Javascript
https://youtu.be/YpzESXgbtT8
#javascript #geolocationapi #beginners #callback #promise #codewelltech
https://www.youtube.com/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.,*
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «JavaScript : Find My Location Application using HTML CSS JavaScript | GeoLocationAPI in Javascript», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.