Build 3 Vue JS Apps with Google Maps API (Full Projects)
7 days ago
Development
[100% OFF] Build 3 Vue JS Apps with Google Maps API (Full Projects)

Location Detector App (Geolocation API), Nearby Places Finder App (Places API), Distance Calculator App (Directions API)

4.6
33,753 students
4.5h total length
English
$0$17.99
100% OFF

Course Description

Learn Vue JS & Google Maps API: Build Real-World Location-Based Web Apps

Welcome to the Vue JS (Options API) and Google Maps API course, the ultimate course to learn Vue.js and build location-based web applications from scratch.

With over 30,000+ students and an average rating of 4.6, this course is one of the highest-rated Vue.js courses on Udemy!

In this course, you’ll build 3 real-world location-based apps using Vue JS and Google Maps API, learning everything from setting up your project to advanced mapping features.

I guide you step-by-step through fun, practical, and content-rich video tutorials, so you can confidently create apps like a professional developer.

What you’ll learn:

Vue JS & Front-End Development:

  • Vue JS (Options API, works with Vue 2 & Vue 3)

  • Vue CLI, Components, Nested Components

  • Routes, Events, Data Binding

  • Axios HTTP Client

  • Firebase integration

  • Semantic UI CSS framework

Vue JS (Options API, works with Vue 2 & Vue 3)

Vue CLI, Components, Nested Components

Routes, Events, Data Binding

Axios HTTP Client

Firebase integration

Semantic UI CSS framework

Google Maps API & Location-Based Features:

  • Geolocation API (get user's current location)

  • Google Maps API Key setup

  • Geocoding API

  • Places API: Autocomplete, Nearby Search, Place Details

  • Map Objects, Marker Objects, InfoWindow Objects

  • Directions API & Distance Matrix API

  • Polylines and Directions Renderer

  • Handling common Google Maps API errors

Geolocation API (get user's current location)

Google Maps API Key setup

Geocoding API

Places API: Autocomplete, Nearby Search, Place Details

Map Objects, Marker Objects, InfoWindow Objects

Directions API & Distance Matrix API

Polylines and Directions Renderer

Handling common Google Maps API errors

Other Important Skills:

  • CORS

  • Hoisting & Error Handling

  • Building responsive and interactive web apps

CORS

Hoisting & Error Handling

Building responsive and interactive web apps

By the end of this course, you’ll be able to build your own location-based web apps using Vue JS and Google Maps API, including apps like Uber-style location detectors, nearby places finders, and distance calculators.


Why students love this course:


"Thank you for your Vue.js + Google Maps API course! It's clear, concise, and really practical. I learned so much about Vue and Google Maps API in a short time." – Tram Le


"A very clear course that gets you up and running with Vue and Google Maps API. Highly recommend!" – Brandon Oakley


"The course is short but packed with content. Learned useful information without getting bored." – Erdem Nayir


…and many more positive reviews!


Enroll today with a 30-day money-back guarantee—completely risk-free! I’ll be here to support you throughout your journey, answering questions and providing guidance.


Don’t wait—click the buy now button and start building location-based apps with Vue JS and Google Maps API today!

Similar Courses