Skip to content

abdullah-dev01/javascript_learning

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JavaScript Learning Journey 🚀

Welcome to my JavaScript learning repository! This repo serves as a collection of all my JavaScript exercises, projects, and notes as I master the core 20% of JavaScript that will allow me to build functional web applications.

📌 About This Repository

This repository is dedicated to my JavaScript learning journey, where I document everything I learn, from basic syntax to advanced concepts. The goal is to build a strong foundation and create real-world applications using JavaScript by following an 80-20 rule-based roadmap.

📚 Topics Covered

  • Week 1: JavaScript Basics (Variables, Data Types, Operators)
  • Week 2: Functions & Control Flow (Conditionals, Loops, Scope)
  • Week 3: Arrays & Objects (Manipulation, Iteration, Methods)
  • Week 4: DOM Manipulation & Events (Selecting Elements, Event Listeners)
  • Week 5: Asynchronous JavaScript (Promises, Async/Await, Fetch API)
  • Week 6: ES6+ Features (Destructuring, Spread/Rest, Error Handling)
  • Projects: Build 5 projects of increasing difficulty (To-Do List, Quiz App, Weather Dashboard, Expense Tracker, Chat App)

🛠 Tools & Technologies

  • JavaScript (ES6+)
  • Node.js (for backend basics in Week 5)
  • HTML & CSS (for frontend integration in DOM-related projects)
  • Git & GitHub (for version control)
  • Browser DevTools (for debugging)

📂 Project Structure

📁 javascript-learning
│-- 📁 week-1        # Exercises for Week 1: Basics (Variables, Data Types, Operators)
│-- 📁 week-2        # Exercises for Week 2: Functions & Control Flow
│-- 📁 week-3        # Exercises for Week 3: Arrays & Objects
│-- 📁 week-4        # Exercises for Week 4: DOM Manipulation & Events
│-- 📁 week-5        # Exercises for Week 5: Asynchronous JavaScript & APIs
│-- 📁 week-6        # Exercises for Week 6: ES6+ Features & Debugging
│-- 📁 projects      # Mini projects to apply concepts (To-Do List, Quiz App, etc.)
│-- 📁 notes         # Summary of concepts & key learnings
│-- README.md       # This documentation

🚀 How to Use This Repo

  1. Clone the repository:
    git clone https://github.com/yourusername/javascript-learning.git
  2. Navigate to the directory:
    cd javascript-learning
  3. Explore different folders and files to follow along with the weekly exercises and projects.

📌 Goals & Roadmap

🔹 Master the core 20% of JavaScript that enables building functional web applications
🔹 Complete 5 hands-on projects of increasing difficulty to reinforce learning
🔹 Learn best coding practices and debugging techniques
🔹 Gain confidence in working with APIs and asynchronous code
🔹 Transition to exploring JavaScript frameworks/libraries like React or Node.js

📢 Contributing

This is a personal learning repository, but if you have suggestions or improvements, feel free to open an issue or a pull request!

⭐ Let's Connect

If you're also learning JavaScript, feel free to connect and share ideas!

Happy coding! 🚀


Key Changes Made:

  1. Aligned Topics Covered with the weekly structure of your roadmap.
  2. Added Weekly Folders (week-1, week-2, etc.) to organize exercises based on the roadmap.
  3. Updated Goals & Roadmap to reflect the focus on mastering core concepts and completing projects.
  4. Removed advanced topics like "Modules, Closures, Prototypes" since they are not part of your initial roadmap.
  5. Simplified the project structure to match the progression of your learning plan. https://www.youtube.com/playlist?list=PLZPZq0r_RZOO1zkgO4bIdfuLpizCeHYKv

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published