• Post category:StudyBullet-7
  • Reading time:7 mins read


Learn and Master Google Maps API by Building 3 Professional, Real-World Vue JS Location-Based Apps Like a Pro!

What you will learn

Be able to build ANY location-based type Vue JS app you want.

Build a Location-Detector App using HTML5 Geolocation API & Google Maps Geocoding API.

Understand the basics of Vue JS – Components, Routes, Events, Data Binding, Nested Components, $EventBus.

Able to design professional UI Quickly using Semantic UI CSS Framework.

Build a CloseBuy App using Google Maps Places API – Nearby Search, Place Details, Autocomplete API.

Master Google Maps Distance Matrix API & Directions API by building a Distance Calculator App.

Google Maps Map Object, Markers, InfoWindows, Polylines, Common Server Errors.

Description

Welcome to the Vue JS 2 andย Google Maps API class, the only course you need to learn and code to build location-based web applications.

Over 1,070+ students with an average rating of 4.9, my Vue JS 2, and Google Maps API course is one of the Best Selling courses on Udemy!

In this course, you’re going to be building 3 real-world location-based apps, start to finish from scratch, that will teach you pretty much all aspects of Google Maps API.

I’ll take you step-by-step through engaging and fun video tutorials that are rich in content!

Throughout this fully practical course, we cover a massive amount of tools and technologies, including:

Vue JS

  • Vue CLI
  • Components
  • Routes
  • Events
  • Data Binding
  • Nested Components
  • Axios HTTP Client
  • Firebase
  • Semantic UIย CSS Framework
  • HTML5 Geolocation API
  • CORS
  • Hoisting
  • Error Handling, and more

Google Maps API

  • Obtain API Key
  • Geocoding API
  • Places Autocomplete API
  • Places API – Nearby Search Request
  • Places API – Place Details Request
  • Map Object
  • Marker Object
  • InfoWindow Object
  • Distance Matrix API
  • Directions API – Directions Service JS Library
  • Directions Renderer
  • Polyline Object
  • Common Google Maps Server Errors, and more

By the end of this course, you will be fluently coding in Vue JS 2 and utilizing the Google Maps Platform to make your own location-based apps like a pro!

Don’t just take my word for it, see what some of my students had to say about this course:

Thank you so much for your Vue.js + Google Maps API course! I also appreciate how quick your course was, as I have trouble paying attention to longer courses. I am also a huge fan of Vue (I’ve tried learning React and Angular in the past, but quickly grew bored of them – Vue is so much more intuitive to me). I hope to see more courses from you in the future!!”ย  – Tram Le


Get Instant Notification of New Courses on our Telegram channel.


“A very clear and concise course that provides you with enough information on google maps API being used with Vue to get you up and running. I highly recommend this course. I’d like to see maybe a section on how to populate the map with addresses stored in a database Thank you” – Brandon Oakley

“This course is very helpful to me. Thanks and I hope you will make many sources helpful like this.” – Long Lee

Although the course is short, it is very rich in content. The teacher definitely made a point shot. I finished the course without getting bored and learned useful information. Thank you to the teacher. – Erdem Nayir

“This course guides me in an easy manner and each section has very clear instructions. I would strongly recommend taking this Vue js course if you wish to learn quickly building location-based apps with Google Maps API” – Vikneswaran Thangarasu

“This course was very easy to follow along with. The instructor spoke clearly and at a good pace. This course has everything you need to get started with Google Maps API and Vue.js!”Jennifer Inwood

“I am happy to learn this concept and I understand how to use Google Map API in vue.js These videos are very easy to recognize. I want more videos to learn about vue.js. However, I learn Google Maps for API concepts very easily. Thank you” – Viijayaraghavan

REMEMBERโ€ฆ I’m so confident that you’ll love this course that we’re offering a FULL money-back guarantee for 30 days! So it’s a complete no-brainer, sign up today with ZERO risk and EVERYTHING to gain.

I will be here to support you throughout this journey, so if you ever have any questions, suggestions, or feedback, please do not hesitate to contact me!

So what are you waiting for? Click the buy now button and join now!

English
language

Content

Getting Started

Getting Started With Vue.js
Obtain Google Maps API Key

Get User’s Current Location

What You Will be Building by the End of this Module
Create a Vue Component and Route
Build User Location Form Using Semantic-UI
HTML5 Geolocation API
Make An HTTP Request To Google’s Geocoding API
Handling Client and Server Errors
Enable Autocomplete API

Get Nearby Places Using Places API

What You Will be Building by the End of this Module
What is Nearby Search Library?
Create A CloseBuy Component
Make An HTTP Request To Nearby Search
Display Places Data on the View
Show Places Data on the Maps View
Display Pop-up Window on the Marker
Show More Information About A Place
Auto Select Markers When List Item is Clicked