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

In video

  • What is GeoLocation API
  • Practical usage of Callback functions
  • Promise over Callback
  • Implementing Dark Mode and Light Mode

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 Geo-location 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

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
CodeWellTech

Youtuber and tries to explain programming concepts with easy explanation so that everyone cal understand learn it easily.