Vue JS + Google Maps API: Free 1-Hour Course

Using Vue.js and Google Maps API

$ 0 00
FREE $9.99

Enroll in Course for FREE!

Topics Covered

Vue.js Basics
HTML5 Geolocation API
Google's Geocoding API
Places Autocomplete API
Semantic UI
and much more...

When you think about any food delivery app, the first thing it will ask for is the user's current location - where the food needs to be delivered.

By the end of this course, you will be fluent with coding in Vue.js, the popular front end framework and utilizing the Google Maps Platform to build your own location-based apps.

Ready? You're going to learn how to get a user's location...of course with his/her permission.

Who is this for

This course is designed to be well suited for beginners who know a little bit of HTML, CSS, and JavaScript.

It’s also suitable for Developers who already know the basics of Vue JS or similar frameworks but want to explore the Google Maps API ecosystem.

Finally, we have also made this course approachable for programmers who already know some basics of Google Maps API and want to upgrade their skills.

Why it's FREE!

This course is free so that you can try it out and see if you like my teaching style.

Many people find that they really like the way I teach and decide to continue their learning with one of my premium courses.

I see a huge need for this course and I believe it will help many of you become comfortable building location-based apps.

Hey, I'm Raja Tamil - Your Instructor

Raja Tamil is a self-taught Web and iOS Developer from Ontario, Canada.

Raja has almost a decade of experience working with various technologies. He has contributed to’s own publications and is a best selling instructor with Udemy.


Module 1

1 What You'll Be Building by the End of this Course

Module 2
Build A Location Detector Vue JS App

2 Getting Started With Vue

3 Obtain Google Maps API Key

4 Build Location Detector App

5 Create a Vue Component and Route

6 Build User Location Form Using Semantic UI

7 HTML5 Geolocation API

8 Make An HTTP Request To Google's Geocoding API

9 Common Errors & Solutions When Making an HTTP Request To Google Maps API

10 Handling Client and Server Errors

11 Enable Autocomplete API

Module 3

12 Show User's Current Location On The Google Map

13 Download The Completed Location Detector Project Code

14 Quiz

$ 0 00
FREE $9.99

Enroll in Course for FREE!


1. Can I email you if I have a question?

Yes, please send an email to However, due to the high volume of students taking this course, it may take me a day or two to respond.

You've reached the end of this content segment! Have a question which is not in here...shoot me an email at