Introduction
  • Overview of the Projects
  • Course Structure
  • JavaScript Ecosystem
  • The Development Environment & Tools needed to complete this course
  • Your first JavaScript program
  • The Code Snippets in This Course
The Google Chrome Console
  • Google Chrome Console
JavaScript Fundamentals
  • Variables with var
  • Variables with let
  • Variables with const
  • Data Types in JavaScript
  • Strings in JavaScript
  • String Methods Part 1
  • String Methods Part 2
  • Numbers and the Methods available for Number part 1
  • Numbers and the Methods available for Number part 2
  • Comparison Operators
  • Converting Strings into Numbers Part 1
  • Converting Strings into Numbers Part 2
  • Converting Numbers into Strings
  • Template Strings in JavaScript
  • Arrays and How to create Arrays in JavaScript
  • Useful Methods when working with Arrays
  • Remove Elements from an Array
  • Sorting Arrays and Other Methods
  • JavaScript Objects
  • Const Variables with Arrays & Objects
  • JavaScript Functions - Function Declaration
  • JavaScript Functions - Function Expression Part 1
  • JavaScript Functions - Function Expression with Property methods
  • Dates in JavaScript
  • Comparison - If, else if & else part 1
  • Comparison - If, else if & else part 2
  • Comparison - If, else if & else part 3
  • One last example with the if operator
  • The Switch Statement
  • For Loops in JavaScript
  • For Loops in JavaScript: Looping an Array
  • While & Do While Loops
  • for, forEach & Maps
  • Looping Objects in JavaScript
  • Try - Catch - Finally in JavaScript
  • The WIndow Object - Part 1
  • The WIndow Object - Part 2
  • Variable Scope
DOM Scripting
  • What's the DOM?
  • The document keyword - Part 1
  • The document keyword - Part 2
  • JavaScript functions to select one element - Part 1
  • JavaScript functions to select one element - Part 2
  • JavaScript functions to Select Multiple Elements - Part 1
  • JavaScript functions to Select Multiple Elements - Part 2
  • Traversing the DOM - From Parent to Children - Part 1
  • Traversing the DOM - From Parent to Children - Part 2
  • Traversing the DOM - From Children to Parent & Siblings- Part 1
  • Traversing the DOM - From Children to Parent & Siblings - Part 2
  • Creating HTML Elements with JavaScript
  • Replace Elements with JavaScript
  • Remove Elements with JavaScript
  • Classes, Id's and other attributes - Part 1
  • Classes, Id's and other attributes - Part 2
Event Listeners in JavaScript
  • Introduction to Event Listeners
  • Passing Event as parameter and the target
  • Mouse Events - Part 1
  • Mouse Events - Part 2
  • Input & Form Events - Part 1
  • Input & Form Events - Part 2
  • What's the Event Bubbling
  • Delegation
LocalStorage
  • Add items into local storage
  • Add Multiple Items into local storage
PROJECT: Save into local storage from HTML Form
  • Preview of the final project
  • First Steps with the Project
  • Adding new elements into the DOM
  • Removing elements from the DOM
  • Adding Elements into Local Storage
  • Printing Elements from Storage on Load
  • Removing Elements from the Storage - Part 1
  • Removing Elements from the Storage - Part 2
PROJECT: Adding Courses into the Shopping Cart
  • Preview of the final project
  • First Steps with the Project
  • Adding Courses into the Shopping Cart - Part 1
  • Adding Courses into the Shopping Cart - Part 2
  • Removing Courses from the cart and clear the cart
  • Saving Courses Into Storage
  • Print from Storage on Load
  • Clearing from Storage
  • Remove from Storage
PROJECT: Simulate Email Sending with Form
  • Preview of the final project
  • Kicking off the Project
  • Validating Fields - Part 1