Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Start Coding with JavaScript: Beginner’s Essentials Guide
Important Introduction
Before You Register..
About This Course
Telegram Group for This Course
Getting Started -🛠️ Setting Up the Environment With All Options
🗝️ Introduction
🛠️ Setting Up the Environment With All Options.
❓Quiz
Your First Script – console.log
Your First Script – console.log (15:06)
📌 Where to "script.js" file inside HTML page? and Why?
❓ Quiz
Run and Test Your JavaScript Code (3 Ways/Options)
📥 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
Ways to Include JavaScript in HTML (14:15)
❓ Quiz: 3 Ways to Include JavaScript in HTML
About Javascript (⚠️ Important don't skip any lesson)
📖 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
📖 Introduction to Window, BOM, and DOM in JavaScript
❓ Quiz: Introduction to Window, BOM, and DOM in JavaScript
1️⃣ 🪟 Window (The Global Container)
📖 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
📖 ⏱️ JavaScript Timing Functions (setTimeout(), clearTimeout(), setInterval(), clearInterval()) (23:15)
🧐 Activity 1
💡 Activity 1 -Solution
🧐 Activity 2 - Digital Tasbeeh Program
💡 Activity 2 -Solution (9:49)
Event Handling – addEventListener() / removeEventListener()
📖 Event Handling – onclick vs addEventListener() (19:48)
❓Quiz 1
📖 Removing Events Using removeEventListener() (10:56)
❓Quiz 2
JavaScript Scrolling Methods
📖 🧭 JavaScript Scrolling Methods — scrollX, scrollY, scrollTo(), scrollBy() (8:05)
❓Quiz
🧭Location Object
📖 The location Object in JavaScript (Navigation & URL Control) (12:45)
❓Quiz
📜 history Object
📖 The history Object in JavaScript (Browser Navigation Control) (9:38)
❓Quiz
🧭 navigator Object
📖 The navigator Object in JavaScript (Browser & Device Information) (13:54)
❓Quiz
🖥️ screen Object
📖 The screen Object in JavaScript (6:41)
📖 Screen vs Window vs Document Sizes (Self Read)
❓Quiz
💾Web Storage in JavaScript
📖💾 Web Storage localStorage & sessionStorage in JavaScript (31:42)
❓Quiz
🧐 Activity 1: Web Storage
💡 Activity 1 -Solution
Example: Auto-Save Text Using Session Storage (8:26)
💾Web Storage - 🍪 Cookies in JavaScript
📖🍪 Cookies in JavaScript (27:25)
❓Quiz
🧐 Activity
💡 Activity - Solution
💾Web Storage - 🗄️ IndexedDB
📖 🗄️ 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
📘 Coding with Javascript: Basic Syntax Foundations (Self Read)
📖 📜 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
📖 Variables and Constants in JavaScript (19:26)
❓ Quiz 1
📖 JavaScript Scopes & Shadowing (13:55)
🧐 Activity
💡 Activity – Solution
❓Quiz 2
📖 Re-Declaration Rules in JavaScript
📙 Data Types & Type System
📖 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
📖 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
📘 Control Flow
📖 if, else, else if
🧐 Activity - if, else, else if
💡 Activity - Solutions
📖 switch + fallthrough rules
🧐 Activity - switch
💡 Activity Solutions
📕Loops
📖 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
📖 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
📙 Objects
📖 Object Literal Syntax & Property Access
🧐 Activity - Objects
💡 Activity - Solutions
📖 Methods, this, and Object Behavior
🧐 Activity: Methods, this, and Object Behavior
💡 Activity - Solutions
📗 Arrays
📖 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
📖 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
📖 String Syntax, Escape Sequences & Methods
🧐 Activity - String Syntax, Escape Sequences & Methods
💡 Activity - Solutions
📖 Number Syntax, parseInt, parseFloat, & isNaN
🧐 Activity - Number Syntax & Parsing
💡 Activity - Solutions
📘 Math Object (Syntax & Practical Usage)
📖 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)
📖 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
🧐 Activity — Comparison & Equality Practice
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock