HOT
blank

HTML5 Geolocation in Action: Build 7 HTML5 Geolocation Apps

Development

Rating4
Enroll Now

HTML5 Geolocation in Action: Build 7 HTML5 Geolocation Apps, available at $49.99, has an average rating of 4, with 90 lectures, 3 quizzes, based on 221 reviews, and has 2709 subscribers.

You will learn about Detect user's current location. Display Google map with markers and information window. Display user's location in a map. Use Google Maps API, Places API and Directions API in web applications and websites Develop 5 unique location-aware applications including Where Am I?, Weather Forecast, Distance Calculator, How to Reach? and Find Around Me This course is ideal for individuals who are Students who wish to learn HTML5 and JavaScript or Developers who want to come up with location-aware applications or Entrepreneurs who want to display their business location in a map in their website or Anyone who wants to develop web applications incorporating maps and geolocation It is particularly useful for Students who wish to learn HTML5 and JavaScript or Developers who want to come up with location-aware applications or Entrepreneurs who want to display their business location in a map in their website or Anyone who wants to develop web applications incorporating maps and geolocation.

Enroll now: HTML5 Geolocation in Action: Build 7 HTML5 Geolocation Apps

Summary

Title: HTML5 Geolocation in Action: Build 7 HTML5 Geolocation Apps

Price: $49.99

Average Rating: 4

Number of Lectures: 90

Number of Quizzes: 3

Number of Published Lectures: 86

Number of Published Quizzes: 3

Number of Curriculum Items: 93

Number of Published Curriculum Objects: 89

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

  • Detect user's current location.
  • Display Google map with markers and information window.
  • Display user's location in a map.
  • Use Google Maps API, Places API and Directions API in web applications and websites
  • Develop 5 unique location-aware applications including Where Am I?, Weather Forecast, Distance Calculator, How to Reach? and Find Around Me

Who Should Attend

  • Students who wish to learn HTML5 and JavaScript
  • Developers who want to come up with location-aware applications
  • Entrepreneurs who want to display their business location in a map in their website
  • Anyone who wants to develop web applications incorporating maps and geolocation

Target Audiences

  • Students who wish to learn HTML5 and JavaScript
  • Developers who want to come up with location-aware applications
  • Entrepreneurs who want to display their business location in a map in their website
  • Anyone who wants to develop web applications incorporating maps and geolocation

***Quizzes, Practice Exercises and 7 Unique Location-Aware Applications are Included***

—————————————————————————————————————————

Do you want to track the location of your site’s visitors,that is to identify from where your site gets traffic? Do you want to mark the location(s) of your local business in a map on your website? Do you want to develop location-aware or GPS applications? Do you want to learn HTML5 and JavaScript in depth? Then, join this 100% hands-on course and start developing unique location-aware or GPS applications.

Geolocation continues to be a hot topic especially in the smartphone sector. You can do many wonderful things if you are able to track the location of a person.

  1. It would be great if you could know whether your daughter has reached her school safely.

  2. It would be useful if you could find the actual route to an unknown place.

  3. It would be cool if you could locate a restaurant or a hospital in an unknown place.

Isn’t it? All these are possible with geolocation. In today’s competitive world, businesses try to improve their service making the best use of geolocation information. This in turn increases the demand for location aware applications.

—————————————————————————————————————————

Janice Hageman says

“HTML Geolocation

The course was very informative, starting out with basic information and then building to more complex information.It will definitely help with some map-related projects I am working on. Contained a lot of examples.“

Keira D says

“Insightful, well-thought-out course – recommended

I recommend this course to anyone trying to develop an in depth knowledge on this topic.I regularly take many online courses from multiple sources, and I evaluate this course as one of the most insightful one I have come across! The materials are systematically structured, and the instructor literally takes you from basics to the details. There are examples and hands-on exercises, which I found extremely helpful. Instructor’s understanding of the subject is really impressive. Also, I see that the instructor is very responsive on the discussion forum. Great work. Recommended.“

Trent says

“Great Course

Everything is presented in a very clear way. It is very easy to follow along. I recommend this course for anyone interested in Geolocation and Google Maps.“

—————————————————————————————————————————

The Course Structure is as follows:

We first look at the HTML5 geolocation API including how geolocation works and how to get location information for a point of time and also for a period of time. As you proceed with this course, you will learn how to use the following APIs along with HTML5 Geolocation API to make your applications really magical.

  1. Google Maps API

  2. Google Places API

  3. Google Directions API

This course teaches you how to come up with really useful and unique location-aware applications (GPS- based applications) using HTML5 Geolocation API. You would develop 6 location-aware applications as part of this course that too from SCRATCH. The happy news is that you can use these applications while traveling (if you have a mobile device with GPS).

By the end of this course, you would have the following web applications developed from scratch.

  1. Where Am I? that displays the location information in a text message and also in a map.

  2. Weather Forecast that displays the local weather information to the user.

  3. Distance Calculator that calculates the distance between the current location and specified destination

  4. How to Reach? displays the route from the current location to the specified destination

  5. Find Around Me displays nearby restaurants, ATMs etc to the user

  6. Postcode Finder displays the postcode of the user and allows the user to get the postcode of the address entered

  7. Store Locator displays different stores details in a map fetching details from the database

Each application is developed from SCRATCH which makes it easier even for beginners to follow.  You will also get a list of application ideas that you can use to develop your own location-aware applications.

So, what are you waiting for?? Join this wonderful course NOW and let’s get started !!!

Course Curriculum

Chapter 1: Geolocation is the Answer to the Question: Where Am I? or Where are you?

Lecture 1: 5 Unique Applications You are Going to Develop from Scratch

Lecture 2: What does this course cover?

Lecture 3: What Software You Need?

Lecture 4: What is Geolocation and How it Works?

Lecture 5: What can You Do with Geolocation?

Chapter 2: HTML5 Geolocation API

Lecture 1: HTML5 Geolocation API Introduction

Lecture 2: What Location Related Information You can Collect?

Lecture 3: The getCurrentPosition Method to Get the Position for a Specific Point of Time

Lecture 4: Source Code: currentposition.html

Lecture 5: Practice Exercise #1

Lecture 6: Solution: Practice Exercise #1

Lecture 7: The watchPosition Method to Get the Position over a Period of Time

Lecture 8: Source Code: getposition.html

Lecture 9: HTML5 Geolocation API and Insecure Origins

Lecture 10: Practice Exercise #2

Lecture 11: Solution: Practice Exercise #2

Lecture 12: How to Handle Errors?

Lecture 13: Practice Exercise #3

Lecture 14: Solution: Practice Exercise #3

Chapter 3: Google Maps API

Lecture 1: Google Maps API: Overview

Lecture 2: Update to Google Maps API

Lecture 3: How to Display a Static (Non-Interactive) Map?

Lecture 4: Source Code:static.html

Lecture 5: Practice Exercise #4

Lecture 6: Solution: Practice Exercise #4

Lecture 7: How to Display an Interactive Map?

Lecture 8: Source Code: interactive.html

Lecture 9: Practice Exercise #5

Lecture 10: Solution: Practice Exercise #5

Lecture 11: Markers and Information Window to Make the Map More Informative

Lecture 12: Source Code: marker.html

Chapter 4: Application 1: Where Am I?

Lecture 1: What does the "Where Am I?" Application Do?

Lecture 2: Get Latitude and Longitude of User's Current Location

Lecture 3: Reverse Geocoding to get Human-Readable Address

Lecture 4: Display Current Location in a Map

Lecture 5: Source Code: whereami.html

Chapter 5: Application 2: Weather Forecast

Lecture 1: Get Current Latitude and Longitude

Lecture 2: Send Request and Get Response using XMLHttpRequest Object

Lecture 3: Update to Lecture 36: API Key added to the Request

Lecture 4: Collect Required Weather Information

Lecture 5: Display Weather Information in Proper Format

Lecture 6: Conclusion

Lecture 7: Source Code: weather-forecast.html

Chapter 6: Application 3: Distance Calculator

Lecture 1: Design the Front End

Lecture 2: Geocoding to Get Latitude and Longitude of Destination

Lecture 3: Process Result to Get Latitude and Longitude of Destination

Lecture 4: Calculate Distance between Source and Destination using Haversine Formula

Lecture 5: Conclusion

Lecture 6: Further Enhancement

Lecture 7: Source Code: distance-calculator.html

Chapter 7: Application 4: How to Reach?

Lecture 1: Design the Front End

Lecture 2: Get Latitude and Longitude of Source and Destination

Lecture 3: Display the Map

Lecture 4: Add Markers and Adjust the Zoom Level Programmatically

Lecture 5: Draw the Route between Source and Destination using Google's Directions API

Lecture 6: Source Code: howtoreach.html

Chapter 8: Application 5: Find Around Me

Lecture 1: Design the Front End

Lecture 2: Draw the Map

Lecture 3: Get Points of Interests using Google's Places API

Lecture 4: Draw Markers for Different Points of Interests

Lecture 5: Add Information Windows to Display more Details

Lecture 6: Source Code: around-me.html

Chapter 9: Application 6: Postcode Finder

Lecture 1: Design the Front End

Lecture 2: Get the Latitude and Longitude

Lecture 3: Different Options for Initial and Requested Postcodes

Lecture 4: Get the Postcode from the Result

Lecture 5: Some Final Touches

Lecture 6: Source Code: postcode-finder.html

Chapter 10: Application 7: Store Locator

Lecture 1: Know the Application

Lecture 2: Design the Front End

Lecture 3: Populate the County Dropdown

Lecture 4: Implement the onchange of the Dropdown

Lecture 5: Fetch Details from the Database

Lecture 6: Collect the Response

Lecture 7: Draw the Map

Lecture 8: Add the Markers

Lecture 9: Google Maps Geocoding API to Get Latitude and Longitude for a Postcode

Lecture 10: Collect Latitude and Longitude and Pass it as a Request

Lecture 11: Write the Query to Calculate Distance between Two Points

Lecture 12: Execute the Query

Lecture 13: Collect the Response and Pass it to the Function

Lecture 14: Source Code: store-locator.html

Lecture 15: Source Code: getfromdb.php

Chapter 11: Conclusion

Lecture 1: Location-Aware Application Ideas

Lecture 2: An End Note

Chapter 12: Bonus Section

Instructors

Rating Distribution

  • 1 stars: 5 votes
  • 2 stars: 14 votes
  • 3 stars: 40 votes
  • 4 stars: 70 votes
  • 5 stars: 92 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Top 10 Ethical AI Courses to Learn in November 2024

Top 10 Game Development Courses to Learn in November 2024

Top 10 Software Testing Courses to Learn in November 2024