Course Code: 5711

55244 JavaScript for Developers

Class Dates:
5 Days
Class Time:
Instructor-Led Training, Virtual Instructor-Led Training


  • 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
  • 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 Details

  • 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