Web Development With Google Maps
4.5 (11 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
233 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Web Development With Google Maps to your Wishlist.

Add to Wishlist

Web Development With Google Maps

Integrate JavaScript, jQuery, CSS, HTML, IIS, Windows And More!
4.5 (11 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
233 students enrolled
Created by Erik Owsiak
Last updated 1/2017
English
Current price: $10 Original price: $50 Discount: 80% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 8.5 hours on-demand video
  • 7 Articles
  • 16 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • All tools needed for the course are free; student will be shown where to download them.
Description

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.


Who is the target audience?
  • Anyone wanting to become a web development guru.
  • Anyone wanting to take advantage of Google Maps in their projects.
  • Anyone wanting to learn JavaScript basics
Students Who Viewed This Course Also Viewed
Curriculum For This Course
60 Lectures
08:31:08
+
Overview of the course
1 Lecture 03:48

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

Preview 03:48
+
Programming Basics in JavaScript
17 Lectures 02:06:14

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


Core programming concepts
07:29

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


Installing the necessary tools
05:19

Create the folders used throughout the course.


Let's create a few necessary folders
00:52

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


Variables - part A
18:07

Understand how JavaScript appears in ByteCode form.


Variables - part B
04:11

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


Branching - if / else
12:41

Learn how to make decisions with switch blocks.


Branching - switch
06:58

Learn how to do repetitive tasks fast with for loops.


Looping - for
03:34

Create while loops to automate repetitive tasks. 


Looping - while
08:55

Create do/while loops to automate repetitive tasks. 


Looping - do/while
05:12

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


Looping - for/in
07:21

Learn how to store information using different data structures.


Data structures - arrays, objects
07:48

Learn how to represent objects with JSON.


Data structures - JSON
09:06

Learn how to arrange code with code blocks.


Organizing code with code blocks
08:15

Learn how to build up objects using the direct approach.


Object oriented programming - OOP - direct
08:01

 Learn how to build up objects using constructors.


Object oriented programming - OOP - new
10:47

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


Summary & code files
01:38
+
SimBob
1 Lecture 10:42

Learn how to simulate a person using JavaScript.


Simulating a person using JavaScript
10:42
+
Setting up web server IIS (Internet Information Services)
3 Lectures 24:10

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. 


Setting up web server (IIS)
07:08

Student will add gmaps.dev to system host file.


Adding gmaps.dev to host file
14:51

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


Installing gmaps app & testing webserver
02:11
+
Intro into Google Maps
1 Lecture 08:15

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


Get API Key
08:15
+
HTML5 & CSS - Index Page
3 Lectures 33:06

Student will finish index.html page for gmaps.dev


Index page - part 1
15:04

Student will finish index.html page for gmaps.dev


Index page - part 2
13:45

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


Index page - summary
04:17
+
Static API
5 Lectures 01:03:23

Get an overview of the Google Maps Static API


API Overview
08:55

Write HTML to give the page basic structure.


Let's write code - HTML
12:23

Write CSS to format the appearance of the site.


Let's write code - CSS
14:59

Write JavaScript code to power the application.


Let's write code - JavaScript
15:51

Review of the application developed thus far.


Let's write code - summary
11:15
+
Embed API
7 Lectures 01:22:19

Quick overview of the API docs.


API Overview
06:10

Write HTML to structure the site in this section.


Let's write code - HTML
14:40

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


Let's write code - CSS
11:09

Add JavaScript code to automate the page.


Let's write code - JavaScript - part 1
15:14

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


Let's write code - JavaScript - part 2
14:46

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


Let's write code - summary
08:39

Improve the JavaScript code developed in this section.


Tweaking code...
11:41
+
Street View Image API
4 Lectures 39:34

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


API Overview
04:34

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


Let's write code - HTML, CSS
13:17

Write JavaScript code to power the street view application.


Let's write code - JavaScript
14:16

Summary of the concepts covered in this section.


Let's write code - summary
07:27
+
App & Code Refactoring
2 Lectures 18:24

Learn how to make the application more flexible.

reviewed

App Refactoring
05:14

Code will be edited.

Code Refactoring
13:10
3 More Sections
About the Instructor
Erik Owsiak
3.9 Average rating
70 Reviews
2,524 Students
5 Courses
Hardware & Software Engineer

I started working with programming and technology way back in the 90's when a 200 MHz Pentium 1 was a speed demon; things sure have changed since. As programming and hardware matured over time so did I working with it. This gives me a unique prospective on what it is that really matters when it comes to programming. Over the years I have seen a few technologies come and go but a few basics have stayed and I am sure those basics will be with us a 100 years from now. I hope that as you take my courses I can relay those basic truths to you. A programming language is nothing more than a tool, like a hammer to a carpenter; it is not the hammer that makes quality furniture but the carpenter.  Over the course of my career I have worked on many different projects, which led me to work with many programming languages from C/C++, C#, php, JavaScript/JScript, asp.net, python, Lua to name just a few.