4.1 out of 5
4.1
21 reviews on Udemy

Web Development With Google Maps

Integrate JavaScript, jQuery, CSS, HTML, IIS, Windows And More!
Instructor:
Ireneusz Erik Owsiak
375 students enrolled
English [Auto-generated]
design and create web pages using HTML
describe the fundamentals of programming using JavaScript
use jQuery to create improved and dynamic web pages
Make creative use of Google Maps in their web pages.
Understand how to break complex problems into smaller ones
Understand how to get essential web development tools like node.js and Microsoft Visual Studio Code
Learn what variables are, how to set and use them
Learn about different data types
Learn how to use the the Google Maps API

Thank you for stopping by. There are many web development courses out there, but there is absolutely none like this one. In this course, Erik shows you how to build several small web applications using Google Maps ,HTML 5, JavaScript, Windows, PHP, jQuery, CSS, and related technologies.  Erik brings 20 years of software development experience to show you how real programs are written, and gives you many unique and practical tips along the way. The first 20 videos are a review of the fundamentals of programming using JavaScript. The bottom 40 videos show you how to combine a variety of technologies, like Visual Studio Code, JavaScript, Windows, jQuery, CSS, PHP, HTML and others, to produce powerful and unique code. Some of the videos cover programming topics, and some of the videos allow you to take a break from programming to focus on concepts. You can code along with Erik, or you can download the course files and install them them on your computer. By the end, you will have learned a great variety of powerful and interesting skills that will push your web development skills to new highs.  That’s our guarantee to you. Thanks so much for reading. Let’s get coding!

Promo video PP licensed from PresenterMedia

jQuery and related marks are trademarks of the JS Foundation, and this course is not affiliated with or endorsed by the JS Foundation.

Overview of the course

1
Course Intro

This course covers the fundamentals of programming, HTML5, CSS, JavaScript, jQuery & Google Maps APIs.

Programming Basics in JavaScript

1
Core programming concepts

Get an overview of some of the programming concepts covered in this course. 


2
Installing the necessary tools

 Download and install the complete set of tools needed to work with this course's code.


3
Let's create a few necessary folders

Create the folders used throughout the course.


4
Variables - part A

Part A of the video about variables, please watch part B next.


5
Variables - part B

Understand how JavaScript appears in ByteCode form.


6
Branching - if / else

Learn how to control program flow with if/else and related constructs. 


7
Branching - switch

Learn how to make decisions with switch blocks.


8
Looping - for

Learn how to do repetitive tasks fast with for loops.


9
Looping - while

Create while loops to automate repetitive tasks. 


10
Looping - do/while

Create do/while loops to automate repetitive tasks. 


11
Looping - for/in

Learn how to iterate over array entries using a for in loop.


12
Data structures - arrays, objects

Learn how to store information using different data structures.


13
Data structures - JSON

Learn how to represent objects with JSON.


14
Organizing code with code blocks

Learn how to arrange code with code blocks.


15
Object oriented programming - OOP - direct

Learn how to build up objects using the direct approach.


16
Object oriented programming - OOP - new

 Learn how to build up objects using constructors.


17
Summary & code files

Get the code files and a summary of the course so far.


SimBob

1
Simulating a person using JavaScript

Learn how to simulate a person using JavaScript.


Setting up web server IIS (Internet Information Services)

1
Setting up web server (IIS)

Student will setup a web server on his or her machine. This course assumes that the student is on a Windows 7, 8.x or 10 machine. 


2
Adding gmaps.dev to host file

Student will add gmaps.dev to system host file.


3
Installing gmaps app & testing webserver

Install the gmaps app and test the web server to be sure everything is working.


Intro into Google Maps

1
Get API Key

Get the API key and create your Google account if does not exit.


HTML5 & CSS - Index Page

1
Index page - part 1

Student will finish index.html page for gmaps.dev


2
Index page - part 2

Student will finish index.html page for gmaps.dev


3
Index page - summary

Tag ids and classes will be discussed in the context of addressing elements of the page. 


Static API

1
API Overview

Get an overview of the Google Maps Static API


2
Let's write code - HTML

Write HTML to give the page basic structure.


3
Let's write code - CSS

Write CSS to format the appearance of the site.


4
Let's write code - JavaScript

Write JavaScript code to power the application.


5
Let's write code - summary

Review of the application developed thus far.


Embed API

1
API Overview

Quick overview of the API docs.


2
Let's write code - HTML

Write HTML to structure the site in this section.


3
Let's write code - CSS

Write CSS to format the appearance of the site in this section.


4
Let's write code - JavaScript - part 1

Add JavaScript code to automate the page.


5
Let's write code - JavaScript - part 2

Finish adding JavaScript code to complete the program in this section.


6
Let's write code - summary

Review some of the features of the application we've built.


7
Tweaking code...

Improve the JavaScript code developed in this section.


Street View Image API

1
API Overview

Review some of the major features of the street view API.


2
Let's write code - HTML, CSS

Write HTML/CSS to structure and format the street view application.


3
Let's write code - JavaScript

Write JavaScript code to power the street view application.


4
Let's write code - summary

Summary of the concepts covered in this section.


App & Code Refactoring

1
App Refactoring

Learn how to make the application more flexible.

reviewed

2
Code Refactoring

Code will be edited.

Places API Javascript Library

1
API Overview
2
Let's write code - HTML - part 1
3
Let's write code - HTML - part 2
4
Let's write code - HTML - part 3
5
Let's write code - CSS
6
Let's write code - JavaScript - part 1
7
Let's write code - JavaScript - part 2
8
Let's write code - JavaScript - part 3
9
Let's write code - JavaScript - part 4
10
Let's write code - summary

Google Maps JavaScript API v3 - DistanceService

1
API Overview
2
Let's write code - HTML
3
Let's write code - CSS
4
Let's write code - JavaScript
5
Let's write code - summary

Course Summary

1
Summary Video
You can view and review the lecture materials indefinitely, like an on-demand channel.
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!
4.1
4.1 out of 5
21 Ratings

Detailed Rating

Stars 5
10
Stars 4
6
Stars 3
4
Stars 2
0
Stars 1
1
928662be96f1ad755892350d1467945b
30-Day Money-Back Guarantee

Includes

9 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion