Preferred method of contact:

JavaScript for Modern Web Development

COURSE TYPE

Foundation

Course Number

2319

Duration

4 Days

PDF Add to WishList

Gain the knowledge and skills to create modern, interactive websites by leveraging JavaScript. In this training course, you learn how to structure code, add interactivity, and program with HTML5, as well as use best practices, progressive enhancement, and unobtrusive JavaScript to enrich a website, enhance user experience, and optimize accessibility across multiple devices.

You Will Learn How To

  • Write and debug client-side JavaScript to create modern pages for a variety of devices
  • Implement dynamic HTML effects to improve interactivity and SEO
  • Apply unobtrusive JavaScript programming patterns
  • Create dynamic, interactive forms with enhanced validation
  • Develop custom libraries to simplify maintenance and code reuse

Important Course Information

Requirements:

  • Experience developing web pages with HTML and CSS at the level of:

Other Important Course Information:

  • The majority of the course focuses on the core JavaScript functionality and syntax which is common to most modern JavaScript versions
  • The course does cover some topics and features from ECMAScript (ES6)

Course Outline

  • Introduction and Overview
  • Applying progressive enhancement
  • Modern JavaScript best practices
  • Writing and Debugging JavaScript

Core JavaScript syntax

  • Coding variables, statements and control blocks
  • Loading conditional functionality with feature testing

Implementation

  • Controlling client-side browser objects
  • Adding the behavior unobtrusively
  • Structuring Code for Reuse

Defining Functions

  • Declaration/Expression
  • Anonymous
  • Callback
  • Immediately Invoked Function Expressions (IIFE)
  • Passing optional parameters

Declaring objects

  • Structuring code with Object Literal Notation (OLN)
  • Augmenting functionality with the prototype
  • Serializing objects with JavaScript Object Notation (JSON)

Building a modular, maintainable library

  • Creating a private scope with namespaces
  • Developing a custom takeaway reusable library
  • Adding Interactivity with Dynamic HTML

Manipulating the Document Object Model (DOM)

  • Creating, reading, updating and deleting web page markup
  • Targeting elements by ID, tag name and class name
  • Modifying presentational CSS for dynamic HTML effects

Handling events

  • Adding and removing event handlers unobtrusively
  • Inspecting event object properties
  • Preventing default browser actions
  • Minimizing handlers with event delegation

Interacting with the browser and user

  • Responding to users' actions
  • Gathering information
  • Managing errors
  • Creating Forms with Client-Side Validation

Assisting users to ensure data validity

  • Validating without JavaScript
  • Implementing dynamic select menus
  • Preventing forms from submitting with enhanced validation
  • Customizing validation error messages

Validating data on the client side

  • Matching data patterns with regular expressions
  • Form vs. field validation
  • Invoking server-side business logic
  • Leveraging Ajax and Third-Party Libraries

Updating pages asynchronously with Ajax

  • Improving data exchange efficiency
  • Creating a reusable Ajax method and adding it to a custom library
  • Processing the server response
  • Performing Ajax functionality with a library

Exploiting third-party libraries

  • Tapping into the power of client libraries
  • Decreasing time-to-market with code reuse
  • Improving delivery performance with a Content Delivery Network (CDN)
  • Avoiding conflicts between libraries
  • Programming with HTML5 and Other APIs

Exploiting APIs for advanced functionality

  • Mapping
  • Application
  • HTML5
  • Mobile Device APIs
  • Offloading processing from the server to the client

Enriching user experience

  • Determining user location with geolocation and Google Maps API
  • Persisting data on the client with storage APIs
  • Loading JavaScript Conditionally

Optimizing download performance tuning

  • Implementing feature testing to conditionally load required JavaScript
  • Overcoming missing functionality with polyfills, fallbacks and conditional comments
Show complete outline
Show Less

Convenient Ways to Attend This Instructor-Led Course

Hassle-Free Enrolment: No advance payment required to reserve your seat.
Tuition due 30 days after you attend your course.

In the Classroom

Live, Online

Private Team Training

In the Classroom — OR — Live, Online

Tuition — Standard: $3285   Government: $2890

Sep 5 - 8 (4 Days)
9:00 AM - 4:30 PM EDT
Alexandria, VA / Online (AnyWare) Alexandria, VA / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Oct 10 - 13 (4 Days)
9:00 AM - 4:30 PM EDT
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Nov 6 - 9 (4 Days)
9:00 AM - 4:30 PM EST
Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Dec 19 - 22 (4 Days)
9:00 AM - 4:30 PM EST
Ottawa / Online (AnyWare) Ottawa / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Feb 20 - 23 (4 Days)
9:00 AM - 4:30 PM EST
Toronto / Online (AnyWare) Toronto / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Mar 20 - 23 (4 Days)
9:00 AM - 4:30 PM EDT
Ottawa / Online (AnyWare) Ottawa / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Mar 27 - 30 (4 Days)
9:00 AM - 4:30 PM EDT
Rockville, MD / Online (AnyWare) Rockville, MD / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Apr 10 - 13 (4 Days)
9:00 AM - 4:30 PM EDT
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

May 8 - 11 (4 Days)
9:00 AM - 4:30 PM EDT
Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Jul 24 - 27 (4 Days)
9:00 AM - 4:30 PM EDT
Toronto / Online (AnyWare) Toronto / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Aug 14 - 17 (4 Days)
9:00 AM - 4:30 PM EDT
Ottawa / Online (AnyWare) Ottawa / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Guaranteed to Run

Show all dates
Show fewer dates

Private Team Training

Enroling at least 3 people in this course? Consider bringing this (or any course that can be custom designed) to your preferred location as a private team training.

For details, call 1-888-843-8733 or Click here »

Tuition

Standard

Government

In Classroom or
Online

Standard

$3285

Government

$2890

Private Team Training

Contact Us »

Course Tuition Includes:

After-Course Instructor Coaching
When you return to work, you are entitled to schedule a free coaching session with your instructor for help and guidance as you apply your new skills.

After-Course Computing Sandbox
You'll be given remote access to a preconfigured virtual machine for you to redo your hands-on exercises, develop/test new code, and experiment with the same software used in your course.

Free Course Exam
You can take your Learning Tree course exam on the last day of your course or online at any time after class and receive a Certificate of Achievement with the designation "Awarded with Distinction."

Prev
Next

Training Hours

Standard Course Hours: 9:00 am – 4:30 pm
*Informal discussion with instructor about your projects or areas of special interest: 4:30 pm – 5:30 pm

FREE Online Course Exam (if applicable) – Last Day: 3:30 pm – 4:30 pm
By successfully completing your FREE online course exam, you will:

  • Have a record of your growth and learning results
  • Bring proof of your progress back to your organization
  • Earn credits toward industry certifications (if applicable)

- ,

Prev
Next
Chat Now

Please Choose a Language

Canada - English

Canada - Français