What you will build
- A React (or plain JS) front end that talks to your own backend
- A Node and Express server with real routes
- A database so users and their data persist
- User 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.
| Stage | Course | Platform | Hours | What you gain |
|---|---|---|---|---|
| 1. Learn JavaScript | Learn JavaScript for Free | Scrimba | 30 | Scrimba'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 apps | Full Stack JavaScript Path | The Odin Project | 200 | The 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
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
Where this build leads
Related builds