JavaScript Complete Practice 🚀

This repository is created to learn and practice JavaScript from beginner to advanced level.
It covers core concepts, modern JavaScript features, and logic-building exercises with clear examples.

Perfect for students, beginners, and anyone who wants to strengthen their JavaScript fundamentals step by step.

---

📌 Topics Covered

📁 Topics (With Details)

---

1️⃣ Alert and Variable

• Display messages using alert()
• Declare variables using var, let, and const
• Understand variable naming rules and initialization

2️⃣ Arrays

• Create arrays and access elements
• Use array methods: push(), pop(), shift(), unshift()
• Iterate through arrays using loops and array methods

3️⃣ Loops

• Repeat tasks efficiently using for, while, and do-while loops
• Nested loops and loop control statements: break and continue

4️⃣ Console

• Debug code using console.log(), console.warn(), console.error()
• Display tables and objects in console for better readability

5️⃣ Objects

• Create objects and access properties
• Use methods inside objects
• Understand key-value pairs and nested objects

6️⃣ If else Conditions

• Execute code based on conditions using if, else if, and else
• Practice nested conditions and logical operators

7️⃣ Function

• Write reusable code with functions
• Understand function parameters, return values, and arrow functions

8️⃣ Map

• Transform arrays using the map() method
• Return new arrays without modifying the original array

9️⃣ Filter

• Filter arrays based on conditions using filter()
• Work with callback functions for custom filtering logic

🔟 Reduce

• Accumulate values from arrays using reduce()
• Use for sums, averages, and complex data transformations

1️⃣1️⃣ Assign

• Assign values to variables
• Practice destructuring of arrays and objects for cleaner code

1️⃣2️⃣ Logic

• Improve logical thinking using boolean operators
• Solve real-world problems with conditional and loop-based logic

1️⃣3️⃣ Compare Operators

• Use ==, ===, !=, !==, >, <, >=, <=
• Understand type coercion and strict equality

1️⃣4️⃣ Global and Block Scope

• Learn difference between global and block-level variables
• Understand scope of var, let, and const

1️⃣5️⃣ Increment / Decrement

• Increase or decrease values using ++ and --
• Practice pre-increment, post-increment, pre-decrement, and post-decrement

1️⃣6️⃣ Escape Sequence Character

• Use special characters like \n, \t, \\, \", \'
• Format strings properly with escape sequences

---

🛠 How to Practice

• Open files topic-wise
• Practice code step by step
• Run JavaScript files using:
  • Browser Console
  • VS Code Live Server
  • Node.js

---

🎯 Goal

✔ Build strong JavaScript fundamentals
✔ Improve logic-building skills
✔ Prepare for frontend frameworks like React

---

📁 Project Structure (Example)

javascript-practice/
│
├── Alert and variable/
│   └── app.js
│
├── Arrays/
│   └── app.js
│
├── loops/
│   └── app.js
│
├── Assign compare logic operators/
│   └── app.js
│
├── Console Object/
│   └── app.js
│
├── functions/
│   └── app.js
│
├── map-filter-reduce/
│   └── app.js
│
├── Escape sequence character/
│   └── app.js
│
├── Globle and block scop and increment decrement/
│   └── app.js
│
├── Hero section/
│   └── app.js
│
├── If_eles_condition/
│   └── app.js
│
├── Practice_set_on_arrays/
│   └── app.js
│
├── README.md
├── app.js
└── style.css

---

🛠 How to Use

1. Clone the repository:

   git clone https://github.com/Bilal742/javascript-practice.git
   

⭐ Support

If you find this repository helpful, please star ⭐ the repository and keep learning 🚀