Skip to content
NorthfieldAcademy

learn by building →

Learn the skills that build the web.

Hands-on courses in design, code and data from people who do the work every day. Short lessons, real projects and a certificate when you finish.

Popular:ReactSQLDesign systemsCSS

180,000+ learners
rate us 4.8 out of 5 on average

Learners work atHalden LabsOrbit BankBrightwaterPinecrestNorthwindKestrel & Co

Explore

Pick a topic, start today

Every course mixes short videos with exercises you do in your own editor or design tool.

DesignUI, design systems and research2 coursesFrontendCSS, React and accessibility3 coursesBackendAPIs, Node.js and system design2 coursesDataSQL, Python and visualisation3 coursesProductDiscovery, strategy and research2 courses

Most loved

Courses learners finish

Browse all courses
Bestseller
IntermediateFrontend

React from Scratch

Priya Raman

4.9(2,860)
12 h · 25 lessons$99

How it works

Small steps, every day

Built for busy people: most lessons take under fifteen minutes.

  1. 1

    Watch a short lesson

    Clear, focused videos with transcripts and notes you can search later.

  2. 2

    Build something real

    Every module ends with a project you can put in your portfolio.

  3. 3

    Earn your certificate

    Finish the course to get a shareable certificate with your name on it.

Learning paths

Not sure where to start?

Paths string courses together into a plan, from your first lesson to job-ready.

See all paths

4 courses · 23 hours

Product Designer

From design fundamentals to shipping a design system, with research and accessibility along the way.

  1. 1UI Design Foundations
  2. 2UX Research Methods
  3. 3Accessible Web Apps
  4. 4Design Systems from Figma to Code

4 courses · 30 hours

Frontend Developer

Modern CSS, accessible components and React, finished with a design system you build yourself.

  1. 1Modern CSS Layout
  2. 2Accessible Web Apps
  3. 3React from Scratch
  4. 4Design Systems from Figma to Code

3 courses · 24 hours

Data Analyst

Query, analyse and visualise data with SQL and Python, then tell the story behind the numbers.

  1. 1SQL Essentials
  2. 2Python for Data Analysis
  3. 3Data Visualisation that Tells a Story

4 courses · 43 hours

Full-stack Engineer

Build the whole thing: layouts, React apps, APIs and the system design to keep them running.

  1. 1Modern CSS Layout
  2. 2React from Scratch
  3. 3Building APIs with Node.js
  4. 4System Design for Web Engineers

Learning that sticks, and shows

Learners
180,000+
Finish the courses they start
78%
Average course rating
4.8
Got a new role or promotion
41%

Instructors

Taught by practitioners

Our instructors design, build and analyse for a living, and they review every project question themselves.

Meet them all

Amara Okoye

Design lead, ex-Lumen Studio

4.9 rating2 courses

Leo Brandt

Frontend engineer and CSS nerd

4.8 rating2 courses

Priya Raman

Staff engineer, React core contributor

4.9 rating1 course

Learner stories

People like you, getting there

“I went from copying CSS off forums to building our whole marketing site. The exercises are exactly the right size.”
JEJordan EllisFrontend developer, Halden Labs
“The Data Analyst path got me my first analytics job. Hana's SQL course is the clearest thing I've ever studied.”
MTMei TanakaData analyst, Brightwater Health
“We put our whole design team through Design Systems. Our Figma file finally matches production.”
RDRafael DuarteDesign manager, Orbit Bank

start free, upgrade later

Every free course, free forever. All of them for $15 a month.

Plus unlocks every course, path and certificate. Teams get admin tools and volume pricing.

See plansTry a free course
  • Free3 courses, community
  • Plus$15/mo billed yearly
  • Teamsfrom $24 per seat