Welcome to my JavaScript Journey repository! 🎯
This repo documents my step-by-step learning path, core concept breakdowns, and practical projects built while completing the comprehensive JavaScript course by Apna College (Shradha Khapra).
Here is the breakdown of all the JavaScript fundamentals and advanced concepts structured within this repository:
- Variables & Data Types:
var,let,const, Primitives & Objects. - Operators & Conditional Statements: Arithmetic, Assignment, Logical,
if-else, Switch, Ternary Operator. - Loops & Strings:
for,while,do-while,for-of,for-in, String Methods & Template Literals. - Arrays: Array Methods (
push,pop,shift,unshift,slice,splice,concat). - Functions & Methods: Function Statements, Arrow Functions,
forEach,map,filter,reduce. - DOM Manipulation (Document Object Model): Selecting elements, Modifying Text/HTML, Attributes, Dynamic Styling (
style,classList). - Events & Event Handling: Event Listeners, Event Object, Bubbling & Capturing, Dark/Light Mode Toggles.
- Object-Oriented Programming (OOP): Prototypes, Classes, Constructors, Inheritance,
super,thiskeyword, Error Handling (try-catch). - Asynchronous JavaScript: Callbacks, Callback Hell, Promises (
.then(),.catch()),async/await. - API Fetching: Working with
fetch(), JSON Parsing, handling Async HTTP Requests.
Here are the interactive mini-projects developed during this learning path:
- Description: A classic player-vs-computer game with real-time score tracking and interactive dynamic UI updates.
- Concepts Used: DOM Manipulation, Event Listeners, Random Choice Generation, Conditional Logic.
- Description: A two-player strategy game featuring winning-pattern algorithm validation, draw detection, and instant reset functionality.
- Concepts Used: Arrays, Nested Loops, DOM Traversal, Event Delegation, Pattern Matching Logic.
- Description: A real-time currency conversion application fetching live exchange rates from an external API.
- Concepts Used:
async/await, Fetch API, JSON Handling, Dynamic Dropdown Population, Event Handling.
- Language: JavaScript (ES6+)
- Markup & Styling: HTML5, CSS3
- Tools: Git, GitHub, VS Code
- Clone this repository:
git clone [https://github.com/mhassan619/JavaScript_Journey.git](https://github.com/mhassan619/JavaScript_Journey.git)
Navigate to any project folder:
cd JavaScript_JourneyOpen the index.html file of any project directly in your browser or run it using VS Code Live Server.
🌟 Acknowledgments A huge thanks to Shradha Khapra and Apna College for creating an awesome, beginner-friendly JavaScript playlist that laid down a rock-solid foundation! 🙌