Advanced JavaScript Training Course

Advanced JavaScript Course Contents

TOOLS

• webDev tools, modern inspectors and new features
• jsFiddle 
• NPM and NPM scripts
• Linting ES6+ code with ESLINT
• Transpiling for legacy browsers with Babel

Test Driven Development (TDD) and unit testing with Jasmine

• intro to TDD
• Jasmine testing framework
• suites, specs, expectations
• matchers
• setups and teardowns
• testing asynchronous code with Jasmine

Warming up

• primitive data types 
• ES6+ Symbols
• falsy and tricky values
• default and guard operators
• var variables, hoisting and global variables
• innerHTML vs appendChild vs createDocumentFragment
• ES6+ block scope
• ES6+ let and const variables
• ES6+ template strings, template literals, placeholders
• ES6+ new string methods

DOM events

• definition
• capture, target, bubbling phases
• traditional event binding vs event delegation
• delegating events with jQuery
• delegating events with raw JS
• e.target vs e.currentTarget

OBJECTS

• objects, properties, methods
• creating object literals
• object constructors
• property attributes and enumeration
• delete operator
• ES6+ destructuring objects
• ES6+ new features of object literals 

FUNCTIONS

• functions as datatypes
• Function object
• function scope ( vs block scope )
• declaration
• invocation
• implicit parameters 
• this keyword, invocation patterns
• call(), apply()
• returning values
• closures
• getters / setters
• prototype
• ES6+ arrow functions
• ES6+ default parameters
• ES6+ destructuring and functions

ARRAYS

• creating arrays
• array types
• enumerating elements
• manipulating elements
• length property
• iterating arrays
• deleting elements
• array methods
• ES6+ for...of loop
• ES6+ destructuring and arrays
• ES6+ new array methods
• ES6+ spread operator
• ES6+ rest parameter

Object Oriented Programming

• creating reusable code 
• augmenting prototypes
• inheritance in JS 
• factory function and mixins
• ES6+ JS classes
• ES6+ classes and object creation
• ES6+ classes and inheritance

ES6+ Promises

• ES6+ promises intro
• Fetch API promises
• creating promises
• flow control: chaining promises
• working with multiple promises 

ES6+ Generators

• Generators intro
• syntax
• using Generators for ajax flow control
• Generators and For...OF loop
• Revealing Module pattern
• Revealing Prototype pattern