📚 JavaScript (ES6+) Learning Guide

Welcome to your JavaScript learning journey! This folder contains everything you need to master JavaScript fundamentals before moving on to the MERN stack.

🎯 Learning Objectives

By the end of this module, you will understand:

• ✅ Variables (let, const, var)
• ✅ Functions (arrow functions, async/await)
• ✅ Objects and arrays
• ✅ Destructuring
• ✅ Promises and async/await
• ✅ Modules (import/export)
• ✅ Template literals
• ✅ Spread operator
• ✅ And much more!

📁 Folder Structure

01-JavaScript/
├── README.md (this file)
├── examples/          # Code examples for each concept
├── exercises/         # Practice problems
└── notes/            # Your learning notes

📖 Learning Path

Week 1: Fundamentals

1. Variables & Data Types

   • let, const, var
   • Primitive types (string, number, boolean, null, undefined)
   • Type checking

2. Operators & Expressions

   • Arithmetic operators
   • Comparison operators
   • Logical operators
   • Ternary operator

3. Control Flow

   • If/else statements
   • Switch statements
   • Loops (for, while, forEach, map, filter)

Week 2: Functions & Objects

4. Functions

   • Function declarations
   • Function expressions
   • Arrow functions
   • Parameters & arguments
   • Default parameters
   • Rest parameters

5. Objects & Arrays

   • Object creation
   • Object methods
   • Array methods (map, filter, reduce, find, etc.)
   • Object destructuring
   • Array destructuring

6. Template Literals & Spread Operator

   • Template literals (backticks)
   • Spread operator (...)
   • Rest operator

Week 3: Advanced Concepts

7. Promises & Async/Await

   • What are promises
   • Creating promises
   • Chaining promises
   • async/await syntax
   • Error handling (try/catch)

8. Modules

   • ES6 modules
   • import/export
   • Default vs named exports

9. Advanced Topics

   • Closures
   • this keyword
   • bind, call, apply
   • Classes (ES6)

🚀 How to Use This Guide

1. Start with examples: Go through each example in the examples/ folder
2. Practice: Complete exercises in the exercises/ folder
3. Take notes: Document your learning in the notes/ folder
4. Build projects: Create small projects to reinforce concepts

💻 Running JavaScript Code

Option 1: Browser Console

• Open browser DevTools (F12)
• Go to Console tab
• Type and run JavaScript code

Option 2: Node.js

# Run a JavaScript file
node filename.js

Option 3: Online Editors

• CodePen
• JSFiddle
• Repl.it

📝 Practice Tips

1. Type code yourself - Don't just copy-paste
2. Experiment - Modify examples and see what happens
3. Break things - Learn from errors
4. Build projects - Apply what you learn
5. Review regularly - Revisit previous concepts

✅ Completion Checklist

• Completed all examples
• Solved all exercises
• Built at least 2 small projects
• Understand all core concepts
• Ready to move to Node.js

🎓 Next Steps

Once you've mastered JavaScript fundamentals, you'll move on to:

• Node.js - Running JavaScript on the server
• Express.js - Building web APIs
• MongoDB - Database management

---

Remember: Learning to code takes time and practice. Don't rush, and don't hesitate to revisit concepts you find challenging. You've got this! 💪