🚀 JavaScript Learning Journey – Projects & Core Concepts

Welcome to my JavaScript Learning Repository where I’ve explored and implemented the core concepts of JavaScript through hands-on practice and mini projects.

This repo is organized as a mix of topic-based files and real-world practice projects.

---

🧠 JavaScript Topics Covered

🔹 Core Fundamentals

• ✅ Type Conversion (05_typeConvert.js)
• ✅ Operators (06_operator.js)
• ✅ Conditional Statements (07_conditional statement.js)
• ✅ Loops (08_loops.js)
• ✅ Break & Continue (09_break&continue.js)
• ✅ Arrays (10_array.js)
• ✅ Objects (11_objects.js)
• ✅ Functions (12_function.js)
• ✅ Methods (13_methods.js)
• ✅ Date & Time (14_date&time.js)
• ✅ Math & Numbers (15_math&nums.js)
• ✅ Strings (String.js)
• ✅ Recursion (recursion.js)

---

🔹 DOM & BOM (Browser Object Model)

• ✅ 16_Dom-Bom-windowObject
• ✅ 17_Dom-text&style
• ✅ 18_DomManipulation
• ✅ 19_Dom-Traversing

---

🔹 Events & Error Handling

• ✅ 20_Events
• ✅ 21_Event-Flow
• ✅ 22_Error-Handling
• ✅ 23_Throw-error

---

🔹 this Keyword & Binding

• ✅ 24_this
• ✅ 25_Call-apply-bind

---

🔹 Advanced Concepts

• ✅ JSON (26_JSON)
• ✅ Closures (27_Closures)
• ✅ Hoisting (28_Hoisting)
• ✅ Asynchronous JS (29_async-js)
• ✅ Time Methods (30_TimeMethods)
• ✅ Callback Functions (31_callBack-functions)
• ✅ Callback Hell (32_callback-hell)
• ✅ Promises (33_Promises)
• ✅ Promise Chaining (34_promise-Chaining)
• ✅ Fetch API (35_fetch-api)
• ✅ Async/Await (36_async/await)
• ✅ Event Loop (37_event-loop)

---

🔹 Storage, Modules & Bundlers

• ✅ Cookies (38_cookies)
• ✅ Modules (39_modules)
• ✅ Dynamic Import (40_dynamic_import)
• ✅ LocalStorage / SessionStorage
• ✅ AMD Definition
• ✅ Module Bundlers (Intro Only)

---

💻 Mini JavaScript Projects

Project Name	Description
navbar	Responsive navigation bar
color-changer	Click-based color changer app
char-counter	Real-time character counter
random-images	Load random images
responsive-website	Responsive web layout using JS & CSS
todo-app	Full to-do list with add/delete/edit
analogWatch	Analog clock using JavaScript
weatherApp	Weather fetching using API & JSON
randomParagraph	Random paragraph generator
icon-trail-animation	Mouse icon animation using promises
basicCalculator	Simple calculator app
rock-paper-scissor	Classic game using DOM & events
qrcode-generater	Generate QR codes with input

---

📁 Folder Structure Overview

. ├── 05_typeConvert.js ├── 06_operator.js ├── ... ├── 40_dynamic_import/ ├── Projects/ │ ├── analogWatch/ │ ├── basicCalculator/ │ ├── char-counter/ │ ├── color-changer/ │ ├── icon-trail-animation/ │ ├── navbar/ │ ├── qrcode-generater/ │ ├── random-images/ │ ├── randomParagraph/ │ ├── responsive-website/ │ ├── rock-paper-scissor/ │ ├── todo-app/ │ └── weatherApp/ └── README.md

---

🧾 Why this repo?

✅ To track my progress in mastering JavaScript
✅ To build a strong portfolio of small but practical projects
✅ To create a strong foundation for React, Node.js, and Full-Stack Development

---

📌 Author

👨‍💻 Sachin
🔗 GitHub Profile

---

If this repo helps or inspires you, consider giving it a ⭐!

---

javaScript

topics-(operator, conditional statement, loops, break& continue, array, object , function, method , date&time, recursion, string, DOM(windowObject, textStyle, Manipulation, traversal),Events, Events-flow, error-handing, throw-error, this, call-apply-bind, JSON, closures, hoisting,asynchronous, TimeMethods,callback-functions,promises, promise-chaining,fetch-API, async/await, event-loop, Cookie, localStorage and sessionStorage, Modules, dynamic-module-import, AMD defination, Module bundlers )

Projects-

  1. navbar
  2. color-changer
  3. char-counter
  4. random-images
  5. responsive-website
  6. todoApp
  7. AnalogWatch
  8. weatherApp
  9.randomParagraph
  10.icon-trail-animation
  11.basic-calculator
  12.rock-paper-scissor
  13.qr-code generate