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 Medium.comβs own publications and is a best selling instructor with Udemy.
JOIN 1,124+ others learning to build Location-Based Web Apps with Vue.js and Google Maps API
π Beginner Vue JS Developers curious about Google Maps API.
π Beginner JavaScript Developers who want to learn about Google Maps API ecosystem.
π Beginner Web Developers who are looking to build location-based apps using Google Maps API.
π If you want to take ONE COURSE and learn everything you need to know about Google Maps API ecosystem along with Vue JS, take this course!
π 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!
π₯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
π₯ 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
JOIN 1,124+ others learning to build Location-Based Web Apps with Vue.js and Google Maps API
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 Medium.comβs own publications and is a best selling instructor with Udemy.
1 What You'll Be Building By The End Of This Module
2 Getting Started With Vue JS
3 Obtain Google Maps API Key
4 Create a Vue Component and Route
5 Build User Location Form Using Semantic UI
6 What is HTML5 Geolocation API?
7 Make An HTTP Request To Google Maps Geocoding API
8 Common Errors & Solutions When Making an HTTP Request To Google Maps API
9 Handling Vue JS Client and Google Maps API Server Errors
10 How To Enable Google Maps Autocomplete API
11 How To Display User's Current Location On The Google Maps
12 Download The Complete Project Code
13 Quiz #1: Time To Test What You've Learned In This Module
14 What You'll Be Building By The End Of This Module
15 What Is Google Maps Nearby Search Request?
16 Create A CloseBuy Vue JS Component
17 Make An HTTP Call To Google Maps Nearby Search Request
18 Get Nearby Places Data When Using Google Maps Autocomplete API
19 Display Places Data On The View
20 Show Places Data On The Google Maps View
21 Show Tooltip (Callout) When A Marker Is Clicked
22 Show More Information About A Place Using Google Maps Place Details
23 Auto Select Markers When List Item Is Clicked In Vue JS
24 Quiz #2: Time To Test What You've Learned In This Module
25 What You'll Be Building By The End Of This Module
26 Create Distance Calculator Vue JS App Components
27 Distance Calculator Vue JS App Layout
28 Design Origin Destination Form Using Semantic UI CSS Framework In Vue JS
29 Enable Google Maps Autocomplete API To Origin & Destination Input Fields
30 What Is Google Maps Distance Matrix API?
31 Make An HTTP Request To Google Maps Distance Matrix API
32 Display Vue JS Client & Google Maps API Server Errors
33 Create A Firebase Project
34 Store Route Data To The Cloud Firestore Database (Firebase)
35 Show Route List Data On The Vue JS App
36 Sorting Route Data By Distance & Duration Using Firebase
37 How To Share Data Between Components Using $EventBus In Vue JS
38 What Is Google Maps Directions API?
39 Make A Request To Directions Service & Render The Results On The Google Map
40 Show Multiple Route Direction Paths On The Google Maps At Once
41 Replace Default Markers To Origin/Destination Addresses Using InfoWindows
42 How To Create Custom Polylines In The Google Maps API
43 Display Each Route With A Random Color Including Labels, Polylines, Etc
44 Quiz #3: Time To Test What You've Learned In This Module
π Access to all 3 Modules / 40+ Lectures including HD Videos, Documents and Quizzes β see above for a full listing of topics
π Stream Video files from any device
π Includes 3 Real-Word Location-Based Applications from Start to Finish with STEP by STEP instructions
π Detecting User Location, Getting Nearby Places such as restaurants, Calculating Travel Distance between one or more locations, etc
π Best Practices working with Vue JS and Google Maps API
π All Source Code - Download for All 3 Completed Project files
π Unlimited Updates + Never Expires
π Exclusive access to the Vue JS & Google Maps API Private Facebook Group where you can ask for help and chat with other learners
JOIN 1,124+ others who've already enrolled in this course
Once itβs purchased, itβs available to you forever without any additional charge! Any updates are also absolutely FREE!
Log into your account, or create an account with the same email you used to sign up for the course.
Great question! The good news is that Google offers FREE $300 credit per month at the time of writing this, which is more than enough to complete this course. However, you will need to provide your credit card information in order to get the API working.
I want to ensure you get great value and that you are happy with my course! If you are not completely satisfied with the course, please send an email to info@softauthor.com with a copy of your welcome email and I will refund you. Please let me know in the email what I can improve on so that I can make the necessary changes to enhance the learning experience.
Sure do! Send me an email at info@softauthor.com with the course name and some proof that you are a student and I'll send you a discount code.
Absolutely! In your course dashboard, you can download an official certificate of completion that can be used to be reimbursed by your employer or land that dream job you are applying for.
Sure - send me an Email at info@softauthor.com or Tweet me at @hirajatamil
JOIN 1,124+ others learning to build Location-Based Web Apps with Vue.js and Google Maps API
π₯ 9,134+ students already enrolled!
4.6 βοΈβοΈβοΈβοΈβοΈ (145+ ratings)
BEST SELLER