JavaScript Training

Learning Objective:

By the end of this module you will learn about different operators and their uses.

 Topic

• Assignment operators
• Comparison operators
• Arithmetic operators
• Bitwise operators
• Logical operators
• String operators
• Conditional (ternary) operator
• Comma operator
• Unary operators
• Relational operators
  

Hands-on:

Create a JS program with multiple expression made of different operators.

Learning Objective:

By the end of this module you will learn about how to use conditionals in JS.

Topic

• if
• if..else
• if..elseif
• switch
  

Hands-on:

Create a JS program which implements decision based program flow using different if types and switch.

Learning Objective:

By the end of this module you will learn about how to use iterative statements and the differences between them.

Topic

• for statement
• do..while statement
• while statement
• break statement
• continue statement
• for..in statement
• for..of statement (ES6)
  

Hands-on:

Create a JS program that iteratively prints numbers with different types of loops.

Learning Objective:

By the end of this module you will learn how to define different types of functions and the differences between them. You also explore the scope, context and powerful function api.

Topic

• Define functions
• Parameters
• Scope, context and hoisting
• Named, Anonymous and function expressions
• Function invocation
• Call, apply and bind
• Callbacks
• Closures
  

Hands-on:

Create named functions, anonymous functions, function expressions, use call, apply and bind to change the context. Create closures to simulate private variables.

Learning Objective:

By the end of this module you will learn how to perform operations with string and date object.

Topic

• Creating Strings
• Most commonly used string methods
• Creating Dates
• Most commonly used Date methods
  

Hands-on:

Create string as primitives and objects, Date instances. Use most commonly used string methods.

Learning Objective:

By the end of this module learn how to work with arrays.

Topic

• What is an array?
• CRUD operations with array
• Most commonly used array methods
  

Hands-on:

Create Arrays using literal and constructor syntax. Perfom CRUD operations on array and use functional programming styled methods like map, filter etc.

Learning Objective:

By the end of this module learn how to create objects in different syntaxes,access object properties, using accessors and implementing inheritance.

Topic

• What is Object?
• Different ways to create objects?
• Constructors and object instances
• Accessing properties with dot and bracket notation
• Getters and setters
• What is "this"?
• The Object constructor and its methods
• Working with prototype
• Inheritance
  

Hands-on:

Create object using literal, constructor function, Object constructor. Create getters and setters, Implement inheritance using prototype.

Learning Objective:

By the end of this module you will learn how to handle errors.

Topic

• Try..catch
• Types of Errors
  

Hands-on:

Create a JS program to throw and catch exceptions.

Learning Objective:

By the end of this module you will learn how to work with HTML DOM.

Topic

• What is DOM?
• Why DOM?
• Understand Document object
• CRUD with DOM
• Traversing DOM
• Built in & custom Events
  

Hands-on:

Create a dynamic table with CRUD operations.

Learning Objective:

By the end of this module you will learn how to manage HTML forms with JS.

Topic

• Setting and Getting values from form elements
• Validating forms
  

Hands-on:

Create form with validation and submission features.

Learning Objective:

By the end of this module you will understand the significance of Babel and popular presets.

Learning Objective:

By the end of this module you will learn the different scoped variable declarations.

Topic

• Let & const
• Temporal Dead Zone
  

Hands-on:

Create block and function scoped variables

Learning Objective:

By the end of this module you will learn how to create multiline strings and tagged template literals.

Topic

• Introduction
• Tagged Template Literals
  

Hands-on:

Create a function that generates formatted HTML using tagged template literal.

Learning Objective:

By the end of this module you will learn how to take advantage of this new destructuring syntax to pull values of composite data structure, and learn to define functions.

Topic

• Introduction
• Array Destructuring
• Object Destructuring
  

Hands-on:

Create a program that destructures nested objects and arrays.

Learning Objective:

By the end of this module you will learn how spread and rest operators works and their past counter parts.

Topic

• Create a function that merges arrays and objects using spread operator
  

Hands-on:

Create a function that takes variable number of arguments using rest operator.

Learning Objective:

By the end of this module you will learn how arrow functions will help to write elegant anonymous functions and their auto bind feature. You will also learn where they are fit and not fit.

Topic

• Create a function that takes default args
• Arrow functions
• Default Arguments
  

Hands-on:

Create a program that uses arrow functions in callbacks and solves the context issues.

Learning Objective:

By the end of this module you will learn how to take the advantage of new improved syntax to create object literals.

Topic

• Shorthand properties and methods
• Computed Keys
  

Hands-on:

Create a object literal with shorthand properties and computed keys.

Learning Objective:

By the end of this module you will learn how to create classes and implement inheritance.

Topic

• Introduction
• Creating classes
• Inheritance
  

Hands-on:

Create a JS program to throw and catch exceptions.

Learning Objective:

By the end of this module you will learn how new ES6 modules will help you modularize your JS code and load modules using SystemJS.

Topic

• Introduction
• Different module formats
• SystemJS module loader
  

Hands-on:

Create a module. Import and export module.

Learning Objective:

By the end of this module you will learn how new data structures in ES6 will help you to manage data with standard api.

Topic

• Map and Weak Maps
• Sets and Weak Sets
  

Hands-on:

Create a JS code that performs CRUD using Map, Weak Map, set and Weak Set.

Learning Objective:

By the end of this module you will learn how iterators and iterable work and their influence on modern JS programming.

Hands-on:

Iterate on array and code custom iterator.

Learning Objective:

By the end of this module you will learn how to write async code in JS using several different support syntaxes.

Topic

• Background
• Callbacks
• Promises for asynchronous programming
• Generators (ES6)
• Async / await (ES7)
  

Hands-on:

Solve the async code problem with different styles like callback, promises, generators and async/await.

Learning Objective:

By the end of this module you will learn how symbols help to make metaprogramming.

Hands-on:

Create symbols

Learning Objective:

By the end of this module you will learn how JSON structure must be made, also learn how to parse and stringify JSON.

Topic

• What is JSON?
• Why JSON?
• Data Types?
• Parse and Stringify JSON
• Objects and Arrays in JSON
  

Hands-on:

Create array of objects and parse and stringify.

Learning Objective:

By the end of this module you will learn how to consume data from remote api using inbuilt browser features.

Topic

• Understanding AJAX programming
• Working with XMLHttpRequest
• Working in fetch
  

Hands-on:

Create a program that performs CRUD on mock REST Api.

Learning Objective:

By the end of this module you will learn how take advantage of modern browser features to read geolocation, access browser history and cookies.

Topic

• Window Object
• History Object
• Navigator Object
• Timers
• Cookies

Hands-on:

Create program to read user geolocation and write it to cookies and delete after timeout.

Learning Objective:

By the end of this module you will learn how take advantage of modern browser local storage feature to persist data at client side.

Hands-on:

Create a program that performs CRUD with localStorage.

Learning Objective:

In this project you will use all the skills acquired so far in this course.

Topic

• Issue Tracker Application
  

Hands-on:

Create an issue tracker application with CRUD features.