JavaScript Essentials for the Full Stack Developer Using ECMAScript

Level: Foundation
Rating: 4.5/5 4.53/5 Based on 224 Reviews

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.

Key Features of this Training

  • Placeholder

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

Certifications/Credits:

CPE 23 Credits

Choose the Training Solution That Best Fits Your Individual Needs or Organizational Goals

LIVE, INSTRUCTOR-LED

In Class & Live, Online Training

View Course Details & Schedule

Standard $2990

Government $2659

RESERVE SEAT

PRODUCT #2319

TRAINING AT YOUR SITE

Team Training

  • Bring this or any training to your organization
  • Full - scale program development
  • Delivered when, where, and how you want it
  • Blended learning models
  • Tailored content
  • Expert team coaching
View Details ›

Customize Your Team Training Experience

CONTACT US

Save More On Training with FlexVouchers – A Unique Training Savings Account

Our FlexVouchers help you lock in your training budgets without having to commit to a traditional 1 voucher = 1 course classroom-only attendance. FlexVouchers expand your purchasing power to modern blended solutions and services that are completely customizable. For details, please call 888-843-8733 or chat live.

In Class & Live, Online Training

Time Zone Legend:
Eastern Time Zone Central Time Zone
Mountain Time Zone Pacific Time Zone

Note: This course runs for 4 Days

  • May 12 - 15 9:00 AM - 4:30 PM EDT Online (AnyWare) Online (AnyWare) Reserve Your Seat

  • Sep 1 - 4 9:00 AM - 4:30 PM EDT Ottawa / Online (AnyWare) Ottawa / Online (AnyWare) Reserve Your Seat

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

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

  • Feb 16 - 19 9:00 AM - 4:30 PM EST Ottawa / Online (AnyWare) Ottawa / Online (AnyWare) Reserve Your Seat

  • Mar 29 - Apr 1 9:00 AM - 4:30 PM EDT New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

Guaranteed to Run

When you see the "Guaranteed to Run" icon next to a course event, you can rest assured that your course event — date, time — will run. Guaranteed.

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

Team Training

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

Questions about which training is right for you?

call 888-843-8733
chat Live Chat




100% Satisfaction Guaranteed

Your Training Comes with a 100% Satisfaction Guarantee!*

*Partner-delivered courses may have different terms that apply. Ask for details.

Online (AnyWare)
Ottawa / Online (AnyWare)
New York / Online (AnyWare)
Herndon, VA / Online (AnyWare)
Ottawa / Online (AnyWare)
New York / Online (AnyWare)
Preferred method of contact:
Chat Now

Please Choose a Language

Canada - English

Canada - Français