Getting started
  • Environment Setup
JavaScript Basics
  • Adding JavaScript Scripts into the HTML
  • Leveraging the Console's Features
  • Introduction to the Variables
  • Primitive Data Types vs Reference Data Types
  • Example of Primitive and Reference Data Types
  • Data Type Conversion
  • Numbers in JavaScript
  • Strings and their Methods
  • Template Literals
  • Arrays and their Methods
  • Object Literals
  • Dates and Times
  • if Statement
  • switch Statement
  • Functions: Declaration and Expressions
  • Loops in JavaScript
  • "let" and "const": The Block Scope
  • The "Window" Object
DOM Manipulation and Events
  • What is the DOM?
  • The "Document" Objects
  • DOM Selector for Single Elements
  • DOM Selector for Multiple Elements
  • DOM Traversing
  • Creating DOM Elements
  • Replacing and Removing DOM Elements
  • The "Event" Object and the Event Listeners
  • Mouse Events
  • Keyboard Events
  • Event Bubbling and Event Delegation
  • Local Storage and Session Storage
Exercise: Project List
  • Adding Projects
  • Deleting and Filtering Projects
  • Persist to Local Storage
Object Oriented JavaScript
  • Constructors
  • Built-in Constructors
  • What is Prototype?
  • Prototypal Inheritance
  • Object.create()
  • Classes in ES6
  • Sub Classes
Exercise: Student List
  • Introduction to the Project
  • Building the UI
  • Add Students to the List
  • Implementing the Validation
  • Deleting a Student from the List
  • Implementation based on ES6
  • Persist to Local Storage
Conclusion
  • Conclusion