Udemy Business

Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Learn Javascript Step By Step By Building Projects

This course teaches the fundamentals of JavaScript, UI component, patterns tips/tricks and build a DOM based OO game

Created byRajesh Pillai

Last updated 2/2025

English

What you'll learn

The student will be able to build large scale applications, understand how things works in deep level, and overall master the fundamental of programming.
Build an Online Editor like Codepen/jsbin using structured coding practice
Build your own reusable component
Build your own pagination control/library
Build and refactor a simple CRUD app
Implement drag and drop without using any library
Build a DOM based game using OOP
Build a jQuery like DOM Library step by step
Build a Slide Show/Image Gallery App using our custom library
Understand closure, call, apply and bind function thoroughly

Coding Exercises

This course includes our updated coding exercises so you can practice your skills as you learn.

Course content

23 sections • 134 lectures • 31h 34m total length

Introduction and Motivation2:01
Please read this first0:28

Introduction to JS2:38
Getting Started0:37
A quick note on debugging0:50
Introduction to Variable2:13
Variables - Quick Demo1:54
Variables - Some conventions2:01
Variables - Undefined and Reference Error3:22
A note of let/const hoisting0:25
Var statement in detail - Hoisting, Scope (audio editing in progress)15:23
Understand in detail about creating variables using the 'var' using scope, reassignment, redeclaration and hoisting.
Let statement in detail - Hoisting, Scope (audio editing in progress)10:00
Understanding Const7:51
Summary of Var, Let and Const0:22
Const Assignment

Introduction to Strings3:01
Handling long strings and intro to Template Literal5:13
String Operations - Length and Concatenation4:25
String - ES6 Template Literal2:44
String - Handling Quote within String3:14
String - indexOf method3:58
String - indexOf method More Details0:14
String - lastIndexOf method2:29
Find last occurrence of a text within a string.
String - Slice method Visual Explanation3:11
Understand string slicing visually.
String - Slice method (negative index)2:19
String - Slice method (notes on endIndex)1:34
String - substr and substring method3:12
String - replace method2:22
Replace a text within a string. This method is case sensitive.
String - Transforming text cases2:05
String - charAt - Find character at specified index/position0:56
String - Trimming characters from beginning and end of string1:30
String - Splitting a string into an array3:03
Write a JavaScript function to capitalize first letter of a string;
Swap case

Theory - Understanding Scope5:35
In this lecture we will understand what scope and lexical scope is all about.
The Function - Intro2:02
A quick overview of what function is composed of, ie.. name, code, call, apply and bind.
Function Statement Demo6:03
Quick introduction to function, parameter passing etc.
Function Expression Demo - (with Hoisting discussion)3:52
Arrow Function Notes1:27
Understanding function

Understanding call, apply and bind functions21:20
Closures - Read this first1:44
Understanding Closures52:01
A closure is an inner function that has access to the outer (enclosing) function's variables—scope chain. The closure has three scope chains: it has access to its own scope (variables defined between its curly brackets), it has access to the outer function's variables, and it has access to the global variables.
Code your Own Bind method polyfill18:17
Master javascript bind method by coding one from scratch.
Currying5:05
Understand Currying, one of the most important concept in Computer Science.
Functions
Closures Quiz

Requirements

Basics of HTML and CSS
Knowledge of any programming language will be helpful but not a prerequisite

Description

Dear Friends,

Welcome to the JavaScript Step by Step Project-based course. Treat this offer as a "One Time Investment" to all future updates.

Some of the topics we will cover are listed below (content will be incrementally added and user feedback will be taken into consideration).

Our goal in this course is to master JavaScript incrementally using the concepts of "First Principle". And we do this by building lots of small and big projects to understand the concepts.

The Core

Introduction and basics
Objects
Functions
Arrays
Object Oriented Programming using ES5/ES6
Call, Apply, and Bind
Closure
Lexical Scoping
Arrow functions
Spread Operators
REST Parameters
Promise
var/let/const
IIFE

The DOM

DOM Manipulation
Better practices

Building Re-usable Code

Building Reusable Libraries/Components
Implementing Drag and Drop without using third-party library

Updated: Nov 2018

Game Development

Build a pong game using ES5 OOP and DOM

Updated: Dec 2018

Building Components with JavaScript

Build a base Dialog/Notification Component

Updated: Apr 2020

Code Your Own jQuery-like Library to Master DOM Manipulation

Updated: Jan 23rd, 2021

Essential JavaScript for Libraries and Frameworks Series

Updated: Feb 3rd, 2021

Build a Live Code Editor like CodePen, JSBin using Vanilla JavaScript

Hope you enjoy this course!
Special thanks to the team at Algorisys Technologies for the support in creating these contents.

Who this course is for:

Beginner programmer who wants to learn and understand how to use JavaScript to build websites and applications
Students who wish to learn fundamentals and build projects

Learn Javascript Step By Step By Building Projects

What you'll learn

Explore related topics

Coding Exercises

Course content

Introduction and Basics2 lectures • 2min

In the Beginning12 lectures • 48min

Beginners - Numbers in JavaScript9 lectures • 28min

Beginners - Strings in JavaScript17 lectures • 46min

Tips and Questions1 lecture • 1min

Basics of Functions6 lectures • 19min

Functions1 lecture • 1hr 40min

Intermediate Knowledge5 lectures • 1hr 38min

Object Oriented Programming7 lectures • 50min

OOPS Q & A1 lecture • 16min

Requirements

Description

Who this course is for: