The JavaScript Bootcamp: Build 20 Real World Projects

Course Curriculum

Chapter 1: Course Introduction

Lecture 1: Course Introduction

Lecture 2: Course Outline

Chapter 2: Project-1: Create a Simple To Do List Application With JavaScript

Lecture 1: A Brief Introduction – To Do List App

Lecture 2: HTML Structure And Elements

Lecture 3: Inserting List Items Into DOM

Lecture 4: Scrambling List Items

Lecture 5: Styling The App Using CSS

Lecture 6: Drag And Drop Functionality

Lecture 7: Checking Order

Lecture 8: Download The Project Files

Chapter 3: Project-2: Build An Analog Clock With JavaScript

Lecture 1: A Brief Introduction to Application

Lecture 2: A Look At Basic Math Involved In Analog Clock

Lecture 3: Creating HTML and CSS

Lecture 4: Adding the Hour, Minute and Second Hand

Lecture 5: Writing JavaScript to Make the Clock Tick

Lecture 6: Summarizing the Application

Lecture 7: Download The Project Files

Chapter 4: Project-3: Build a JavaScript Booklist Application From Scratch

Lecture 1: A Brief Introduction.

Lecture 2: Folder Structure and Designing Heading of the Page

Lecture 3: Adding Content to Page with HTML

Lecture 4: Creating Book _ UI Class in JavaScript

Lecture 5: Adding Event Listener to Display Books

Lecture 6: Displaying User Input Values In Table

Lecture 7: Adding Delete Function and Validation

Lecture 8: Showing Failure Alerts

Lecture 9: Showing Success Alerts

Lecture 10: Dealing With Local Storage

Lecture 11: Summarizing the Application

Lecture 12: Download The Project Files

Chapter 5: Project-4: Build a To-Do List Application From Scratch

Lecture 1: Introduction to Application

Lecture 2: Folder Structure and Basic Layout

Lecture 3: Adding Content to the Page with HTML Part 1

Lecture 4: Building the HTML Part 2

Lecture 5: Creating Object for Individual To-Dos

Lecture 6: Creating function for storing and fetching data from Local Storage

Lecture 7: Displaying List Items from Local Storag

Lecture 8: Download The Project Files

Chapter 6: Project-5: Create Custom Music Player In JavaScript

Lecture 1: Introduction to Application

Lecture 2: Folder Structure And Basic Layout

Lecture 3: Creating Play, Pause, Next, Previous Icons with HTML

Lecture 4: Designing the Applicatio using CSS

Lecture 5: Fetching HTML Element using Query Selector

Lecture 6: Adding Functions to Play, Pause, Next _ Previous Buttons

Lecture 7: Adding Event Listeners to Buttons

Lecture 8: Updating Music Current Time with Click On Progress Bar

Lecture 9: Creating Playlist Section

Lecture 10: Playing A Particular Music on Click

Lecture 11: Summarizing the Application

Lecture 12: Download The Project Files

Chapter 7: Project-6: Code a Dictionary App In JavaScript Using API

Lecture 1: A Brief Introduction

Lecture 2: Folder Structure _ Basic Layout

Lecture 3: Designing the Application Part 1

Lecture 4: Designing the Application Part 2

Lecture 5: A look at the APIs

Lecture 6: Generating Meaning of Word Using API

Lecture 7: Displaying Word and Phonetics from API

Lecture 8: Displaying Meanings and Synonyms

Lecture 9: Handling Corner Cases in Application

Lecture 10: Displaying Error Messages

Lecture 11: Summarizing the Application

Lecture 12: Download The Project Files

Chapter 8: Project-7: Code a Snake Game from Scratch in JavaScript

Lecture 1: Introduction to Application

Lecture 2: Folder Structure and HTML

Lecture 3: Creating Board for the game using CSS

Lecture 4: Displaying the Head and Food of Snake

Lecture 5: Deriving Logic for Snake Food

Lecture 6: Moving the Snake Around

Lecture 7: Adding the Game Over Condition

Lecture 8: Counting the Score

Lecture 9: Storing High Score in Local Storage

Lecture 10: Updating High Score

Lecture 11: Summarizing the Application

Lecture 12: Download The Project Files

Chapter 9: Project-8: Building an Action Game in JavaScript

Lecture 1: Introduction to Applcation

Lecture 2: Folder Structure and HTML

Lecture 3: Displaying the Dragon and Dino using CSS

Lecture 4: Making Dinosaur Jump using JavaScript

Lecture 5: Adding Animations to Obstacle

Lecture 6: Determining Condition for Collision

Lecture 7: Adding Right and Left Movement for Dino

Lecture 8: Updating Score and Increasing Speed

Lecture 9: Adding Game Over Sound and Message

Lecture 10: Summarizing the Application

Lecture 11: Download The Project Files

Chapter 10: Project-9: Create a Quiz Web Application using JavaScript

Lecture 1: Introduction to Application

Lecture 2: Creating Home Page

Lecture 3: Designing the Background

Lecture 4: Designing the Buttons on Home Page

Lecture 5: Creating the Quiz Page

Lecture 6: Designing the Quiz Page