The Complete Modern Javascript Course with ES6 (2019)

Eduonix

Gain in-depth knowledge of Javascript programming and frameworks as well as ES6, OOP, Hoisting, Closures and more.

Online

₹ 199 995

particular

details

                                    Medium of instructions
                                    English

                                    Mode of learning
                                    Self study

                                    Mode of Delivery
                                    Video and Text Based

Section 1 : Introduction

Promo
Introduction to JavaScript
Install Chrome & Brackets
Your first JavaScript Programme

Section 2 : Variables & Data Types

Introduction
Create Variables
Rules
Memory
Numbers - Introduction
Numbers - Arithmetic Operations
Numbers - Operator Precedence
Numbers - More Operator / Special Numbers
Strings
Booleans
Booleans - Logical Operators
Booleans - Operator Precedence
Booleans - Ternary Operator
Booleans vs Non Booleans
null and undefined
Type coercion
Objects
Arrays
Coding Challenge: Help the Cashier - Introduction
Coding Challenge: Help the Cashier - Logic
Coding Challenge: Help the Cashier - Solution (Part 1)
Coding Challenge: Help the Cashier - Solution (Part 2)

Section 3 : Conditional and Looping

If Statement
Switch Statement
For Statement
while do Statement
do while Statement
Coding Challenge: Improve your Cashier Code - Part 1
Coding Challenge: Improve your Cashier Code - Solution 1
Coding Challenge: Improve your Cashier Code - Part 2
Coding Challenge: Improve your Cashier Code - Solution 2

Section 4 : Functions - Part 1

Introduction
Return values
Pass 'by value' vs 'by reference'
First class functions
Statement vs Expression
IIFE: Immediately Invoked Function Expressions
An invocation pattern: Recursion
Built-in JS Functions
Scope
Coding Challenge: Is it prime? - Introduction
Coding Challenge: Is it prime? - Logic
Coding Challenge: Is it prime? - Solution
Coding Challenge: Can you count the primes? - Introduction
Coding Challenge: Can you count the primes? - Logic
Coding Challenge: Can you count the primes? - Solution

Section 5 : Objects - Part 1

Object literals
'Dot notation' vs 'Brackets'
Constructors - 'new' keyword - 'this'
Prototype
Equality
String Object
Date Object (1)
Date Object (2)
Math Object
JSON
Array Object
Array methods
Loop through Arrays using forEach

Section 6 : The DOM

Learn HTML&CSS (1)
Learn HTML&CSS (2)
Learn HTML&CSS (3)
Learn HTML&CSS (4)
Understand the DOM
Access DOM elements (1)
Access DOM elements (2)
Change DOM elements
Remove DOM elements
Event Handling (1)
Event Handling (2)
event object - keys
event object - mouse events
event object - scroll event
event object - focus
event object - preventDefault
Single Threaded Javascript
Debouncing
Event Propagation
Event Delegation
jQuery

Section 7 : Execution Context - Hoisting - 'this'

Global Execution Context - 'this'
Execution Context - Creation & Hoisting
Execution Context - Execution
Function declaration overriding variable declaration

Section 8 : Scope Chain

Introduction
Understand the scope chain

Section 9 : Closures

Understand Closures
Update values of outer variables (1)
Update values of outer variables (2)
Closures with event loops (1)
Closures with event loops (2)
Iteration Challenge

Section 10 : Objects - Part 2: Encapsulation & Information Hiding

Why would you hide information?
Use closures to hide properties and methods
Use IIFE to create private static properties and methods

Section 11 : Objects - Part 3: Inheritance & Prototype Chain

Understand the prototype (1)
Understand the prototype (2)
Inheritance&PrototypeChain: __proto__
Inheritance&PrototypeChain: Object.create
Inheritance&PrototypeChain: Constructor Inheritance
Inheritance&PrototypeChain: extend function
Class Augmentation (1)
Class Augmentation (2)
Object cloning

