📘 Learn JavaScript by Doing – Beginner Friendly

A complete hands-on learning path with 40 progressive JavaScript problems, organized into three clear levels: Basics → Arrays/Strings → ES6 + DOM.

This repo is designed for beginners who want to learn JavaScript by coding real problems, not just reading theory.

---

📂 Folder Structure

01_Basics/ → Variables, loops, conditions, functions
02_Arrays_Strings_Objects/ → Arrays, strings, objects, sorting, HOFs
03_ES6_Functions_DOM/ → Arrow functions, destructuring, DOM tasks

All tasks are written with:

• Clear explanations -> Clean code -> Safe input validation -> Beginner-friendly structure

---

🚀 How to Run JavaScript Files

▶ Node.js Console Problems (1–35)

Run like:

node folder/problem.js

Example: node 01_Basics/03_even_odd.js

▶ DOM/Browser Tasks (36–40)

Use a live server:

npm run serve:html
or
VS Code → "Go Live" / "Preview in Browser".

📈 What You Learn in This Repo

✔ JavaScript fundamentals ✔ Core algorithmic thinking ✔ ES6 modern features ✔ Real UI manipulation ✔ Console-based mini applications

🎯 Learning Roadmap

🟢 01_Basics

👉Foundational JavaScript: -Hello World, -variables, -Loops, -conditions, -Functions, -Prime check, -palindrome, -Fibonacci, -factorial, -patterns, -games.

🟡 02_Arrays & Strings

👉Core real-world operations: -Reverse array, -Count vowels, -Word frequency, -Sorting, -Flatten array, -Find missing number

🔵 03_ES6 + DOM

👉Modern JS + DOM: -Arrow functions, -Destructuring, -Map, -filter, -reduce, -Random number generator, -Stopwatch console app, -DOM button click, -Background color changer, -Form validation

⭐ Why This Repo is Different

✔ No theory overload ✔ Every problem has a purpose ✔ You learn by coding real things ✔ Progressive difficulty ✔ Pure vanilla JavaScript ✔ Perfect prep for interviews & projects

📌 Next Step

A separate repo for Mini JavaScript Projects (Todo App, Calculator, Weather App, etc.) will extend this learning.

Stay curious and keep coding! 💙