Update README.md

README.md

@@ -3,12 +3,12 @@
 Welcome to the **ABES PRIME BATCH** repository for the **Full Stack Development Course**. This repository contains day-wise folders, each covering different topics related to Full Stack Development.
 
 ## 📅 Daily Updates
-### **Day 1 - Introduction to Web Development & Git Basics**
+### **Day 1 : Introduction to Web Development & Git Basics**
 - Overview of **Git & GitHub** for version control.
 - Setting up a repository, adding files, and handling commits.
 - Common **Git Commands** like `git init`, `git add`, `git commit`, and `git push`.
 - Basic **HTML, CSS, and JavaScript** concepts.
-- Link: <a href="https://ishanvichauhan.github.io/ABES_PrimeBatch/Day1/index.html">index.html</a>
+#### Link: <a href="https://ishanvichauhan.github.io/ABES_PrimeBatch/Day1/index.html">index.html</a>
 
 ### **Day 2 : HTML Fundamentals**
 1. **Text Formatting & Decoration**  
@@ -25,7 +25,7 @@ Welcome to the **ABES PRIME BATCH** repository for the **Full Stack Development
    - Building a registration form using `<form>`, `<input>`, `<label>`, `<select>`, `<textarea>`, and `<button>`.  
    - Implementing form validation with `required` attributes.
 
-**Assignments**:
+#### Assignments:
 <ul>
   <li><a href="https://ishanvichauhan.github.io/ABES_PrimeBatch/Day2/Assignment1.html">Assignment 1</a></li>
   <li><a href="https://ishanvichauhan.github.io/ABES_PrimeBatch/Day2/Assignment2.html">Assignment 2</a></li>
@@ -46,7 +46,60 @@ Welcome to the **ABES PRIME BATCH** repository for the **Full Stack Development
 
 - **Comparison Operators:**  
   - `==` (Loose comparison): Compares values but ignores types.  
-  - `===` (Strict comparison): Compares both values and types.  
+  - `===` (Strict comparison): Compares both values and types.
+
+#### Link: <a href="https://ishanvichauhan.github.io/ABES_PrimeBatch/Day3/index.html">index.html</a>
+
+### **Day 4 : JavaScript Functions, Arrays, Loops & Objects**  
+#### **1. Functions in JavaScript**  
+- **Function Hoisting:** Functions are hoisted, allowing them to be called before their declaration.  
+- **Function Types:**  
+  - **Function Declaration:** Traditional function definition.  
+  - **Function Expression:** Can be named or anonymous, assigned to a variable.  
+  - **Arrow Functions (`ES6+`)**: Concise syntax with implicit `return` for single expressions.  
+- **Nested Functions & Scope:** Inner functions are accessible only within their parent function, maintaining encapsulation.
+
+#### **2. Arrays**  
+- **Creation:** `const arr = [value1, value2, ...]`  
+- **Operations:** `.push()`, accessing by index, updating values.  
+- **Incorrect Practices:** Sparse arrays (empty indices), `delete` leaves holes.  
+
+#### **3. Loops**  
+- **For Loop:** `for (init; condition; increment) {}`  
+- **For-in:** Iterates over object keys.  
+- **For-of:** Iterates over array values.  
+- **While & Do-While Loops:** Execute based on conditions.  
+
+#### **4. Objects**  
+- **Definition:** Key-value pairs `{ key: value }`.  
+- **Operations:** Access (`obj.key` or `obj["key"]`), update, delete.  
+- **Dynamic Access:** Access properties dynamically using `obj[key]`.
+
+### **Day 5: Callbacks & Array Methods**  
+- **Callbacks & Higher-Order Functions:** Functions passed as arguments to other functions, enabling flexible execution.  
+- **Student Grading System:** Implemented using callbacks to calculate percentages, highest scoring subjects, and grades dynamically.  
+- **forEach & map:**  
+  - `forEach`: Iterates over an array, applying a function to each element.  
+  - `map`: Returns a new array with transformed values.  
+- **reduce:** Aggregates an array into a single value, useful for sum, multiplication, and custom operations.  
+- **Use Cases:** Implemented `reduce` to calculate sum, product, and modify arrays like `forEach` and `map`.
+
+### **Day 6 : DOM Basics & Manipulation**  
+#### **DOM Basics:**  
+- Understanding `document` and `window` objects.  
+- Selecting elements using:  
+  - `getElementById()`, `getElementsByClassName()`, `getElementsByTagName()`  
+  - `querySelector()`, `querySelectorAll()`  
+- Modifying styles dynamically (`color`, `backgroundColor`, `textDecoration`).
+#### Link: <a href="https://ishanvichauhan.github.io/ABES_PrimeBatch/Day6/domBasicsIndex.html">DOM Basics</a>
+
+#### **DOM Manipulation:**  
+- Accessing and navigating elements using `.children` and `.style` properties.  
+- Changing text content dynamically using JavaScript.  
+- Iterating over elements using `Array.from()` and `forEach()`.  
+- Creating, appending, and removing elements (`appendChild()`, `removeChild()`).  
+- Using `innerText` and `innerHTML` for dynamic content updates.
+#### Link: <a href="https://ishanvichauhan.github.io/ABES_PrimeBatch/Day6/domManipulationIndex.html">DOM Manipulation</a>
 
 ## 📧 Contact
 For any queries, feel free to reach out: