Learn Javascript Step By Step By Building Projects

Course Curriculum

Chapter 1: Introduction and Basics

Lecture 1: Introduction and Motivation

Lecture 2: Please read this first

Chapter 2: In the Beginning

Lecture 1: Introduction to JS

Lecture 2: Getting Started

Lecture 3: A quick note on debugging

Lecture 4: Introduction to Variable

Lecture 5: Variables – Quick Demo

Lecture 6: Variables – Some conventions

Lecture 7: Variables – Undefined and Reference Error

Lecture 8: A note of let/const hoisting

Lecture 9: Var statement in detail – Hoisting, Scope (audio editing in progress)

Lecture 10: Let statement in detail – Hoisting, Scope (audio editing in progress)

Lecture 11: Understanding Const

Lecture 12: Summary of Var, Let and Const

Chapter 3: Beginners – Numbers in JavaScript

Lecture 1: Data Types – Introduction

Lecture 2: Common Operations on Numbers

Lecture 3: Number – toString() and valueOf() methods

Lecture 4: Number – isNan() function

Lecture 5: Number – isNan() – Some note

Lecture 6: Exercise 1 – Calculate Seconds in an Hour

Lecture 7: Exercise 2 – Calculate Seconds in a Day

Lecture 8: Number – Pre and Post Operators

Lecture 9: Understanding Arrays

Chapter 4: Beginners – Strings in JavaScript

Lecture 1: Introduction to Strings

Lecture 2: Handling long strings and intro to Template Literal

Lecture 3: String Operations – Length and Concatenation

Lecture 4: String – ES6 Template Literal

Lecture 5: String – Handling Quote within String

Lecture 6: String – indexOf method

Lecture 7: String – indexOf method More Details

Lecture 8: String – lastIndexOf method

Lecture 9: String – Slice method Visual Explanation

Lecture 10: String – Slice method (negative index)

Lecture 11: String – Slice method (notes on endIndex)

Lecture 12: String – substr and substring method

Lecture 13: String – replace method

Lecture 14: String – Transforming text cases

Lecture 15: String – charAt – Find character at specified index/position

Lecture 16: String – Trimming characters from beginning and end of string

Lecture 17: String – Splitting a string into an array

Chapter 5: Tips and Questions

Lecture 1: Tips and Important JavaScript Questions

Chapter 6: Basics of Functions

Lecture 1: Theory – Understanding Scope

Lecture 2: The Function – Intro

Lecture 3: Function Statement Demo

Lecture 4: Function Expression Demo – (with Hoisting discussion)

Lecture 5: Arrow Function Notes

Lecture 6: Understanding function

Chapter 7: Functions

Lecture 1: Function Introduction (from live session)

Chapter 8: Intermediate Knowledge

Lecture 1: Understanding call, apply and bind functions

Lecture 2: Closures – Read this first

Lecture 3: Understanding Closures

Lecture 4: Code your Own Bind method polyfill

Lecture 5: Currying

Chapter 9: Object Oriented Programming

Lecture 1: Understanding constructor function

Lecture 2: Quick intro to ES6 class

Lecture 3: Fixing new keyword bug when invoking constructor function

Lecture 4: Adding instance methods to constructor function/class

Lecture 5: How inheritance works in es5 and es6

Lecture 6: Method overriding

Lecture 7: Static methods

Chapter 10: OOPS Q & A

Lecture 1: OOPS – Clarification -1 – call and object.create

Chapter 11: Case Study – Building an JavaScript/ES6 Notification/Dialog Component using OOPS

Lecture 1: Notification/Dialog Component Source Code

Lecture 2: Notification/Dialog component introduction

Lecture 3: Dialog / Notification component Demo

Lecture 4: Design of the Dialog/Notification Component

Lecture 5: Dialog Component : HTML and CSS

Lecture 6: Base Dialog Component Usage API

Lecture 7: Coding the Base Dialog Class Constructor method

Lecture 8: Dialog Component – show method

Lecture 9: Dialog Component – render method

Lecture 10: Dialog Component – init method (attach event handlers)

Lecture 11: Dialog Component – close method

Lecture 12: Dialog Component – notify method

Lecture 13: Dialog Component – hide method and summary

Chapter 12: Case Study – Todo App – Build a simple app – Part 1

Lecture 1: Demo – What we will be building?

Lecture 2: Todo App – Creating the HTML and CSS

Lecture 3: Todo App – Listing all the todos from the state variable.

Lecture 4: Todo App – Add Todo

Lecture 5: Todo App – Remove Todo

Lecture 6: Todo App – Toggling Todo between completed and not completed state

Chapter 13: Todo App – Refactor

Lecture 1: Todo App – Edit and Refactoring for performance

Chapter 14: Todo App – Pagination