Practice Coding on Scrimba
Quick answer. The fastest way out of tutorial hell is to build, not watch. These pages point you to interactive Scrimba drills and projects where you type code in the browser, grouped by skill. Start with the fundamentals you are shakiest on, then move to the project pages once the drills feel easy. Everything here is hands-on; passive reading is the thing we are trying to replace.
Practice by skill
CSS and layout
- Practice CSS Grid: build real grids instead of memorising properties.
- Practice CSS Flexbox: the layout model you will reach for daily.
- Practice Tailwind CSS: utility-first styling, hands-on.
JavaScript and TypeScript
- Practice JavaScript Arrays: map, filter, reduce until they are reflex.
- Practice API Calls: fetch, async/await, and handling real responses.
- Practice TypeScript: types and interfaces on code you actually write.
React
- Practice React Hooks: useState, useEffect, and the rules of hooks.
- React Practice Projects: small builds that stretch you past tutorials.
- Build a Weather App in React: a guided end-to-end build.
- React Portfolio Project Ideas: prompts worth putting in front of employers.
AI engineering
- Practice AI Engineering: drills for agents, RAG, and API-driven AI features.
Where practice fits in the bigger picture
Drills are the reps; the Learning Paths are the curriculum. If you are following a path, use these pages to reinforce a weak spot before moving on. If you are deciding whether Scrimba's interactive format works for you at all, how scrims work explains the pause-and-code loop, and escaping tutorial hell covers why building beats watching.
Frequently asked questions
Build small things and finish them. Passive watching does not transfer; typing code, breaking it, and fixing it does. Interactive drills where you edit live code in the browser are far more effective than re-reading documentation.
Some are free and some are Pro. Each linked page notes the access level. The free drills are a good way to confirm the interactive format works for you before subscribing.
A rough rule is half and half. After each new concept, spend roughly equal time drilling it before moving on. The struggle of applying it yourself is where the learning sticks.
Start with the fundamentals you are least confident in, usually CSS layout (Grid and Flexbox) and JavaScript array methods, then move to React hooks and full projects once those feel automatic.