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)
🧭 JavaScript Scrolling Methods — scrollX, scrollY, scrollTo(), scrollBy()
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock