🧩 Week 5: JavaScript Basics (ES6 Foundation)
Goal: Learn the fundamentals of JavaScript syntax, logic, data types, functions, arrays, and objects.
✅ Week 5 – Day-by-Day Breakdown:
📆 Day 1: Introduction to JavaScript + Variables & Data Types
| Time | Topic | Type |
|---|---|---|
| 00:00–00:15 | What is JavaScript? Use in Browser | Theory |
| 00:15–00:30 | How to add JS to HTML (inline, internal, external) | Theory |
| 00:30–00:50 | Variables: var, let, const | Theory |
| 00:50–01:20 | Data Types: string, number, boolean, null, undefined, object | Practical |
| 01:20–02:00 | Task: Create a simple page with console logs of variables | Practice |
📆 Day 2: Operators & Conditionals
| Time | Topic | Type | ||
|---|---|---|---|---|
| 00:00–00:15 | Arithmetic & Assignment Operators | Theory | ||
| 00:15–00:30 | Comparison Operators (==, ===, !=, !==, >, <, etc.) | Theory | ||
| 00:30–01:00 | Logical Operators (&&, | , !) | Theory | |
| 01:00–01:30 | Conditional Statements: if, else if, else, switch | Practical | ||
| 01:30–02:00 | Practice: Build a simple grade calculator | Project |
📆 Day 3: Loops (for, while, do-while)
| Time | Topic | Type |
|---|---|---|
| 00:00–00:15 | Why loops? | Theory |
| 00:15–00:40 | for loop syntax & examples | Practical |
| 00:40–01:00 | while loop, do-while loop | Theory + Practice |
| 01:00–01:30 | Nested loops & break/continue | Practice |
| 01:30–02:00 | Challenge: Print multiplication table + reverse count | Exercise |
__
📆 Day 4: Functions (Declaration, Expression, Arrow)
| Time | Topic | Type |
|---|---|---|
| 00:00–00:20 | Function declaration & calling | Theory |
| 00:20–00:40 | Parameters, arguments, return values | Practical |
| 00:40–01:10 | Function expressions & arrow functions | Theory + Examples |
| 01:10–01:40 | Task: Create a tip calculator function | Practice |
| 01:40–02:00 | Compare all three types (declared, expression, arrow) | Summary |
📆 Day 5: Arrays & Array Methods
| Time | Topic | Type |
|---|---|---|
| 00:00–00:20 | Create arrays, index, length | Theory |
| 00:20–00:40 | Push, pop, shift, unshift | Practical |
| 00:40–01:00 | forEach(), map(), filter(), find() | Modern methods |
| 01:00–01:30 | Mini Task: Store student marks & calculate average | Exercise |
| 01:30–02:00 | Build: "Fruit Inventory" system with arrays | Practice |
📆 Day 6: Objects, Properties & Methods
| Time | Topic | Type |
|---|---|---|
| 00:00–00:20 | What is an object? | Theory |
| 00:20–00:40 | Object properties, dot & bracket notation | Practical |
| 00:40–01:10 | Adding methods to objects | Practice |
| 01:10–01:40 | Nested objects & array of objects | Project |
| 01:40–02:00 | Task: Create a student record object | Practice |
📆 Day 7: Quiz + Exercises + Code Review
| Time | Topic | Type |
|---|---|---|
| 00:00–00:20 | Recap of all concepts | Review |
| 00:20–00:50 | Quiz: 15 MCQs (Variables, Loops, Arrays, Functions) | Assessment |
| 00:50–01:30 | Challenge: Build a "Simple Marksheet App" in JS | Final Exercise |
| 01:30–02:00 | Review submissions, give feedback | Q\&A |