Course Content

  Chapter 1 – Basic JavaScript

• The HTML DOM (Document Object Model)
  • HTML DOM getElementById() Method
  • HTML DOM getElementsByTagName () Method
  • HTML DOM getElementsByClassName () Method
  • HTML DOM  getElementsByName () Method
  • HTML DOM  querySelector () Method
  • HTML DOM  querySelectorAll () Method
  • HTML DOM innerHTML Property
  • HTML DOM  innerText   Property
  • HTML DOM  textContent     Property
  • Differences between innerText, innerHTML and textContent 
  • outerHTML in javascript
  • outerText  in javascript
  • Changing the Value of an Attribute
  • JavaScript is Case Sensitive
• The JavaScript Console
  • JavaScript console.log() 
  • JavaScript warn.log()
  • JavaScript console.error()
  • JavaScript console. clear()
• JavaScript Debugging
  • The console.log() Method
  • Setting Breakpoints
  • The debugger Keyword
• JavaScript var
• JavaScript Arrays
  • Declare Array with Keyword new
    • JavaScript Avoid new Array()
  • Use [] instead new Array()
  • Access the Elements of an Array
  • Changing an Array Element
  • Access the Full Array
  • How to Recognize an Array
  • Array Properties and Methods
  • Looping Array Elements
  • JavaScript Array push() Method
  • JavaScript Array pop() Method
  • JavaScript Array unshift() Method
  • JavaScript Array shift() Method
• JavaScript Objects
  • Creating Objects in JavaScript
    • By object literal
    • By creating instance of Object directly (using new keyword)
    • By using an object constructor (using new keyword)
• JavaScript undefined
• JavaScript Empty Values
• JavaScript Null Values
• Difference between null, undefined in JavaScript
• JavaScript Functions
  • Why Functions?
  • How to Create a Function in JavaScript?
  • Invokes the Function
  • JavaScript Function with Parameters
  • Function Parameters and Arguments
  • Parameter Rules
  • Function Argument Missing in JavaScript
  • Default Parameter in a Function
  • arguments object in JavaScript function
  • Rest parameter in JavaScript function
  • Difference between Rest Parameter and   Arguments Object in JavaScript
  • Passing a function as a parameter in JavaScript
  • Functions Used as Variable Values
  • Functions Can Be Used as Values
  • JavaScript Function Invocation
• JavaScript dialog boxes
  • Alert Dialog Box
  • Confirmation Dialog Box
  • Prompt Dialog Box
• JavaScript Page Redirection
  • What is Page Redirection?
• Finding a String in a String
• Searching for a String in a String
• Extracting String Parts
  • The slice() Method
  • The substring() Method
  • The substr() Method
• Replacing String Content
• The concat() Method
• String.trim()
• Extracting String Characters
  • The charAt() Method
  • The charCodeAt() Method
  • Property access []
• Converting Arrays to Strings
  • toString() 
  • join() 
• Deleting Elements from Array
• Converting a String to an Array
• Splicing an Array
• Merging (Concatenating) Arrays
• Slicing an Array
• Sorting an Array
• Reversing an Array
• The History Object
  • History back() Method
  • History forward() Method
  • History go() Method
  • History length Property
• Numeric Sort
  • The Compare Function
  • Find the Highest (or Lowest) Array Value
• Sorting Object Arrays
• Array.map()
• Array.filter()
• Array.find()
• Array.findIndex()
• Array.reduce()
• Array.reduceRight()
• Array.every()
• Array.some()
• Using Math.max() & Math.min() on an Array
• JavaScript Array includes() Method
• Array valueOf() Method
• JavaScript Array fill() Method
• The toString() Method
• Converting Variables to Numbers
  • The Number() method
  • The parseInt() method
  • The parseFloat() method
• JavaScript JSON
  • JavaScript JSON parse() Method
  • JavaScript JSON stringify() Method
• HTML Attributes
  • HTML DOM setAttribute() Method
  • HTML DOM getAttribute() Method
  • HTML DOM hasAttribute() Method
  • HTML DOM removeAttribute() Method

Chapter 2 – Advance JavaScript

• How JavaScript Works
• What is Execution Context 
• What is Execution Stack 
• What is Creation Phase 
• What is Execution Phase
• Phase of execution context
  • Creation Phase
  • Execution Phase
• Property of execution context
  • Variable Object
  • Scope Chain
  • 'this' Variable
• Function Hoisting in JavaScript
• Variable Hoisting in JavaScript
• Scope Chain & Lexical Scoping in JavaScript
• this in JavaScript
• JavaScript Object
  • JavaScript Objects Are Mutable
  • JavaScript Object Properties
  • Accessing JavaScript Properties
  • JavaScript Object Loop
  • Adding/Deleting New Properties in Object
  • JavaScript Object Methods
    • Accessing Object Methods
    • Adding a Method to an Object
  • JavaScript Object.values()
  • JavaScript JSON.stringify()
  • JavaScript Stringify Functions/Array
• JavaScript Object Accessors
  • JavaScript Accessors (Getters and Setters)
  • Why Using Getters and Setters?
• JavaScript Object Constructors
• JavaScript Object Prototypes
• JavaScript Data Types
  • Primitive data type
  • Non-primitive (reference) data type
• Pass by Value Vs Pass by Reference in JavaScript
• Shallow copy and Deep copy in JavaScript
• Functions is First Class Citizens
• Callback Function in JavaScript
• Higher Order Function in JavaScript
• Immediately Invoked Function Expression - IIFE
  • Advantages of IIFE
• Closure in JavaScript
• Call Method in JavaScript
• Apply Method in JavaScript
• The Difference Between call() and apply()
• Bind Method in JavaScript
• forEach() Method in JavaScript
• for of loop in JavaScript
• for in loop in JavaScript
• localStorage and sessionStorage in JavaScript
  • What is HTML Web Storage?
  • What is localStorage?
  • What is sessionStorage?
  • Set/Updating Entries
  • Deleting Entries
  • Clearing Everything
  • Storing Json Objects
  • Checking for Items
  • Checking for Support
  • Iterating Over Items
• What is Synchronous Programming in JavaScript
• What is Asynchronous Programming in JavaScript
• Synchronous vs Asynchronous Programming in JavaScript
• Why Asynchronous?
• Event Loop in JavaScript

Chapter 3 – ES6/ES7/ES8

• What is ECMAScript?
• ECMAScript Editions
• var, let & const
• Template Literals in JavaScript
• Template literals (template strings) Method
• Array Destructuring 
• Object Destructuring
• Default Parameters
• Rest Parameters
• Fat Arrow Function
• Spread Operator
• Math.sign()
• Math.trunc()
• Exponentiation Operator
• Numbers & Global Methods
  • isFinite() Method
  • isNaN() Method
  • Number.islnteger() Method
• Class
• Callback hell in JavaScript
• Promises in JavaScript
• Async Await in JavaScript
• Generators in ES6 JavaScript
  • What are normal function?
  • What are Generators?