Notifications

No notifications

/Phase 4

Practice & Project Ideas

You've done the theory — now build. This page is a curated runway: structured practice tracks, the LeetCode JavaScript problems worth your time, real project ideas at three difficulty levels, and the small habits (interview prep, code review, open source) that turn knowledge into skill.

On this page

Detailed Theory

# Practice & Projects

Structured tracks (do these in order)

1. HackerRank — 10 Days of JavaScript (free, ~10 hours). Walks the basics in tiny, gamified steps. 2. LeetCode — JavaScript track (free + paid). 50+ problems written specifically for JS — Promises, throttle/debounce, currying. 3. JavaScript30 (free). 30 small vanilla-JS projects — drum kit, clock, image gallery, speech-to-text. Builds DOM intuition fast. 4. You Don't Know JS Yet (free book series, Kyle Simpson). Deepest dive into the language itself. 5. Frontend Mentor. Real design files; you build them with HTML/CSS/JS. Forces you to ship a polished thing.

Top LeetCode JS problems

difficultyproblem
EasyCounter, Counter II, Sleep, Apply Transform Over Each Element
EasyFilter Elements From Array, Group By, Allow One Function Call
MediumThrottle, Debounce, Promise Pool, Cache With Time Limit
MediumMemoize, Curry, Function Composition, Event Emitter
MediumPromise.all (re-implement), Chunk Array

These are PERFECT interview prep — every senior JS interview pulls from this set.

Project ideas — pick one of each

Beginner (1–3 days)

  • Todo app with localStorage persistence.
  • Tip calculator with input + live result.
  • Weather widget using OpenWeather API + fetch.
  • Quiz app — JSON questions, score, restart.
  • Pomodoro timer with start/pause/reset, sound at 0.

Intermediate (a week)

  • GitHub user search — query the GitHub API, render repos, paginate.
  • Markdown previewer