ูู ู ูุฐู ุงูุฏูุฑุฉุ
ูุฐู ุงูุฏูุฑุฉ ู ุซุงููุฉ ูู:
โ ุงูุทูุงุจ ุงูุฐูู ุชุนูู ูุง ุฃุณุงุณูุงุช ุงูุจุฑู ุฌุฉ ูู ูุบุงุช ุฃุฎุฑู (C, C++, C#, Python, Java) ููุฑูุฏูู ุงูุงูุชูุงู ุฅูู ุชุทููุฑ ุงูููุจ.
โ ุงูู ุทูุฑูู ุงูู ุจุชุฏุฆูู ุงูุฐูู ูุฏููู ุฃุณุงุณูุงุช ูู ุงูู ูุทู ุงูุจุฑู ุฌู ููุฑุบุจูู ูู ุฅุถุงูุฉ JavaScript ูู ูุงุฑุงุชูู .
โ ุงูููุงุฉ ุฃู ุงูู ุชุญู ุณูู ููุชูููููุฌูุง ุงูุฐูู ูุฑูุฏูู ุจูุงุก ู ูุงูุน ูุชุทุจููุงุช ุชูุงุนููุฉ.
โ ุฃู ุดุฎุต ูุฎุทุท ูุงุญููุง ูุชุนูู ุฃูุทุฑ ุนู ู ุญุฏูุซุฉ ู ุซู React ุฃู Vue ุฃู Node.js ููุญุชุงุฌ ุฅูู ุฃุณุงุณ ู ุชูู ูู JavaScript ุฃููุงู.
โ ๏ธ ุชูุจูู ูุงู ูุจู ุงูุงูุชุญุงู ุจุงูุฏูุฑุฉ โ ๏ธ
ูุฐู ุงูุฏูุฑุฉ ููุณุช ููู ุจุชุฏุฆูู ุชู ุงู ูุง ูู ุงูุจุฑู ุฌุฉ.
๐ ูุฌุจ ุฃู ุชู ุชูู ู ุนุฑูุฉ ู ุณุจูุฉ ุจุฃุณุงุณูุงุช ุงูุจุฑู ุฌุฉ .
ูุญู ูู ูุถููุน ููุช ุงูุฏูุฑุฉ ูู ุฅุนุงุฏุฉ ุงูุชุฃุณูุณ ุฃู ุดุฑุญ ู ูุงููู ุงูุจุฑู ุฌุฉ ุงูุนุงู ุฉุ ุจู ุณููุทูู ู ุจุงุดุฑุฉ ุฅูู JavaScript (ES6+) ูู ู ูุฒุงุชูุง ูููููุฉ ุงุณุชุฎุฏุงู ูุง ูุจูุงุก ู ูุงูุน ูุชุทุจููุงุช ุชูุงุนููุฉ.
ุฅุฐุง ูู ููู ูุฏูู ุฃุณุงุณ ุจุฑู ุฌู ู ุณุจูุ ููุฐู ุงูุฏูุฑุฉ ููุณุช ู ูุงุณุจุฉ ูู. ูููุถู ุฃู ุชุจุฏุฃ ุฃููุงู ุจุฎุงุฑุทุฉ ุงูุทุฑูู ููุงุณุงุณ ุงูุนุงู ูู ุงูุจุฑู ุฌุฉ ูู ุงูู ูุตุฉ ุ ุซู ุชุนูุฏ ุฅูู ููุง ูุชุชุนูู JavaScript ุจุซูุฉ ููุงุนููุฉ.
ุณูุชู ุชูุฒูู ุงูุฏุฑูุณ ุชุฏุฑูุฌูุง ุจุดูู ุดุจู ููู ู ุจุนุฏ ุชุงุฑูุฎ
15 - 9 - 2025
ู
ุญุชูู ุงูููุฑุณ
Important Introduction
Available in
days
days
after you enroll
Getting Started -๐ ๏ธ Setting Up the Environment With All Options
Available in
days
days
after you enroll
Your First Script โ console.log
Available in
days
days
after you enroll
Run and Test Your JavaScript Code (3 Ways/Options)
Available in
days
days
after you enroll
- ๐ฅ Download Code From Here
- ๐๏ธIntroduction: Ways to Run and Test Your JavaScript Code
- 1๏ธโฃ ๐ฅ๏ธ Run and Test Your Code - Option 1: Open Directly
- โ Quiz 1: ๐ฅ๏ธ Run and Test Your Code - Option 1: Open Directly
- 2๏ธโฃโกRun and Test Your Code - Option 2: Use Live Server
- โQuiz 2: Run and Test Your Code โ Option 2 (Live Server โก)
- 3๏ธโฃ ๐ง Option 3: Running JavaScript in the Console (VS Code) using NodeJS Without Browser. (13:00)
- โQuiz 3: Run and Test Your Code โ Option 3 (Node.js in Console ๐ง)
Ways to Include JavaScript in HTML
Available in
days
days
after you enroll
About Javascript (โ ๏ธ Important don't skip any lesson)
Available in
days
days
after you enroll
- ๐ What is JavaScript? (9:47)
- โQuiz 1
- ๐ Why Do We Need JavaScript? (9:06)
- โQuiz 2
- ๐ Where JavaScript is Used Today (and What Depends on JS)? (11:14)
- โQuiz 3
- ๐ History and Versions of JavaScript (5:54)
- โQuiz 4
- ๐ Where JavaScript Runs?
- โQuiz 5
- ๐ JavaScript Engines (3:00)
- โQuiz 6
- ๐ Is JavaScript Compiled or Interpreted Language? (8:14)
- โQuiz 7
- ๐ How JavaScript Works? (29:14)
- โQuiz 8
- ๐ Memory Management in JavaScript (26:52)
- โQuiz 9
- ๐ Pros and Cons of JavaScript (17:16)
- โQuiz 10
- ๐ โ ๏ธ JavaScript Weaknesses & Why You Should Not Start Learning Programming with It? (Self-Read)
- ๐ ๐ฆ Limitations of Node.js (self-Read)
- ๐ Which is better for a backend C# or Node.js? (Self-Read)
๐๐ช๐ณWindow, BOM, and DOM in JavaScript
Available in
days
days
after you enroll
1๏ธโฃ ๐ช Window (The Global Container)
Available in
days
days
after you enroll
- ๐ Window (The Global Container) (11:42)
- ๐ alert() โ Displaying Messages to Users ๐ฌ (7:33)
- ๐ confirm() โ Getting User Confirmation โ โ (7:18)
- ๐ prompt() โ Asking for User Input ๐ฌ (14:59)
- ๐ window.open() โ Opening New Windows or Tabs ๐ช + window.close (24:38)
- ๐ ๐ช Controlling the Browser Window (focus(), blur(), moveTo(), and resizeTo()) (10:33)
- ๐ Understanding Browser Window Dimensions & Position (innerWidth, innerHeight, outerWidth, outerHeight, screenX, screenY) (13:20)
โฑ๏ธ JavaScript Timing Functions
Available in
days
days
after you enroll
Event Handling โ addEventListener() / removeEventListener()
Available in
days
days
after you enroll
JavaScript Scrolling Methods
Available in
days
days
after you enroll
๐งญLocation Object
Available in
days
days
after you enroll
๐ history Object
Available in
days
days
after you enroll
๐งญ navigator Object
Available in
days
days
after you enroll
๐ฅ๏ธ screen Object
Available in
days
days
after you enroll
๐พWeb Storage in JavaScript
Available in
days
days
after you enroll
๐พWeb Storage - ๐ช Cookies in JavaScript
Available in
days
days
after you enroll
๐พWeb Storage - ๐๏ธ IndexedDB
Available in
days
days
after you enroll
- ๐ ๐๏ธ IndexedDB In Javascript (17:37)
- โQuiz
- ๐ ๐๏ธIndexedDB CRUD Operations & Database Setup in JavaScript (35:17)
- โQuiz 2
- ๐ ๐๏ธIndexedDB โ Creating Indexes & Searching Data (30:23)
- โQuiz 3
- ๐ ๐งญ IndexedDB Cursor-Based Searching (Advanced Searching) (27:46)
- โ Quiz 4
- ๐ ๐ How does the cursor loop? (Self Read)
- โ Quiz 5
- ๐ Libraries for IndexedDB (Conceptual & Practical Overview)
๐ Coding with Javascript: Basic Syntax Foundations (Self Read)
Available in
days
days
after you enroll
- ๐ ๐ Statements & Semicolons in JavaScript
- ๐๐ฅ Why must return, break, and continue be followed directly by a value?
- ๐ ๐ Case Sensitivity in JavaScript
- ๐ ๐ Comments in JavaScript (// and /* * /)
- ๐ Whitespace & formatting rules
- ๐ Code Blocks { } in Javascript
- ๐ "use strict" in JavaScript
๐ Variables , Constants, and Scopes
Available in
days
days
after you enroll
๐ Data Types & Type System
Available in
days
days
after you enroll
- ๐ Primitive Data Types (30:19)
- โQuiz - Primitive Data Types
- ๐ง Activity - Primitive Types
- ๐ก Activity โ Solution
- ๐ Reference Types (10:24)
- โQuiz - Reference Types
- ๐ typeof, instanceof, equality rules (Self Read)
- โQuiz - typeof, instanceof, equality rules
- ๐ Type Conversion in JavaScript (Implicit & Explicit) (Self Read)
- โQuiz - Type Conversion
- ๐ง Activity - Type Conversion
- ๐ก Activity โ Solution
๐ Operators
Available in
days
days
after you enroll
- ๐ Arithmetic & Assignment Operators
- ๐ง Activity โ Arithmetic & Assignment Operators Practice
- ๐ก Activity - Solutions
- ๐ Comparison Operators & Equality in JavaScript
- ๐ง Activity โ Comparison & Equality Practice
- ๐ก Activity - Solutions
- ๐ Logical Operators & Short-Circuiting in JavaScript
- ๐ง Activity โ Logical Operators & Short-Circuiting
- ๐ก Activity - Solutions
- JavaScript Short-Circuiting Playground
- ๐ JavaScript String Operators & Template Literals
- ๐ง Activity: Practice String Operators & Template Literals
- ๐ก Activity - Solutions
- ๐ Logical Assignment Operators (&&=, ||=, ??=)
- ๐ง Activity โ Logical Assignment Operators
- ๐ก Activity โ Solution
- ๐ || vs ?? (Common Bugs & Correct Usage)
- ๐ Bitwise Operators (Overview + Use Cases)
- ๐ง Activity โ Bitwise Operators
- ๐ก Activity โ Solution
๐ Control Flow
Available in
days
days
after you enroll
๐Loops
Available in
days
days
after you enroll
- ๐ for Loop
- ๐ง Activity - for Loop
- ๐ก Activity Solutions
- ๐ for in, for of Loops
- ๐ง Activity โ for in , for of
- ๐ก Activity Solutions
- ๐ ๐ท๏ธ Labeled Loops
- ๐ while & doโฆwhile Loops
- ๐ง Activity - while, do while loops
- ๐ก Activity - Solutions
- ๐ Ternary Operator (condition ? valueIfTrue : valueIfFalse)
- ๐ง Activity - Ternary Operator
- ๐ก Activity - Solutions
๐ Functions
Available in
days
days
after you enroll
- ๐ Function Declarations vs Expressions
- ๐ง Activity - Function Declaration vs Expressions
- ๐ก Activity - Solutions
- ๐ ๐น Arrow Functions in JavaScript (=>)
- ๐ง Activity โ Arrow Functions
- ๐ก Activity - Solutions
- ๐ Parameters, Arguments & Default Params
- ๐ง Activity โ Parameters, Arguments & Default Parameters
- ๐ก Activity - Solutions
- ๐ Return, Scope, and Hoisting in Functions (JavaScript Deep Dive)
- ๐ง Activity - Return, Scope, and Hoisting in Functions
- ๐ก Activity - Solutions
- ๐ Closures, Callbacks & First-Class Functions
- ๐ง Activity - Closures, Callbacks & First-Class Functions
- ๐ก Activity - Solutions
- ๐ IIFE (Immediately Invoked Function Expressions)
- ๐ง Activity โ Write & Run IIFEs
- ๐ก Activity - Solutions
- ๐ call(), apply(), bind() (Controlling this)
- ๐ง Activity โ Controlling this
- ๐ก Activity โ Solution
- ๐ Recursion in JavaScript
- ๐ง Activity โ Recursion in JavaScript
- ๐ก Activity โ Solution
- ๐ The arguments Object vs Rest Parameters (...args)
- ๐ง Activity โ arguments vs ...args
- ๐ก Activity โ Solution
๐ Objects
Available in
days
days
after you enroll
- ๐ Object Literal Syntax & Property Access
- ๐ง Activity - Objects
- ๐ก Activity - Solutions
- ๐ Methods, this, and Object Behavior
- ๐ง Activity: Methods, this, and Object Behavior
- ๐ก Activity - Solutions
- ๐ Object Utilities (Object.keys, Object.values, Object.entries, Object.fromEntries)
- ๐ง Activity โ Object Utilities
- ๐ก Activity โ Solution
- ๐ hasOwn / hasOwnProperty (Safe Property Checks)
- ๐ง Activity โ Safe Property Checks
- ๐ก Activity โ Solution
- ๐ Shallow vs Deep Copy (Spread Pitfalls + JSON Limits)
- ๐ง Activity โ Shallow vs Deep Copy
- ๐ก Activity โ Solution
๐ Arrays
Available in
days
days
after you enroll
- ๐ Array Basics, Indexing & Mutating Methods
- ๐ง Activity - Array Basics, Indexing & Mutating Methods
- ๐ก Activity - Solutions
- ๐ Slice, Splice & Advanced Array Operations
- ๐ง Activity - Slice, Splice & Advanced Array Operations
- ๐ก Activity - Solutions
- ๐ Array Searching & Filtering (find, filter, map, reduce)
- ๐ง Activity - Array Searching & Filtering
- ๐ก Activity - Solutions
- ๐ Sorting, Iterating & Higher-Order Array Methods (sort, forEach, some, every)
- ๐ง Activity - Sorting & Higher-Order Methods
- ๐ก Activity - Solutions
- ๐ Destructuring & Spread (Arrays & Objects)
- ๐ง Activity - Destructuring & Spread
- ๐ก Activity - Solutions
๐ Maps, Sets & Advanced Data Collections
Available in
days
days
after you enroll
- ๐ Why We Need Maps & Sets in JavaScript
- ๐ Map Basics in JavaScript
- ๐ง Activity โ Map Basics
- ๐ก Activity Solutions
- ๐ Map Methods & Iteration
- ๐ง Activity โ Map Methods & Iteration
- ๐ก Activity - Solutions
- ๐ Set Basics in JavaScript
- ๐ง Activity โ Set Basics
- ๐ก Activity - Solutions
- ๐ Set Methods & Use Cases
- ๐ง Activity โ Set Methods & Use Cases
- ๐ก Activity - Solutions
- ๐ WeakMap & WeakSet (Concept + Syntax)
- ๐ง Activity - WeakMap & WeakSet
- ๐ก Activity - Solutions
๐ Strings, Numbers & Built-in Objects
Available in
days
days
after you enroll
๐ Math Object (Syntax & Practical Usage)
Available in
days
days
after you enroll
- ๐ Introduction to the Math Object (JavaScript)
- ๐ Rounding & Absolute Values
- ๐ง Activity - Rounding & Absolute Values
- ๐ก Activity - Solutions
- ๐ Power, Roots & Exponents
- ๐ง Activity - Power, Roots & Exponents
- ๐ก Activity - Solutions
- ๐ Min, Max & Comparisons
- ๐ง Activity - Min, Max & Comparisons
- ๐ก Activity - Solutions
- ๐ Random Numbers in JavaScript
- ๐ง Activity - Random Numbers
- ๐ก Activity - Solutions
- ๐ Trigonometry & Mathematical Constants (Overview)
- ๐ง Activity - Trigonometry & Constants
- ๐ก Activity - Solutions
๐ Date Object (Syntax & Practical Usage)
Available in
days
days
after you enroll
- ๐ Introduction to the Date Object
- ๐ Date Creation Methods
- ๐ง Activity - Date Creation Methods
- ๐ก Activity - Solutions
- ๐ Getting Date Values
- ๐ง Activity - Getting Date Values
- ๐ก Activity - Solutions
- ๐ Setting Date Values
- ๐ง Activity - Setting Date Values
- ๐ก Activity - Solutions
- ๐ Timestamps & Date Comparisons
- ๐ง Activity - Timestamps & Comparisons
- ๐ก Activity - Solutions
- ๐ Comparing & Sorting Dates
- ๐ง Activity - Comparing Dates
- ๐ก Activity - Solutions
- ๐ Adding & Subtracting Time
- ๐ง Activity - Adding & Subtracting Time
- ๐ก Activity - Solutions
- ๐ Date Difference (DateDiff)
- ๐ง Activity - Date Difference (DateDiff)
- ๐ก Activity - Solutions
- ๐ Start & End of Time Periods
- ๐ง Activity - Start & End of Time Periods
- ๐ก Activity - Solutions
- ๐ Date Validation & Edge Cases
- ๐ง Activity โ Date Validation & Edge Cases
- ๐ก Activity - Solutions
- ๐ Formatting Dates (Basic Syntax)
- ๐ง Activity - Formatting Dates
- ๐ก Activity - Solutions
- ๐ Business Date Calculations
- ๐ง Activity - Business Date Calculations
- ๐ก Activity - Solutions
- ๐ Native Date vs Libraries (Conceptual Overview)
๐ Advanced and Rare Operators
Available in
days
days
after you enroll
๐ JSON (Syntax Level Overview)
Available in
days
days
after you enroll
- ๐ What is JSON & Why It Exists
- ๐ง Activity - JSON
- ๐ก Activity - Solutions
- ๐ JSON Syntax Rules
- ๐ง Activity - JSON Rules
- ๐ก Activity - Solutions
- ๐ JSON.stringify()
- ๐ง Activity - JSON.stringify()
- ๐ก Activity - Solutions
- ๐ JSON.parse()
- ๐ง Activity - JSON.parse()
- ๐ก Activity - Solutions
- ๐ JSON in Real Applications, Limitations & Best Practices
- ๐ง Activity - JSON Best Practices
- ๐ก Activity - Solutions
๐Error Handling & Defensive Programming
Available in
days
days
after you enroll
- ๐ Understanding Errors, Error Types & try/catch
- ๐ง Activity - Understanding Errors in Javascript
- ๐ก Activity - Solutions
- ๐ The Error Object in Depth
- ๐ Throwing Errors Intentionally
- ๐ง Activity - Throwing Errors Intentionally
- ๐ก Activity - Solutions
- ๐ Custom Error Classes
- ๐ง Activity - Custom Error Classes
- ๐ก Activity - Solutions
- ๐ Error Handling in Functions - Defensive Function Design
- ๐ง Activity - Error Handling in Functions
- ๐ก Activity - Solutions
- ๐ Error Handling with Async Code (Promises & async/await)
- ๐ Validations vs Errors
- ๐ง Activity - Validations vs Errors
- ๐ก Activity - Solutions
- ๐ Global Error Handling
- ๐ง Activity - Global Error Handling
- ๐ก Activity - Solutions
- ๐๐งช Debugging & Error Diagnosis (How to Find and Understand Bugs)
- ๐ Best Practices & Anti-Patterns in JavaScript Error Handling
- ๐ ๐ Real-World Error Handling Scenarios
- ๐๐ง Error Handling Mental Model (How Professionals Think About Errors)
๐Classes & Object-Oriented Programming
Available in
days
days
after you enroll
- ๐ OOP in JavaScript vs OOP in C# โ A Clear Comparison
- ๐ Why Classes Exist in JavaScript
- ๐ง Activity- Why Classes Exist
- ๐ก Activity - Solutions
- ๐ Class Declaration Syntax in JavaScript
- ๐ง Activity - Class Declaration Syntax
- ๐ก Activity - Solutions
- ๐ Constructors
- ๐ง Activity - Constructors
- ๐ก Activity - Solutions
- ๐ Instance Properties & Methods
- ๐ง Activity -Instance Properties & Methods
- ๐ก Activity - Solutions
- ๐ Public Fields & Class Properties
- ๐ง Activity - Public Fields & Class Properties
- ๐ก Activity - Solutions
- ๐ Getters & Setters in JavaScript
- ๐ง Activity - Getters & Setters
- ๐ก Activity - Solutions
- ๐ Static Properties & Methods
- ๐ง Activity - Static Properties & Methods
- ๐ก Activity - Solutions
- ๐ Inheritance with extends
- ๐ง Activity - Inheritance with extends
- ๐ก Activity - Solutions
- ๐ The super Keyword
- ๐ง Activity - super Keyword
- ๐ก Activity - Solutions
- ๐ Method Overriding
- ๐ง Activity - Method Overriding
- ๐ก Activity - Solutions
- ๐ Private Fields & Methods (Modern JavaScript)
- ๐ง Activity - Private Fields & Methods
- ๐ก Activity - Solutions
- ๐ Class vs Prototype (Conceptual Understanding)
- ๐ง Activity - Class vs Prototype
- ๐ก Activity - Solutions
- ๐ Classes in Real Applications
- ๐ Common Class Pitfalls, Best Practices & the Classes Mental Model
๐ JavaScript Modules (ES Modules โ import / export)
Available in
days
days
after you enroll
- ๐ Why JavaScript Modules Exist
- ๐ง Activity - Why Modules Exist
- ๐ก Activity - Solution
- ๐ Module Basics
- ๐ง Activity - Modules Basics
- ๐ก Activity - Solution
- ๐ Exporting from Modules
- ๐ง Activity โ Exporting from JavaScript Modules
- ๐ก Activity โ Solution
- ๐ Importing Modules
- ๐ง Activity โ Importing JavaScript Modules
- ๐ก Activity โ Solution
- ๐ Module Loading & Resolution
- ๐ง Activity โ Module Loading & Resolution
- ๐ก Activity โ Solution
- ๐ Module Design Best Practices
- ๐ง Activity โ Module Design Best Practices
- ๐ก Activity โ Solution
- ๐ Modules Mental Model
- ๐ง Activity โ Modules Mental Model
- ๐ก Activity โ Solution
๐ ๐ Event Loop, Call Stack, Tasks & Microtasks
Available in
days
days
after you enroll
- ๐ Call Stack vs Web APIs (Runtime Model)
- ๐ง Activity โ Call Stack vs Web APIs
- ๐ก Activity โ Solution
- ๐ The Event Loop (How JavaScript Schedules Work)
- ๐ง Activity โ Event Loop Prediction
- ๐ก Activity โ Solution
- ๐ Task Queue (setTimeout, DOM Events)
- ๐ง Activity โ Task Queue in Action
- ๐ก Activity โ Solution
- xxx
๐ Promises In Javascript
Available in
days
days
after you enroll
- ๐ Why Asynchronous Code Exists and What is Promise?
- ๐ง Activity โ Why Asynchronous Code Exists
- ๐ก Activity โ Solution
- ๐ Promise Basics
- ๐ง Activity โ Promise Basics
- ๐ก Activity โ Solution
- ๐ Consuming Promises
- ๐ง Activity โ Consuming Promises
- ๐ก Activity โ Solution
- Full working example for Promise
- ๐ Promise Error Handling
- ๐ง Activity โ Promise Error Handling
- ๐ก Activity โ Solution
- Full Working Example for Promise Error Handling
- ๐ Promise Combinators
- ๐ง Activity โ Promise Combinators
- ๐ก Activity โ Solution
- ๐ Promises Mental Model
- ๐ง Activity โ Promises Mental Model
- ๐ก Activity โ Solution
- ๐ Microtask Queue (Promises, queueMicrotask)
- ๐ง Activity โ Microtask Priority
- ๐ก Activity โ Solution
- ๐ Execution Order: setTimeout vs Promise (Common Surprises)
- ๐ง Activity โ Predict the Output
- ๐ก Activity โ Solution
๐ async / await
Available in
days
days
after you enroll
- ๐ From Promises to async/await
- ๐ง Activity โ From Promises to async/await
- ๐ก Activity โ Solution
- ๐ async Functions
- ๐ง Activity โ async Functions
- ๐ก Activity โ Solution
- ๐ await Keyword
- ๐ง Activity โ await Keyword
- ๐ก Activity โ Solution
- ๐ Error Handling with async/await
- ๐ง Activity โ Error Handling with async/await
- ๐ก Activity โ Solution
- ๐ Common async/await Pitfalls
- ๐ง Activity โ Common async/await Pitfalls
- ๐ก Activity โ Solution
- ๐ async/await Mental Model
- ๐ง Activity โ async/await Mental Model
- ๐ก Activity โ Solution
๐ Fetch API & Calling Web APIs in JavaScript
Available in
days
days
after you enroll
- ๐ Introduction to Web APIs
- ๐ง Activity โ Introduction to Web APIs
- ๐ก Activity โ Solution
- ๐ HTTP Fundamentals for JavaScript Developers
- ๐ง Activity โ HTTP Fundamentals for JavaScript Developers
- ๐ก Activity โ Solution
- ๐ Fetch API Basics
- ๐ง Activity โ Fetch API Basics
- ๐ก Activity โ Solution
- ๐ Handling Fetch Responses
- ๐ง Activity โ Handling Fetch Responses
- ๐ก Activity โ Solution
- ๐ Error Handling with Fetch
- ๐ง Activity โ Error Handling with Fetch
- ๐ก Activity โ Solution
- ๐ Sending Data to APIs
- ๐ง Activity โ Sending Data to APIs
- ๐ก Activity โ Solution
- ๐ Fetch Options & Configuration
- ๐ง Activity โ Fetch Options & Configuration
- ๐ก Activity โ Solution
- ๐ Fetch with async/await
- ๐ง Activity โ Fetch with async/await
- ๐ก Activity โ Solution
- ๐ Working with Real APIs
- ๐ง Activity โ Working with Real APIs
- ๐ก Activity โ Solution
- ๐ Fetch & CORS (Conceptual Understanding)
- ๐ง Activity โ Fetch & CORS
- ๐ก Activity โ Solution
- ๐ AbortController & Request Cancellation
- ๐ง Activity โ AbortController & Request Cancellation
- ๐ก Activity โ Solution
- ๐ Common Fetch Pitfalls
- ๐ง Activity โ Common Fetch Pitfalls
- ๐ก Activity โ Solution
- ๐ Fetch Best Practices
- ๐ง Activity โ Fetch Best Practices
- ๐ก Activity โ Solution
- ๐ Fetch Mental Model
- ๐ง Activity โ Fetch Mental Model
- ๐ก Activity โ Solution
๐ Small Demo Projects: Sample Real API Demos
Available in
days
days
after you enroll
- ๐งฉ Async Data Loader with async / await
- ๐งฉ Parallel Fetch Dashboard with Promise.all()
- ๐งฉ Timeout Fetch with Promise.race()
- ๐งฉ First Success Wins with Promise.any()
- ๐งฉ Complete Result Reporting with Promise.allSettled()
- ๐งฉ Lesson: Live Search UI with Async Requests, Debounce, and Cancellation
- ๐งฉ Students CRUD Demo with fetch + async/await
- ๐งฉ Weather App with Public API (Open-Meteo) using fetch + async/await
- ๐งฉ Currency Converter with Rate History using fetch + async/await (Frankfurter API)
๐ DOM Manipulation & Events Syntax
Available in
days
days
after you enroll
- ๐ DOM Selection (getElementById, querySelector, querySelectorAll)
- ๐ง Activity โ DOM Selection (getElementById, querySelector, querySelectorAll)
- ๐ก Activity โ Solution
- โ Quiz 1
- ๐ DOM Selection: getElementsByClassName() & getElementsByTagName()
- ๐ง Activity โ getElementsByClassName() & getElementsByTagName()
- ๐ก Activity โ Solution
- โ Quiz 2
- ๐ DOMContentLoaded vs load (Avoid Null Selections)
- ๐ง Activity โ DOM Ready Timing
- ๐ก Activity โ Solution
- ๐ DOM Manipulation: Changing Text, HTML, Attributes, CSS
- ๐ง Activity โ DOM Manipulation: Text, HTML, Attributes, CSS
- ๐ก Activity โ Solution
- โ Quiz 3
- ๐ Creating, Removing & Appending Elements
- ๐ง Activity โ Creating, Removing & Appending Elements
- ๐ก Activity โ Solution
- โ Quiz 4
- ๐ DOM Traversal & Relationships
- ๐ง Activity โ DOM Traversal Practice
- ๐ก Activity โ Solution
- ๐ insertAdjacentHTML vs createElement
- ๐ง Activity โ insertAdjacentHTML vs createElement
- ๐ก Activity โ Solution
- โ Quiz 5
- ๐ Event Listeners & the Event Object
- ๐ง Activity โ Event Listeners & Event Object
- ๐ก Activity โ Solution
- โ Quiz 6
- ๐ Event Delegation (Handling Dynamic Elements Correctly) & Bubbling
- ๐ง Activity โ Event Delegation
- ๐ก Activity โ Solution
- โ Quiz 7
- ๐ dataset API (data-* attributes) for Dynamic UI Actions
- ๐ง Activity โ Using dataset for Actions
- ๐ก Activity โ Solution
- โ ๏ธ Important!
๐ Form Validation - PreventDefault , Collecting Form Data
Available in
days
days
after you enroll
- ๐ Form Handling & Validation (input, submit, preventDefault)
- ๐ง Activity โ Form Handling & Validation
- ๐ก Activity โ Solution
- โ Quiz
- ๐ FormData API (Collecting Form Data Correctly)
- ๐ง Activity โ FormData API (Collecting Form Data Correctly)
- ๐ก Activity โ Solution
- ๐ Constraint Validation API (checkValidity + HTML Rules)
- ๐ง Activity โ Constraint Validation API
- ๐ก Activity โ Solution
- ๐ Sanitization vs Validation (Security Mindset)
- ๐ง Activity โ Sanitization vs Validation
- ๐ก Activity โ Solution
