HomeCourses › Programming
Programming 100% FREE Beginner
JavaScript & React — Modern Web Development
Master modern JavaScript (ES6+) and build professional React apps. From DOM manipulation to full React applications with hooks, routing and API integration.
4.8 ★★★★★ (780)
📹 30 lessons
48 hours
👥 2,800 students
👨‍💻
Sir Bilal Akhtar
BSc CS LUMS · 7 Years Frontend Dev · 5000+ Students
FREE
100% FREE
Full course · 30 lessons · 48 hours
This course includes
🎬 90 video lessons (48 hours)
💻 12 coding projects
📝 20 quizzes
🏆 Certificate of completion
♾️ Lifetime free access
Progress
0% 0/30 lessons
📚 What you'll learn
Understand JavaScript variables, types and operators
Master functions, scope, closures and the call stack
Work with arrays and objects using modern ES6+ methods
Manipulate the DOM and handle browser events
Fetch data from APIs using async/await and Promises
Build React apps using functional components and hooks
Manage state with useState and side effects with useEffect
Navigate multi-page apps with React Router
Connect React frontend to backend REST APIs
Deploy React apps live to the internet
Course Curriculum
6 sections · 30 lessons · 48 hours total
01JavaScript Foundations
6 lessons · 5h
🎬
What is JavaScript and How it WorksVideo · 15:00
FREE
🎬
Variables — var, let, constVideo · 22:00
FREE
🎬
Data Types & Type CoercionVideo · 20:00
FREE
🎬
Operators & Control FlowVideo · 18:00
🎬
Loops — for, while, for...of, for...inVideo · 20:00
📝
JS Foundations Quiz — 20 QuestionsQuiz · 15:00
02Functions, Scope & Closures
5 lessons · 5h
🎬
Function Declarations, Expressions & ArrowsVideo · 25:00
🎬
Scope, Closure & the Call StackVideo · 28:00
🎬
Higher-Order Functions — map, filter, reduceVideo · 30:00
🎬
Spread, Rest & DestructuringVideo · 22:00
🛠️
Project 1 — Shopping Cart AppProject · 60:00
03DOM Manipulation & Events
5 lessons · 5h
🎬
Selecting & Modifying DOM ElementsVideo · 25:00
🎬
Event Handling & DelegationVideo · 28:00
🎬
Async JavaScript — Promises & async/awaitVideo · 35:00
🎬
Fetch API — Calling REST APIsVideo · 30:00
🛠️
Project 2 — Weather App with APIProject · 75:00
04ES6+ Advanced JavaScript
4 lessons · 4h
🎬
Classes & Object-Oriented JavaScriptVideo · 28:00
🎬
Modules — import & exportVideo · 22:00
🎬
Error Handling & DebuggingVideo · 20:00
📝
ES6+ Advanced QuizQuiz · 15:00
05React.js — Foundations
6 lessons · 8h
🎬
React Introduction — Components & JSXVideo · 25:00
🎬
Props — Passing Data Between ComponentsVideo · 22:00
🎬
State — useState HookVideo · 30:00
🎬
useEffect — Side EffectsVideo · 35:00
🎬
Custom Hooks — Reusable LogicVideo · 25:00
📝
React Foundations QuizQuiz · 20:00
06React — Advanced Patterns
4 lessons · 8h
🎬
React Router — NavigationVideo · 30:00
🎬
Context API — Global StateVideo · 28:00
🎬
React Forms & ValidationVideo · 25:00
🛠️
Final Project — Course Platform React AppProject · 120:00