It is easier to make a practice session count when you know what to work on and can stay focused once you start. Our latest updates bring clearer choices and a smoother path from reading a challenge to trying your own solution.
Choose a collection that matches your goal
The curated collections help you pick a useful starting point without browsing the entire catalog.
- FineFrontend 75 builds frontend foundations through UI components, JavaScript utilities, and asynchronous behavior.
- Top Interview 100 emphasizes component behavior, state, cleanup, accessibility, and edge cases that matter in frontend assessments.
- Top DSA 50 focuses on applied JavaScript problem solving, including searching, traversal, intervals, and dependency graphs.
Build your foundations with FineFrontend 75, or practice for an assessment with Top Interview 100. You can also find Top DSA 50 under Collections in the practice sidebar.
Try TypeScript ideas with clearer feedback
The playground now recognizes standard JavaScript and browser APIs during TypeScript checking. Valid uses of arrays, promises, console, and other built-in APIs can pass the checks, while type mistakes still receive feedback before you run your code.
On a desktop or laptop, open the playground, select TypeScript, and try one small idea from your next challenge. Use Run code or Command/Ctrl + Enter to see the result in the console.
Keep your place as you practice
The workspace Back button returns you to the page you opened the challenge from, including its filters. Your saved-question library now shows selected filter values and labels consistently. The workspace also remembers a completed guide, and the question-mark control lets you open it again whenever you need help.