10 Web Development Projects in JavaScript with Source Code

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Counter JS

Lecture 1: Counter – Demo

Lecture 2: Counter – HTML

Lecture 3: Counter – CSS

Lecture 4: Counter – JS

Chapter 3: Project -2

Lecture 1: Calculator – Demo

Lecture 2: Calculator – HTML

Lecture 3: Calculator – CSS

Lecture 4: Calculator – JS

Chapter 4: Project – 3

Lecture 1: Form Validation – Demo

Lecture 2: Form Validation – HTML

Lecture 3: Form Validation – CSS

Lecture 4: Form Validation – JS – 1

Lecture 5: Form Validation – JS – 2

Chapter 5: Project – 4

Lecture 1: Navigation – Demo

Lecture 2: Navigation – HTML

Lecture 3: Navigation – CSS

Lecture 4: Navigation – JS

Chapter 6: Project-5

Lecture 1: TodoList – Demo

Lecture 2: TodoList – HTML

Lecture 3: TodoList – CSS

Lecture 4: TodoList – JS- 1

Lecture 5: TodoList – JS- 2

Chapter 7: Project – 6

Lecture 1: Quiz – Demo

Lecture 2: Quiz – HTML

Lecture 3: Quiz – CSS

Lecture 4: Quiz – JS – 1

Lecture 5: Quiz – JS – 2

Chapter 8: Project – 7

Lecture 1: CovidStats – Demo

Lecture 2: CovidStats – HTML

Lecture 3: CovidStats – JS

Lecture 4: CovidStats – CSS

Chapter 9: Project – 8

Lecture 1: JS Meals – Demo

Lecture 2: JS Meals – HTML

Lecture 3: JS Meals – JS

Lecture 4: JS Meals – CSS

Chapter 10: Project – 9

Lecture 1: Animations – Demo

Lecture 2: Animations – Typed JS

Lecture 3: Animations – AOS

Chapter 11: Project – 10

Lecture 1: Node Js – Demo

Lecture 2: Node JS – Connection

Lecture 3: Node Js – Routing

Chapter 12: DOM Manipulation Brush Up

Lecture 1: DOM Introduction

Lecture 2: Accessing HTML Elements

Lecture 3: CSS Manipulation

Lecture 4: Buttons Onlcik

Lecture 5: Event handling

Lecture 6: Adding and Deleting elements using js

Lecture 7: Getting input values

Lecture 8: Popup Boxes