Modern JavaScript (Complete guide, from Novice to Ninja)

Course Curriculum

Chapter 1: Introduction

Lecture 1: Why You Should Take This Course

Lecture 2: Why JavaScript is Amazing

Lecture 3: Setting up Your Environment

Lecture 4: Course Files

Chapter 2: JavaScript Basics

Lecture 1: Adding JavaScript to a Web Page

Lecture 2: The Browser Console

Lecture 3: Variables, Constants & Comments

Lecture 4: Data Types at a Glance

Lecture 5: Strings

Lecture 6: Common String Methods

Lecture 7: Numbers

Lecture 8: Template Strings

Lecture 9: Arrays

Lecture 10: Null & Undefined

Lecture 11: Booleans & Comparisons

Lecture 12: Loose vs Strict Comparison

Lecture 13: Type Conversion

Chapter 3: Control Flow Basics

Lecture 1: What is Control Flow?

Lecture 2: For Loops

Lecture 3: While Loops

Lecture 4: Do While Loops

Lecture 5: If Statements

Lecture 6: Else & Else If

Lecture 7: Logical Operators

Lecture 8: Logical NOT

Lecture 9: Break & Continue

Lecture 10: Switch Statements

Lecture 11: Variables & Block Scope

Chapter 4: Functions & Methods

Lecture 1: What are Functions?

Lecture 2: Function Declarations & Expressions

Lecture 3: Arguments & Parameters

Lecture 4: Returning Values

Lecture 5: Arrow Functions

Lecture 6: Functions vs Methods

Lecture 7: Foreach Method & Callbacks

Lecture 8: Callback Functions in Action

Chapter 5: Object Literals

Lecture 1: Objects at a Glance

Lecture 2: Creating an Object Literal

Lecture 3: Adding Methods

Lecture 4: 'this' Keyword

Lecture 5: Objects in Arrays

Lecture 6: Math Object

Lecture 7: Primitive vs Reference Types

Chapter 6: The Document Object Model

Lecture 1: Interacting with the Browser

Lecture 2: The DOM Explained

Lecture 3: The Query Selector

Lecture 4: Other Ways to Query the DOM

Lecture 5: Adding & Changing Page Content

Lecture 6: Getting & Setting Attributes

Lecture 7: Changing CSS Styles

Lecture 8: Adding & Removing Classes

Lecture 9: Parents, Children & Siblings

Lecture 10: Event Basics (click events)

Lecture 11: Creating & Removing Elements

Lecture 12: Event Bubbling (and delegation)

Lecture 13: More DOM Events

Lecture 14: Building a Popup

Chapter 7: Forms & Form Events

Lecture 1: Events Inside Forms

Lecture 2: Submit Events

Lecture 3: Regular Expressions

Lecture 4: Testing RegEx Patterns

Lecture 5: Basic Form Validation

Lecture 6: Keyboard Events

Chapter 8: Project – Interactive Ninja Quiz

Lecture 1: Project Preview & Setup

Lecture 2: Bootstrap Basics

Lecture 3: HTML Template

Lecture 4: Checking Answers

Lecture 5: Showing the Score

Lecture 6: The Window Object

Lecture 7: Intervals & Animating the Score

Chapter 9: Array Methods

Lecture 1: Filter Method

Lecture 2: Map Method

Lecture 3: Reduce Method

Lecture 4: Find Method

Lecture 5: Sort Method

Lecture 6: Chaining Array Methods

Chapter 10: Project – Todo List

Lecture 1: Project Preview and Setup

Lecture 2: HTML & CSS Template

Lecture 3: Adding Todos

Lecture 4: Deleting Todos

Lecture 5: Searching & Filtering Todos

Chapter 11: Dates & Times

Lecture 1: Dates & Times in JavaScript

Lecture 2: Timestamps & Comparisons

Lecture 3: Building a Digital Clock

Lecture 4: Date-fns Library

Chapter 12: Async JavaScript

Lecture 1: What is Asynchronous JavaScript?

Lecture 2: Async Code in Action

Lecture 3: What are HTTP Requests?