Skip to content

README.md

Latest commit

 

History

History
55 lines (41 loc) · 2.77 KB

README.md

File metadata and controls

55 lines (41 loc) · 2.77 KB
Raw

JavaScript Learning Journey 🚀

Welcome to my JavaScript learning repository! This repo contains my code notes, practice questions, and mini-projects as I master JavaScript—from the basics to advanced concepts like asynchronous programming and DOM manipulation.

📚 Topics Covered

This repository is organized by chapters/modules (Folders 20-32), covering the following concepts:

🔹 Part 1: The Basics (Logic & Data Structures)

  • Fundamentals: Variables, Template Literals, and Alerts/Prompts (Folder 20).
  • Control Flow: if/else, switch statements, and Truthy/Falsy values.
  • Data Structures:
    • Arrays: Methods like push, pop, shift, unshift, splice, and slice (Folder 21).
    • Strings: Methods like trim, toUpperCase, indexOf, and method chaining.
    • Objects: Object literals, accessing properties, and nesting objects (Folder 23).
  • Loops: for loops, while loops, and iterating over arrays/objects (Folder 22).

🔹 Part 2: Functions & Modern JavaScript

  • Functions: Function expressions, High-order functions, and Scope (Block/Lexical) (Folder 24).
  • ES6+ Features:
    • Arrow Functions and implicit returns (Folder 25).
    • setTimeout and setInterval.
    • Array Methods: map, filter, reduce, every, and forEach (Folder 26).
    • Destructuring and Spread/Rest operators.

🔹 Part 3: DOM Manipulation & Events

  • DOM Access: Selecting elements with getElementById, querySelector, and modifying classes/styles (Folder 27).
  • Event Listeners: Handling Click, Mouse, Keyboard, and Form events (Folder 28).
  • Form Handling: Extracting input values and preventing default behavior.

🔹 Part 4: Asynchronous JavaScript & APIs

  • The Call Stack: Understanding how JS executes code (Folder 30).
  • Promises: Callback hell, Promise chaining, .then() and .catch().
  • Async/Await: Handling asynchronous code cleanly (Folder 31).
  • APIs: Making HTTP requests using both fetch() and Axios (Folder 32).
  • JSON: Parsing and Stringifying data.

🛠️ Mini-Projects

Here are some of the small applications built during this course:

  1. 📝 Todo App: A console-based task manager to add, list, and delete tasks.
  2. 🎮 Number Guessing Game: A game where the user guesses a random number generated by the system.
  3. 🎨 Random Color Generator: A tool that changes the background color to a random RGB value on click.
  4. 🐱 Cat Fact & Joke Fetcher: Uses APIs (Cat Facts, Dad Jokes) to display random content using Async/Await.
  5. 🍿 Popcorn Price Calculator: A simple conditional logic practice for pricing.

👨‍💻 Author

Yug Thummar

  • This repository tracks my progress in mastering Full Stack Web Development concepts.