Skip to content

Latest commit

Β 

History

History
32 lines (23 loc) Β· 1.58 KB

File metadata and controls

32 lines (23 loc) Β· 1.58 KB

🧠 Day 3: JavaScript (JS)

Welcome to the JavaScript module! JavaScript is the brain of the browser. It adds logic, calculations, data management, and dynamic user interactivity to your web applications.

πŸ“ What's Inside?

  • javascript.md β€” A comprehensive reference guide covering:
    • Variables (let, const), Data Types, and dynamic conversion.
    • Arrays (and Higher-Order methods like map, filter, reduce).
    • Objects, Destructuring, and Scope/Closures.
    • DOM Manipulation and Event Handlers.
    • Asynchronous JS (Promises, async/await), Fetch API, and Local Storage.

🎯 Learning Objectives

By the end of this module, you should be able to:

  • Declare variables correctly and understand block vs. function scope.
  • Write reusable logic using Functions (Declarations, Expressions, and Arrow functions).
  • Manipulate arrays using higher-order functions like map, filter, and reduce.
  • Target HTML elements dynamically via the DOM and listen for user Events (clicks, keypresses).
  • Understand how to fetch data from APIs using async/await and handle errors.
  • Store persistent user settings locally using localStorage.

πŸ’‘ Recommended Study Guide

  1. Read javascript.md step-by-step. Focus heavily on Arrays and Objects as they form the foundation of data handling.
  2. Carefully study the async/await and Fetch API sections; these are crucial for connecting your frontend to backend servers.
  3. Review the Best Practices & Mistakes section to avoid common pitfalls like using var or ==.