Practice Coding on Scrimba
Building beats watching. These drills put you in Scrimba's live-code editor for CSS Grid, Flexbox, Tailwind, JavaScript arrays, API calls, TypeScript, React hooks and AI engineering, plus a guided React project. Start with the fundamental you are shakiest on, then move to the project pages once the drills feel easy.
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
Learn JavaScript, Learn React, Learn HTML and CSS, Learn TypeScript and Intro to Supabase run free end to end; Pro gates only their certificates and, where they exist, the Solo Projects. Learn CSS Grid, Learn Flexbox, CSS Challenges and the AI courses are Pro after a few free sample scrims. Drills are the reps; the Learning Paths are the curriculum. Reinforce a weak spot here before moving on in a path. How scrims work explains the pause-and-code loop; 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 beat re-reading documentation.
Some are free and some are Pro. Each linked page notes the access level. The free drills confirm the interactive format works for you before you subscribe.
Split time evenly: for every hour of new material, spend an hour 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.
Turn practice into a course
Start free in Learn JavaScript or Learn HTML and CSS.