55244 JavaScript for Developers
CLASS DATE(s):
6/15/2020 - 6/19/2020
8/3/2020 - 8/7/2020

COURSE LENGTH: 5 Days

COURSE COST: $2495.00

COURSE TIMES: 9:00am - 4:30pm

Printable version of this course
print
Register for this course
register

COURSE OVERVIEW

This five-day instructor-led course is an in depth hands-on study of JavaScript. The course includes detailed hands-on labs and Q&A labs. The labs include multiple projects that update an existing web site.

AUDIENCE AND PREREQUISITES

This course is intended for both novice and experienced programmers. Some experience in C++, C# or Java is helpful.

Useful, but not required:
Previous programming experience using C, C# or Java.
HTML and CSS web development.

  

*Course Cost listed does not include the cost of courseware required in your registration. Please refer to your Invoice for the additional cost. If you have any questions, please contact us at learn@vtec.org or 207-775-0244. Course is subject to a minimum enrollment to run. If the minimum is not met than this class may run as a live online class.

COURSE TOPICS:


At Course Completion
Write and test JavaScript code in modern browsers.
Understand and work with the browser’s Document Object Model (DOM).
Work DOM objects and write code to respond to events
Add jQuery to their projects and use jQuery to manipulate the DOM and to make Ajax calls.
Understand Ajax and Web Services, including HTTP Verbs and asynchronous Ajax calls
Work with XML and JSON data formats.
Understand and use RESTful Web Services including ODATA queries.
Work with Anonymous Functions, Self-Invoking Functions and Closures
Understand the role of the Window and Navigator objects.
Describe and understand variables, “variable hoisting”, and JavaScript objects.

Module 1: Basic Scripting
JavaScript Basics
JavaScript or ECMAScript?
Which Version of JavaScript am I Using?
Shims, Shivs, and Polyfills
Writing and Testing JavaScript
Editors and the F12 Tools
Key Parts of a Script
Lab 1: Basic Scripting
Q&A quiz
Exercise 1 – Experimenting with the F12 Developer Tools
Exercise 2 – Update the time on the page by using JavaScript
Exercise 3 – Add JavaScript to respond to an event

Module 2: The Document Object Model
The DOM
Accessing Objects from the DOM
Responding to Events
Adding Elements to the DOM
Lab 1: The Document Object Model
Q&A quiz
Add an Animation to the Home Page.
Move the JavaScript to a File
Add JavaScript to Supply Mouse Over Tips to the Menu Tabs

Module 3: Introduction to jQuery
jQuery
Downloading the jQuery Library
jQuery Versions
Linking to the Library
Selecting Elements using jQuery
Working with the Data Returned by jQuery
Setting CSS Properties,
Running a Function Against the jQuery Return Set
Lab 1: jQuery
Q&A quiz
Add the jQuery Library to the Project
Create New Elements using jQuery

Module 4: Ajax and Web Services
Web Services
HTTP Verbs
Data Formats – XML and JSON
Ajax
RESTful Web Services
OData and OData Queries
OData Updates
Lab 1: Ajax and Web Services
Q&A quiz
Exploring a REST Web Service
Load Data from a Web Service

Module 5: Diving in Deeper
Is JavaScript Compiled?
Data Types and Objects
Extending Data Types
Variables, Scopes and Hoisting
Functions
The “this” Keyword
Errors
Recursion
Lab 1: Diving in Deeper
Q&A quiz