# Scrimba for Beginners

> Markdown edition of https://scrimbaguide.tech/docs/for/beginners/, 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/for/beginners/

Quick answer: Scrimba lets you code in the browser with no install, so you skip the setup wall that stops most beginners before they write a line. Start free with HTML, CSS and JavaScript courses; a large slice of the catalog costs nothing. The [Frontend Developer Path](https://scrimbaguide.tech/docs/paths/frontend-developer-path/), about 81.6 hours, covers job-ready skills, and Pro costs a fraction of a bootcamp (see the [official pricing page](https://scrimba.com/our-pricing?via=u42d4986)).

## Quick verdict

If you have never written code and want a 4-week, mostly-free trial to find out whether the format clicks before paying for anything, this is the on-ramp. The destination on the other side is the [Frontend Developer Path](https://scrimbaguide.tech/docs/paths/frontend-developer-path/); this guide just gets you to week four with enough proof to commit.

## Read this page if

You have never written a line of code, and the standard advice ("install Node, open a terminal") makes you want to close the tab. You want to know whether coding can stick before committing money or months. You like seeing results immediately and dislike being told to set up tooling for an hour before you write anything.

## Skip this page if

You already know HTML and CSS well enough to build a basic page from scratch. In that case, start with the [Frontend Developer Path](https://scrimbaguide.tech/docs/paths/frontend-developer-path/) directly, or read the [6-month study plan](https://scrimbaguide.tech/docs/paths/study-plan/).

You are a designer learning code. The [Scrimba for Designers](https://scrimbaguide.tech/docs/for/designers/) guide skips ground you have already covered visually.

You are a CS student looking to skip the basics and jump to React. Read [Scrimba for CS Students](https://scrimbaguide.tech/docs/for/cs-students/).

You are switching careers and want the fastest job-ready path. Go straight to the [Frontend Developer Path](https://scrimbaguide.tech/docs/paths/frontend-developer-path/) or [Fullstack Developer Path](https://scrimbaguide.tech/docs/paths/fullstack-developer-path/); this 30-day guide is the on-ramp, not the destination.

## Why Scrimba works for true beginners

### No setup tax

On most platforms, step one is install Node.js and configure a local environment. That step is a common drop-off point for beginners, who stall before writing any code. On Scrimba the editor runs in your browser. Click play, start typing. When you eventually move beyond the browser editor and your first language turns out to be Python, our [guide to what version of Python to install](https://scrimbaguide.tech/blog/what-version-of-python-to-install/) covers the one setup decision worth getting right.

### You cannot break anything

Because the runtime lives in the player, you can experiment freely. If something breaks, hit reset. There is no "I corrupted my system path" tangent.

### You see code and result side by side

The split view (code on the left, output on the right) gives you an immediate feedback loop: change something, see the result at once. Typing the code yourself, rather than watching someone else type it, is what makes it stick. The retention benefit of practising a skill over passively reviewing it is well documented in cognitive science (Roediger and Karpicke, 2006).

## Your first 30 days

Do not buy Pro yet. Prove the format works for you on free content first.

### Week 1: HTML and CSS

Course: [Learn HTML and CSS](https://scrimbaguide.tech/docs/courses/css/html-and-css/) (Free, 5.7 hours of video, 121 lessons; budget 12 to 18 hours with the challenges).

Module 1 is HTML only and ends with a one-page personal site you deploy. Then a Google.com clone (where CSS starts), a digital business card, a space exploration site, and a birthday site with hover-to-reveal GIFs. The closing solo project, a Hometown Homepage, is free; three other solo projects are Pro. At the end of the week, "I made a website" stops sounding aspirational.

### Week 2: JavaScript basics

Course: [Learn JavaScript](https://scrimbaguide.tech/docs/courses/javascript/) (Free in full, 9.4 hours of video, 238 lessons; budget 20 to 30 hours).

Module 1 is a passenger counter app: your first variable, your first function, and by the end of the module you deploy it to Netlify with a real URL. Then a blackjack game and a Chrome extension that saves leads, each 2.7 hours of video and about a week at an hour a day. Aim for the counter and blackjack this week; the extension can wait. The shift is moving from "the page looks right" to "the page does something."

### Week 3: Your first solo project

No course. Build a small personal dashboard from what you learned. Pick one thing (today's weather, a habit tracker, a quote of the day) and build it without playing a single scrim. You will struggle. That is the point. Solo struggle is where the lessons stick.

This is also what the Pro solo projects in [Learn JavaScript](https://scrimbaguide.tech/docs/courses/javascript/learn-javascript/) are for: a basketball scoreboard, a password generator and a unit converter, each with a Figma file and a written spec. On free, set your own brief.

### Week 4: Decide

If weeks 1 to 3 felt good, you are ready for the [Frontend Developer Path](https://scrimbaguide.tech/docs/paths/frontend-developer-path/). That is the moment Pro starts paying for itself: structured sequence, unlimited challenges, certificate at the end.

If weeks 1 to 3 felt miserable, that is also useful data. You learned in one month, for free, what some bootcamp students learn in three weeks of paid time. Stop here without guilt. If structured, paid video fits you better than free-form practice, our [best web development bootcamp courses on Udemy](https://scrimbaguide.tech/blog/best-udemy-web-development-courses/) ranks the paid alternatives by hours and projects.

## What this guide does not promise

A 30-day path will not make you employable. It will tell you whether coding is something you want to spend six to twelve more months learning. Hiring readiness lives at the end of a full career path plus a portfolio, not at the end of week four.

## Three sources for the cautious

- BLS Occupational Outlook Handbook (web developer and software developer entries) tracks current wage and growth bands for the roles this path targets.
- Roediger and Karpicke (2006) on testing-effect learning explains why "type the code yourself" beats "watch the video" for retention.
- Scrimba's own [Help Center](https://scrimba.helpscoutdocs.com/) confirms the current free course list and Pro feature set.

## Related pages

- [Frontend Developer Path](https://scrimbaguide.tech/docs/paths/frontend-developer-path/) for what comes after this guide
- [How Scrims Work](https://scrimbaguide.tech/docs/how-it-works/how-scrims-work/) on the interactive video format
- [Tutorial Hell FAQ](https://scrimbaguide.tech/docs/how-it-works/tutorial-hell/) on getting unstuck from watch-without-doing loops
- [6-Month Study Plan](https://scrimbaguide.tech/docs/paths/study-plan/) for the full sequence after week four
- [Scrimba Pricing](https://scrimbaguide.tech/docs/pricing/) for what Pro unlocks

## Common beginner fears

**Q: Am I too old to learn?**

No. Reviewers in their 40s, 50s, and 60s regularly complete Scrimba courses. The self-paced format works at any age.

**Q: Do I need to be good at math?**

No. Web development is mostly logic and language, not math. If you can follow a recipe or organize a closet, you have the skills to code.

**Q: What if I get stuck?**

Highlight the confusing lines inside the scrim and press Explain: Scrimba builds a short narrated explainer from that lesson, and a free account gets 10 of them. Basic access to the Scrimba Discord community is also free, so you can post your code link and get help from peers. Pro adds the Pro-only channels, including instructor and code-review channels.

**Q: Will 30 days make me employable?**

No. Thirty days is enough to learn whether the format clicks. Job readiness sits at the end of a full career path plus three to four shipped projects, typically six to twelve months in.

## Write your first line of code today

No install: open a free HTML and CSS scrim, type in the player, see the result instantly.

[Start free HTML course](https://scrimba.com/learn/htmlcss?via=u42d4986)

### Related Guides

- [Best Free Courses](https://scrimbaguide.tech/blog/best-free-scrimba-courses/)
- [How Scrims Work](https://scrimbaguide.tech/docs/how-it-works/how-scrims-work/)
- [Frontend Developer Path](https://scrimbaguide.tech/docs/paths/frontend-developer-path/)
