Course Code: 5711

55244 JavaScript for Developers

Class Dates:
1/1/0001
Length:
5 Days
Cost:
$2495.00
Class Time:
Technology:
Developer
Delivery:
Instructor-Led Training, Virtual Instructor-Led Training

Overview

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

Prerequisites

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

Course Disclaimer

*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 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