🚀 JavaScript Learning & Projects — Prince Patra

Welcome to my JavaScript learning journey!
This repository contains all the JS files and folders I’ve worked on — from basic concepts to asynchronous programming, DOM manipulation, and browser events.

---

📚 Overview

I’ve been exploring JavaScript from the ground up — starting with syntax and logic, moving through arrays and loops, and now diving into promises, async functions, and DOM-based event handling.
This repo acts as my practice zone and a reflection of everything I’ve learned so far.

---

🧠 Topics Covered

🧩 Core JavaScript

• Var&itsRule.js → Variables & naming rules
• Datatypes&Objects.js → Data types and working with objects
• Expression&Condition.js → Expressions, operators, and conditional logic
• backtick.js → Template literals and string interpolation
• printMarks.js → Simple logic example
• stringmethod.js → Common string methods
• ArrayMethods.js → Array functions like map(), filter(), reduce()
• loopsinArray.js → Iterating arrays efficiently
• factorial.js → Factorial using loops and recursion

---

⚙️ Asynchronous JavaScript (.THEN&CATCH Folder)

• index.html → Basic structure for testing JS
• script.js → Demonstration of Promises with .then() and .catch()
• PromiseAPI.js → Multiple promise handling and chaining

🧩 Concepts Practiced:

• Promise creation
• Chaining multiple .then()
• Handling errors using .catch()
• Understanding synchronous vs asynchronous flow

---

🧱 DOM Manipulation (DOM Folder)

• DOM.html → Base HTML for DOM experiments
• DOM.js → Selecting, modifying, and creating elements dynamically
• Insertion/ → DOM insertion examples
• question/ → Practice files for real DOM use cases

🧠 Concepts Covered:

• getElementById, querySelector, and createElement()
• Changing content and attributes dynamically
• Handling HTML structure using JS

---

⚡ Event Handling (Event Folder)

• Bubbling/ → Event bubbling and propagation
• clearInterval/, clearTimeout/ → Stopping timers
• signal events/ → Working with custom events

🎯 Concepts Practiced:

• Event bubbling vs capturing
• Timer control (setTimeout, setInterval)
• Handling user interaction events

---

🧪 Upcoming Mini Projects

1. Quiz App → DOM + event handling practice
2. Weather API → Using fetch and promises
3. Factorial Visualizer → Logic visualization
4. To-Do App → DOM manipulation + local storage

---

🧰 Tools I Use

• Editor: VS Code
• Browser: Chrome
• Runtime: Node.js
• Version Control: Git & GitHub

---

👨‍💻 Author

Prince Patra — Learning, building, and experimenting with JavaScript.

📬 Contact Me:

• Gmail: princepatra9951@gmail.com
• LinkedIn: linkedin.com/in/theprincepatra-1p1

---

💡 “Keep building, keep breaking, keep learning.”
Every bug is one step closer to mastery.