Modern JavaScript from Beginner to Advanced

Course Curriculum

Chapter 1: Introduction

Lecture 1: Setting up the Environment

Lecture 2: Starter File and Course Instructions

Chapter 2: The Console

Lecture 1: First steps in the console

Chapter 3: JavaScript Fundamentals

Lecture 1: Some valuable words of advice for beginners

Lecture 2: What is JavaScript (JS)? & Why learn JavaScript?

Chapter 4: Variables

Lecture 1: What are variables?

Lecture 2: var let & const

Chapter 5: JavaScript Data

Lecture 1: Data Types

Lecture 2: Reference Data Type

Lecture 3: Converting Data Types

Chapter 6: JavaScript Math Object

Lecture 1: The Math Object

Chapter 7: JavaScript Strings

Lecture 1: Strings

Lecture 2: Template Strings (Template Literals)

Chapter 8: JavaScript Arrays

Lecture 1: Working with Arrays

Lecture 2: JavaScript All Array Methodes

Chapter 9: Object Literals

Lecture 1: What are Object Literals?

Lecture 2: Adding and Updating Properties of Objects

Lecture 3: Nested Arrays & Objects

Chapter 10: Date And Time

Lecture 1: JavaScript Date and Time Functionalities

Chapter 11: JavaScript Comparison and Logical Operators

Lecture 1: Comparison Operators

Lecture 2: Conditional Statements – if, else if and else

Lecture 3: Logical Operators

Lecture 4: Conditional (Ternary) Operator

Lecture 5: Conditional Statements – Switches

Chapter 12: JavaScript Functions

Lecture 1: What is a Function

Lecture 2: Arrow Functions

Chapter 13: JavaScript Loops

Lecture 1: Loops Overview

Lecture 2: "for" Loops

Lecture 3: Continue & Break out of Loops

Lecture 4: "while" Loops

Lecture 5: "do…while" Loops

Lecture 6: "forEach" Method

Lecture 7: "Map" Method

Lecture 8: "for…in" Loop

Lecture 9: "for…of" Loop

Chapter 14: The DOM – Document Object Model

Lecture 1: What is the DOM?

Lecture 2: Selecting an Element from the DOM

Lecture 3: Selecting Multiple Elements from the DOM

Lecture 4: get Elements by Class Name and Tag Name

Lecture 5: query Selector All

Lecture 6: Traversing the DOM

Lecture 7: Modifying the DOM- Creating Elements

Lecture 8: Removing and Replacing Elements from the DOM

Lecture 9: Classes and Attributes of DOM Elements

Chapter 15: DOM Event Handling

Lecture 1: Event Listeners Explained

Lecture 2: Keyboard Events

Lecture 3: Mouse Events

Lecture 4: Event Bubbling

Lecture 5: Event Delegation

Chapter 16: Project: The Color Randomizer

Lecture 1: Introduction

Lecture 2: Starter Files & UI Design

Lecture 3: Randomize Background Color

Lecture 4: Randomize Text Color

Lecture 5: Randomize All and Animate Text

Chapter 17: Project: Budget Calculator

Lecture 1: Introduction

Lecture 2: Starter Files

Lecture 3: Basic Styling of the UI

Lecture 4: Show/Hide UI Sections

Lecture 5: Calculate Monthly Savings

Lecture 6: Calculate Monthly Expenses

Lecture 7: Calculate Annual Expenses

Lecture 8: Calculate Monthly Income

Lecture 9: Calculate Budget Review

Chapter 18: JSON – (JavaScript Object Notation)

Lecture 1: JSON Explained

Lecture 2: Creating and Using JSON

Chapter 19: Storage

Lecture 1: What is Local and Session Storage ?

Lecture 2: Local Storage

Lecture 3: Session Storage

Chapter 20: Project – User Storage App

Lecture 1: Project overview

Lecture 2: Starter Files for Project Setup & UI Design

Lecture 3: Link up to the DOM

Lecture 4: Add User to the UI

Lecture 5: Delete Users from the UI

Lecture 6: Store Users in Local Storage

Lecture 7: Clear input fields

Lecture 8: Display Users Form Local Storage in the UI

Lecture 9: Remove Users from Local Storage

Lecture 10: Filter Users

Chapter 21: JavaScript OOP (Object Oriented Programming )

Lecture 1: What is OOP ?