Section 12 : Objects - Part 4: Objects Challenges

Challenge: Iteration and hasOwnProperty
Challenge: Iteration using object.keys & forEach
Challenge: getPrototypeOf & getOwnPropertyNames
Challenge: Climb up the prototype chain

Section 13 : Objects - Part 5: Singleton & Module Patterns

Namespacing
Singleton Pattern
Wrap page specific code
Modular Design Pattern

Section 14 : Functions - Part 2

Functions are objects
The 'arguments' property
Function.prototype.call
Function.prototype.apply
Function.prototype.bind

Section 15 : Typing Test App (Advanced Real Life Professional Project)

Introduction
Steps Simplified
Back to Client Requirements
Functional Design
Modular Design Pattern
Modular Categorisation
Data Module Structure
UI Module Structure
Format Current Word Structure
Results Calculation Structure
Update Time Left - Structure
Certificate Module Structure
Events Module Structure
Words Module Structure
Overview of Modules
Get ready to Write Code
App Skeleton & Decoration (1)
App Skeleton & Decoration (2)
App Skeleton & Decoration (3)
init function (Events Module)
Fill the list of Test Words (Data Module)
Shuffle an Array
Add Random Capitalisation
Add Random Punctuation
Fill the list of Test Words (1) (UI Module)
Fill the list of Test Words (2) (UI Module)
Time Initialisation (Data & UI Modules)
Move to a New Word (Data Module)
Set the Active Word & Format it (UI Module)
Type a Character - Event Listener
word.prototype.update(value)
keydown vs keyup vs keypress vs input Events
Format the Active Word (UI Module)
Press Space - Event
Scroll the Active Word into the Middle of the View
Press Enter - Create a Fake Event using the Event Constructor
Launch the Test
Calculate Words Per Minute & wpmChange (Data Module)
Update the Time Left (Data & UI Modules)
Calculate Clicks Per Minute & cpmChange (Data Module)
Calculate accuracy & accuracyChange (Data Module)
Update Results (UI Module)
End the test & show the Modal (1) (Data & UI Modules)
End the test & show the Modal (2) (Data & UI Modules)
Generate PDF Certificate (1) (Certificate Module)
Generate PDF Certificate (2) (Certificate Module)
Generate PDF Certificate (3) (Certificate Module)

Section 16 : ES6 - ES2015: Introduction

Introduction

Section 17 : ES6 - Variables & Scoping

Review of 'var' declaration
'let' scope and temporal dead zone
Block scoping in ES6
Functions and Block scoping
Functions and Block scoping - Use 'let'
'let' Scope vs Closures
Closures Challenge
'const' - Read only variables

Section 18 : ES6 - Modern Features which will make your Coding Experience Easier!

Template Literals
Arrow Functions - 'this' Lexical Scope
Destructuring - Arrays
Destructuring - Objects
Destructuring - Functions
Functions - Default Parameter Values
Functions - Rest Parameters
Spread Operator
Object Literals New Features

Section 19 : ES6 - New Data Structures & Iteration (Iterators, Generators,Maps, Sets,...)

for of Loop
Iterators, Generators & next()
Maps - Iteration
Sets - Iteration
Sets - Challenges: Intersection * Difference
Symbols
Symbol.iterator

Section 20 : ES6 - Modern Array Methods

Array.from: collections, strings & arguments
Array.from: optional map, length property, Maps & Sets
Array.of()
More Modern Array methods

Section 21 : ES6 - Classes (static methods, getters/setters, inheritance, extends, super,...)

Back to ES5 Constructors
ES6 Classes Syntax
Static methods
Getters & Setters
Class Inheritance - extends - super

Popular Courses

Popular Platforms

Popular Searches

The Complete Modern Javascript Course with ES6 (2019)

Online

₹ 199 995

Quick Facts

Course overview

Course and certificate fees

Fees information

certificate availability

Who it is for

What you will learn

The syllabus