Webario rhino mascotWebario
Webario Code School · open for enrolment

Learn to build the web in 30 days

From your first HTML tag to a deployed full-stack app. Rocky, Gigi and Zuri teach you one small step a day, and every step ends with something you made yourself.

Start the 30-day trip Create a free account

Free to start · No card needed

Your teachers: Rocky the rhino, Gigi the giraffe and Zuri the zebra

30
days, 4 terms
24
hours of learning
30
studio tasks
90
quiz questions

A day at Code School

About 49 minutes a day, in four short periods.

  1. Period 1

    Lesson

    about 30 min

    Read the concept, watch a short video and see a worked example.

  2. Period 2

    Studio task

    about 13 min

    Make something yourself and tick the done-when checklist.

  3. Period 3

    Quiz

    about 5 min

    Three questions with explanations. Earn bonus XP.

  4. Period 4

    Mark it complete

    about 1 min

    Collect your XP and watch your path fill with colour.

Four terms, one clear plan

Term 1

Foundations

  • How the web works
  • HTML structure
  • CSS styling
  • Flexbox and Grid

Rocky · Foundation builder

Badge: 🏅 HTML & CSS Builder

Visit the first lesson

Term 2

JavaScript and Git

  • Variables and functions
  • The DOM
  • Arrays and objects
  • Git and GitHub

Gigi · Big-picture thinker

Badge: ⚙️ JavaScript Tinkerer

Visit the first lesson

Term 3

React

  • Components and props
  • State
  • Lists and forms
  • Fetching data

Zuri · Pattern spotter

Badge: ⚛️ React Developer

Visit the first lesson

Term 4

Full-stack and getting hired

  • Servers and APIs
  • SQL databases
  • Auth and deployment
  • Portfolio and applications

Rocky · Foundation builder

Badge: 🎓 Full-Stack Graduate

Visit the first lesson

What you will make

Homework here is real work. Every piece can go straight into your portfolio.

  • 1

    An about-me page

    Your first real page, written and styled by you.

  • 2

    A tip calculator

    JavaScript logic with validation, on GitHub.

  • 3

    A React user directory

    Components, state and live data from an API.

  • 4

    A notes app with a database

    Front end, REST API and SQL talking to each other.

  • 5

    A capstone and portfolio

    One deployed project and a portfolio to show it.

Your report card

Progress is a game here. Show up, finish stops and watch it fill in.

XP

Earn it for every lesson, task and quiz. Every 100 XP is a level.

Streak

Open a lesson every day to keep it growing.

Badges

One for each term, from the first week to graduation.

Certificate

Pro subscribers get a certificate when they finish.

Your school bag

Tools you will use. Most of them are free.

VS CodeGit and GitHubChrome DevToolsNode.jsReactSQLNetlify or Vercel

The library

Extra reading for when you want to go deeper.

Start Here

What web development is and how to choose a path.

Frontend Path

HTML, CSS, JavaScript and React in depth.

Backend Path

Servers, APIs, databases and deployment.

Full-Stack Path

Put the front end and back end together.

Build Projects

Project ideas for your portfolio.

Get Hired

Resume, interviews and your first job.

Open day

Enrol free today

Create an account, take the first lesson and see your path fill with colour.

Create my free account

Sister school

Webario Design School

Learn graphic design and branding in 30 days. Many students take more than one.

Visit Design School

Sister school

Webario Data School

Learn data analysis in 60 days. Many students take more than one.

Visit Data School