← All Projects
  • Frontend
  • Practice

JavaScript Tutorial Lab

A learning repository for practicing JavaScript concepts, DOM behavior, and frontend interaction patterns.

Screenshot of JavaScript Tutorial Lab

The Problem

Make JavaScript fundamentals visible through small repeatable examples.

The Solution

Keep focused exercises for language features, browser APIs, and UI behavior.

What I Built

  • DOM manipulation exercises with live examples

  • Event handling and bubbling demos

  • ES6+ features: destructuring, spread, async/await

  • Mini projects: counter, todo, fetch API demo

Tech Stack

  • JavaScript
  • DOM
  • HTML
  • CSS

Challenges

Understanding the event loop and asynchronous behavior — callbacks vs promises vs async/await took multiple rewrites to internalize.

What I Learned

Writing small isolated examples is the fastest way to understand a concept. The DOM is much more powerful than I initially thought.

Key Metrics

  • Frontend basics

  • DOM practice

  • Reusable notes

  • Live Deployment

    No live deployment yet. Check the GitHub repository for setup instructions.