FreeCodingCourses
Intermediate
JavaScript

Build it free

Build a Full-Stack Web App for Free

A full-stack JavaScript web app with a front end, a Node backend, and a database.
About 230 hours2 stages, 2 free courses

The short version

A full-stack web app means you own the whole thing: the interface, the server, and the data. This free path gets you there in about 230 hours with two courses. Start with JavaScript on Scrimba's interactive platform, then build real apps front to back with The Odin Project. You finish with a deployed app that has user accounts, a database, and a real front end, the single most useful thing you can show an employer.

What you will build

  • 01A React (or plain JS) front end that talks to your own backend
  • 02A Node and Express server with real routes
  • 03A database so users and their data persist
  • 04User accounts with sign-up and login

The path, stage by stage

Work through these free courses in order. Each stage links to the full course details, its platform, and what you walk away able to do.

StageCoursePlatformHoursWhat you gain
1. Learn JavaScriptLearn JavaScript for FreeScrimba30Scrimba's interactive format makes JavaScript stick because you edit code inside the lesson. You come out able to write functions, handle arrays and objects, and manipulate the page, the base every web app is built on.
2. Build full-stack JavaScript appsFull Stack JavaScript PathThe Odin Project200The Odin Project's Full Stack JavaScript path takes you through React on the front end and Node plus Express and a database on the back end. You build multiple real projects, which is what makes this the stage that produces a portfolio-worthy app.

Why these courses, not the alternatives

We open with Scrimba rather than a video course because its in-browser editor forces you to write JavaScript in every lesson, and active practice is why the fundamentals stick. Then The Odin Project is our pick over a bootcamp-style tutorial because it is project-first: you build and deploy real apps instead of following along, and its Node and database sections are current and free. We deliberately skip Full Stack Open here (it is excellent but assumes more) and save it as a next step. Two courses, front to back, no filler.

Before you start

Basic comfort with HTML and CSS helps but is not required. The path assumes no prior JavaScript.

What you walk away with

A full-stack JavaScript web app with a front end, a Node backend, and a database.

Start with the first course

Learn JavaScript for FreeFull Stack JavaScript Path

Frequently asked questions

What counts as a full-stack web app?

An app where you build the front end (what users see), the back end (the server and logic), and the data layer (the database). This path covers all three.

Do I need React to build a web app?

No, but it is the most in-demand front-end skill and The Odin Project teaches it, so this path includes it. You can build a first version with plain JavaScript and add React later.

How long until I can build something real?

You will build small projects within the first stage. A full-stack app with accounts and a database is the second stage, so give it a few months of steady work.

Is JavaScript the best language for a full-stack app?

It is the most practical for one person because you use the same language on the front end and the back end (via Node). That is why this build is JavaScript end to end.

Keep going on FreeCodingCourses