Web Development With Google Maps
Integrate JavaScript, jQuery, CSS, HTML, IIS, Windows And More!
- Description
- Curriculum
- FAQ
- Reviews
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.
Programming Basics in JavaScript
SimBob
-
2
Core programming conceptsGet an overview of some of the programming concepts covered in this course.
-
3
Installing the necessary tools
Download and install the complete set of tools needed to work with this course's code.
-
4
Let's create a few necessary folders
Create the folders used throughout the course.
-
5
Variables - part A
Part A of the video about variables, please watch part B next.
-
6
Variables - part B
Understand how JavaScript appears in ByteCode form.
-
7
Branching - if / else
Learn how to control program flow with if/else and related constructs.
-
8
Branching - switch
Learn how to make decisions with switch blocks.
-
9
Looping - for
Learn how to do repetitive tasks fast with for loops.
-
10
Looping - while
Create while loops to automate repetitive tasks.
-
11
Looping - do/while
Create do/while loops to automate repetitive tasks.
-
12
Looping - for/in
Learn how to iterate over array entries using a for in loop.
-
13
Data structures - arrays, objects
Learn how to store information using different data structures.
-
14
Data structures - JSON
Learn how to represent objects with JSON.
-
15
Organizing code with code blocks
Learn how to arrange code with code blocks.
-
16
Object oriented programming - OOP - direct
Learn how to build up objects using the direct approach.
-
17
Object oriented programming - OOP - new
Learn how to build up objects using constructors.
-
18
Summary & code files
Get the code files and a summary of the course so far.
Setting up web server IIS (Internet Information Services)
Intro into Google Maps
-
20
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.
-
21
Adding gmaps.dev to host file
Student will add gmaps.dev to system host file.
-
22
Installing gmaps app & testing webserver
Install the gmaps app and test the web server to be sure everything is working.
HTML5 & CSS - Index Page
Static API
Embed API
-
27
API Overview
Get an overview of the Google Maps Static API
-
28
Let's write code - HTML
Write HTML to give the page basic structure.
-
29
Let's write code - CSS
Write CSS to format the appearance of the site.
-
30
Let's write code - JavaScript
Write JavaScript code to power the application.
-
31
Let's write code - summary
Review of the application developed thus far.
Street View Image API
-
32
API Overview
Quick overview of the API docs.
-
33
Let's write code - HTML
Write HTML to structure the site in this section.
-
34
Let's write code - CSS
Write CSS to format the appearance of the site in this section.
-
35
Let's write code - JavaScript - part 1
Add JavaScript code to automate the page.
-
36
Let's write code - JavaScript - part 2
Finish adding JavaScript code to complete the program in this section.
-
37
Let's write code - summary
Review some of the features of the application we've built.
-
38
Tweaking code...
Improve the JavaScript code developed in this section.
App & Code Refactoring
-
39
API Overview
Review some of the major features of the street view API.
-
40
Let's write code - HTML, CSS
Write HTML/CSS to structure and format the street view application.
-
41
Let's write code - JavaScript
Write JavaScript code to power the street view application.
-
42
Let's write code - summary
Summary of the concepts covered in this section.
Places API Javascript Library
Google Maps JavaScript API v3 - DistanceService
-
45
API Overview
-
46
Let's write code - HTML - part 1
-
47
Let's write code - HTML - part 2
-
48
Let's write code - HTML - part 3
-
49
Let's write code - CSS
-
50
Let's write code - JavaScript - part 1
-
51
Let's write code - JavaScript - part 2
-
52
Let's write code - JavaScript - part 3
-
53
Let's write code - JavaScript - part 4
-
54
Let's write code - summary
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!
Stars 5
10
Stars 4
7
Stars 3
4
Stars 2
0
Stars 1
1
Course details
Video
9 hours
Certificate of Completion
Popular courses
Social Network