JavaScript Essentials for the Full Stack Developer Using ECMAScript

Attend this JavaScript Essentials for the Full Stack Developer Using ECMAScript training course and gain knowledge and skills to create modern, interactive websites. In this course, you learn how to structure code, add interactivity, and leverage ECMAScript to generate dynamic HTML5. You will benefit from the use of best practices, progressive enhancement, and progressive web app development to optimise accessibility across multiple devices. You will grow significantly on your path to achieving the knowledge and skills of a full stack developer.

Full Stack JavaScript Development Delivery Methods

• In-Person

• Online

Full Stack JavaScript Development Course Benefits

• 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

• Leverage continued support with after-course one-on-one instructor coaching and computing sandbox

Full Stack JavaScript Development Course Outline

Important Course Information

Prerequisites

Experience developing web pages with HTML and CSS at the level of Course 2320, HTML5, CSS3 and JavaScript Training: Platform-Independent Web Development .

Module 1: Introduction and Overview

• Applying progressive enhancement
• Modern JavaScript best practices

Module 2: 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 behaviour unobtrusively

Module 3: 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

Module 4: 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

Module 5: Creating Forms with Client-Side Validation

Assisting users in ensuring data validity

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

Validating data on the client side

• Matching data patterns with regular expressions
• Form vs. field validation
• Invoking server-side business logic

Module 6: 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

Module 7: 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

Module 8: Loading JavaScript Conditionally

Optimising download performance tuning

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