JavaScript Journey

Welcome to my JavaScript learning journey. This repository contains my practice code, notes, mini projects, and experiments as I learn JavaScript from the fundamentals to advanced concepts.

---

Topics Covered

01. JavaScript Basics

• Introduction to JavaScript
• Variables (var, let, const)
• Data Types
• Type Conversion & Operations
• Comparisons
• Primitive vs Non-Primitive Data Types
• Strings
• Numbers & Math
• Date & Time

02. Arrays & Objects

• Arrays
• Objects
• Array Methods
• Object Methods

03. Functions & Scope

• Functions
• Scope
• Arrow Functions
• IIFE (Immediately Invoked Function Expressions)

04. Iterations

• Loops
• Filter
• Map

05. DOM Manipulation

• Selecting Elements
• Creating & Inserting Elements
• Modifying Elements
• Event Listeners
• DOM Practice

06. Projects

• Color Changer
• BMI Calculator

07. Events

• Event Handling
• Event Propagation
• Event Delegation

08. API Requests

• XMLHttpRequest (XHR)
• GitHub API
• Dynamic GitHub Profile Card

09. Classes & Object-Oriented Programming

• ES6 Classes
• Constructors
• Getters & Setters
• Object Properties
• bind()

10. Advanced JavaScript

• Closures

---

Project Structure

JS-Journey/
│
├── 01_Basics/
├── 02_Basics/
├── 03_Basics/
├── 04_Iterations/
├── 05_DOM/
├── 06_Projects/
│   ├── 1_ColorChanger/
│   └── 2_BMI/
├── 07_events/
├── 08_advance_one/
├── 09_Classes_and_oop/
├── 10_fun_with_js/
└── README.md

---

Learning Goals

• Build a strong foundation in JavaScript.
• Understand core programming concepts.
• Master modern JavaScript (ES6+).
• Learn DOM manipulation and browser APIs.
• Develop real-world projects.
• Improve problem-solving skills.
• Prepare for frameworks such as React.

---

Technologies Used

• JavaScript (ES6+)
• HTML5
• CSS3
• Node.js
• Visual Studio Code
• Git & GitHub

---

Progress

Completed

• JavaScript Fundamentals
• Variables and Data Types
• Arrays & Objects
• Functions & Scope
• Arrow Functions
• IIFE
• Loops
• Filter
• Map
• DOM Manipulation
• Events
• Mini Projects
• XMLHttpRequest (XHR)
• GitHub API Requests
• Dynamic GitHub Profile Card
• ES6 Classes
• Getters & Setters
• Object Properties
• Closures

Coming Next

• Reduce
• Promises
• Fetch API
• Async/Await
• Error Handling
• JSON
• Local Storage
• Modules
• Prototypes
• Call, Apply & Bind
• Projects

---

Repository Purpose

This repository serves as a personal learning archive where I document my JavaScript journey by practicing concepts, building projects, and exploring modern JavaScript features. It reflects my progress as I continue to strengthen my web development skills.

---

Author

Custom Bot

AI Student | JavaScript Learner | Aspiring AI & Full-Stack Developer