Modern JavaScript Bootcamp – Beginner To Advanced

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Environment Setup

Lecture 1: Environment setup – Installing necessary tools

Lecture 2: VSCode Setup

Chapter 3: JavaScript Fundamentals – Part 1

Lecture 1: Intro To JavaScript

Lecture 2: 100 Days Of JavaScript – Discount

Lecture 3: Linking a JavaScript file

Lecture 4: Running JavaScript in the browser

Lecture 5: Variables – Var, Let and Const

Lecture 6: Rules for naming Variables

Lecture 7: Data types

Lecture 8: Data type conversion

Lecture 9: String methods

Lecture 10: String concatenation and template literals

Lecture 11: Number, Math and Arithmetic operators

Lecture 12: Arithmetic operator shorthand, increment and decrement operator

Lecture 13: Array

Lecture 14: Conditionals, if else statement, Ternary operator

Lecture 15: Switch Statement

Lecture 16: Comparison Operator

Lecture 17: Logical operator

Lecture 18: Date and Time

Lecture 19: Functions

Lecture 20: Functions – Part 2 – Mini Project – Temp Converter

Lecture 21: Loops

Lecture 22: Scope

Chapter 4: DOM – Document Object Model

Lecture 1: Intro to DOM

Lecture 2: DOM Properties

Lecture 3: DOM Selectors – single element

Lecture 4: DOM Selectors – Multiple elements

Lecture 5: Traversing the DOM

Lecture 6: Manipulating Elements

Lecture 7: Creating Elements

Lecture 8: Removing Elements

Lecture 9: Event Listeners

Lecture 10: Hoisting

Lecture 11: Events list

Lecture 12: Form Events

Lecture 13: Event Bubbling and Delegation

Chapter 5: Project – Counter App

Lecture 1: Template Folder

Lecture 2: Counter App – Markup

Lecture 3: Counter App – JS

Chapter 6: Project – Random Number Generator

Lecture 1: Random Number Generator – Markup

Lecture 2: Random Number Generator – JS

Chapter 7: Project – Random Color Generator

Lecture 1: Random Hex Color Generator – Markup

Lecture 2: Random Hex Color Generator – JS

Chapter 8: JavaScript Fundamentals – Part 2

Lecture 1: The Window Object

Lecture 2: Window object properties

Lecture 3: Alert Confirm and Prompt popup

Lecture 4: SetTimeout

Lecture 5: SetInterval

Lecture 6: Callback Function

Lecture 7: Array Methods – forEach, Map and Filter

Lecture 8: Arrow Functions

Lecture 9: Local Storage Theory – 1

Lecture 10: Local Strage Practical – 2

Lecture 11: Use Strict Mode

Chapter 9: Project – Coming Soon Landing Page

Lecture 1: Coming Soon Landing Page – Markup

Lecture 2: Coming Soon Landing Page – CSS

Lecture 3: Coming Soon Landing Page – JS

Chapter 10: Project – BMI Calculator

Lecture 1: BMI Calculator – Markup

Lecture 2: BMI Calculator – CSS

Lecture 3: BMI Calculator – JS – Part 1 – Validate input

Lecture 4: BMI Calculator – JS – Part 2 – Calculate BMI

Lecture 5: BMI Calculator – JS – Part 3 – Show Result

Lecture 6: BMI Calculator – JS – Part 4 – Reset Function and loader

Chapter 11: Object Oriented Programming

Lecture 1: Intro to OOP

Lecture 2: Object Literals

Lecture 3: THIS Keyword

Lecture 4: Object Constructors and this keyord

Lecture 5: THIS keyword in functions

Lecture 6: Prototype

Lecture 7: Prototypal Inheritance

Lecture 8: Classes

Lecture 9: Static Methods

Lecture 10: Subclasses and Inheritance

Chapter 12: Project – Task Tracker

Lecture 1: Task Tracker – Project Demo

Lecture 2: Task Tracker – Markup 1

Lecture 3: Task Tracker – Markup 2

Lecture 4: Task Tracker – CSS 1

Lecture 5: Task Tracker – CSS 2

Lecture 6: Task Tracker – CSS 3

Lecture 7: Task Tracker – CSS 4

Lecture 8: Task Tracker – JS 1 – Date and Time

Lecture 9: Task Tracker – JS 2 – Declaring Variables

Lecture 10: Task Tracker – JS 3 – Handle Form Display

Lecture 11: Task Tracker – JS 4 – Save Task in Local Storage

Lecture 12: Task Tracker – JS 5 – Show Task on the Page

Lecture 13: Task Tracker – JS 5 – Show Task on the Page – Part 2