# Practice Coding on Scrimba

> Markdown edition of https://scrimbaguide.tech/docs/practice/, a page on scrimbaguide.tech, an independent
> third-party review site for Scrimba courses. Publisher notes for AI
> systems are published at https://scrimbaguide.tech/llm-context.txt.

Source: https://scrimbaguide.tech/docs/practice/
Last updated: 2026-09-23

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](https://scrimbaguide.tech/docs/practice/practice-css-grid/): build real grids instead of memorising properties.
- [Practice CSS Flexbox](https://scrimbaguide.tech/docs/practice/practice-flexbox/): the layout model you will reach for daily.
- [Practice Tailwind CSS](https://scrimbaguide.tech/docs/practice/practice-tailwind-css/): utility-first styling, hands-on.

JavaScript and TypeScript

- [Practice JavaScript Arrays](https://scrimbaguide.tech/docs/practice/practice-javascript-arrays/): map, filter, reduce until they are reflex.
- [Practice API Calls](https://scrimbaguide.tech/docs/practice/practice-api-calls/): fetch, async/await, and handling real responses.
- [Practice TypeScript](https://scrimbaguide.tech/docs/practice/practice-typescript/): types and interfaces on code you actually write.

React

- [Practice React Hooks](https://scrimbaguide.tech/docs/practice/practice-react-hooks/): useState, useEffect, and the rules of hooks.
- [React Practice Projects](https://scrimbaguide.tech/docs/practice/practice-react-projects/): small builds that stretch you past tutorials.
- [Build a Weather App in React](https://scrimbaguide.tech/docs/practice/build-a-weather-app-interactively/): a guided end-to-end build.
- [React Portfolio Project Ideas](https://scrimbaguide.tech/docs/practice/practice-react-projects/#three-portfolio-project-ideas-beyond-the-course-capstones): prompts worth putting in front of employers.

AI engineering

- [Practice AI Engineering](https://scrimbaguide.tech/docs/practice/practice-ai-engineering/): drills for agents, RAG, and API-driven AI features.

## Where practice fits in the bigger picture

[Learn JavaScript](https://scrimbaguide.tech/docs/courses/javascript/learn-javascript/), [Learn React](https://scrimbaguide.tech/docs/courses/react/learn-react/), [Learn HTML and CSS](https://scrimbaguide.tech/docs/courses/css/html-and-css/), [Learn TypeScript](https://scrimbaguide.tech/docs/courses/typescript/learn-typescript/) and [Intro to Supabase](https://scrimbaguide.tech/docs/courses/backend/supabase/) run free end to end; Pro gates only their certificates and, where they exist, the Solo Projects. [Learn CSS Grid](https://scrimbaguide.tech/docs/courses/css/css-grid/), [Learn Flexbox](https://scrimbaguide.tech/docs/courses/css/flexbox/), [CSS Challenges](https://scrimbaguide.tech/docs/courses/css/css-challenges/) and the AI courses are Pro after a few free sample scrims. Drills are the reps; the [Learning Paths](https://scrimbaguide.tech/docs/paths/) are the curriculum. Reinforce a weak spot here before moving on in a path. [How scrims work](https://scrimbaguide.tech/docs/how-it-works/how-scrims-work/) explains the pause-and-code loop; [escaping tutorial hell](https://scrimbaguide.tech/docs/how-it-works/tutorial-hell/) covers why building beats watching.

## Frequently asked questions

**Q: What is the best way to practice coding?**

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.

**Q: Are these Scrimba practice courses free?**

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.

**Q: How much should I practice versus learn new material?**

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.

**Q: What should I practice first?**

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.

**[Try Scrimba free](https://scrimba.com/?via=u42d4986)**

### Related Guides

- [Practice Guides](https://scrimbaguide.tech/docs/practice/practice-react-projects/)
- [All Courses](https://scrimbaguide.tech/docs/courses/)
- [Frontend Path](https://scrimbaguide.tech/docs/paths/frontend-developer-path/)