Fullstack Web Development for Beginners: Complete Step-by-Step Tutorial
Learn full-stack web development from scratch with this comprehensive beginner's course. Access the interactive expanded version here: https://scrimba.com/fullstack-path-c0f...

freeCodeCamp.org
568.1K views • Oct 1, 2025

About this video
Learn full-stack web development from the ground up in one complete course. Try the interactive expanded version here: https://scrimba.com/fullstack-path-c0fullstack?via=scrimbafcc
Build hireable skills in the JavaScript ecosystem, including HTML, CSS, JavaScript, React, Node.js, Next.js, TypeScript, databases, and testing.
You can study this course interactively on Scrimba. Code is available on the Scrimba course page for each lesson.
Challenge code on GitHub:
https://github.com/scrimba/learn-fullstack-development
Scrimba on YouTube: https://www.youtube.com/c/Scrimba
⭐️ Contents ⭐️
- 00:00:00 Introduction
- 00:01:27 Html and CSS
- 01:04:19 Intro to CSS
- 02:21:01 Building a business card
- 03:32:02 Space exploration
- 04:17:21 Birthday website
- 05:22:25 Solo project hometown homepage
- 05:30:38 Build a counter app
- 06:46:17 Javascript challenges part 1
- 07:07:22 Git and Github basics
- 07:19:59 Build a blackjack game
- 10:15:19 Javascript challenges part 2
- 10:41:09 Build a Chrome extension
- 13:34:25 Javascript challenges part 3
- 14:00:48 Command line basics
- 14:46:27 Essential Git and Github skills
- 15:12:55 Advanced foundations
- 16:27:18 Methods and loops
- 17:41:43 Functions expressions and parameter
- 18:26:57 Asynchronous javascript and APIs
- 19:42:29 AI engineering fundamentals
- 21:19:42 Build a Node API
- 22:42:51 Build a fullstack Node app
- 24:52:41 Introduction to databases
- 25:13:25 Writing SQL queries
- 26:30:04 Static pages
- 28:48:33 Data driven
- 31:03:00 React state
- 36:17:02 Side effects
- 38:05:49 Capstone project
- 40:12:26 Typescript fundamentals
- 42:15:21 Typescript in React
- 43:06:47 Build a Next.js app
- 45:08:21 Rendering strategies and more
Build hireable skills in the JavaScript ecosystem, including HTML, CSS, JavaScript, React, Node.js, Next.js, TypeScript, databases, and testing.
You can study this course interactively on Scrimba. Code is available on the Scrimba course page for each lesson.
Challenge code on GitHub:
https://github.com/scrimba/learn-fullstack-development
Scrimba on YouTube: https://www.youtube.com/c/Scrimba
⭐️ Contents ⭐️
- 00:00:00 Introduction
- 00:01:27 Html and CSS
- 01:04:19 Intro to CSS
- 02:21:01 Building a business card
- 03:32:02 Space exploration
- 04:17:21 Birthday website
- 05:22:25 Solo project hometown homepage
- 05:30:38 Build a counter app
- 06:46:17 Javascript challenges part 1
- 07:07:22 Git and Github basics
- 07:19:59 Build a blackjack game
- 10:15:19 Javascript challenges part 2
- 10:41:09 Build a Chrome extension
- 13:34:25 Javascript challenges part 3
- 14:00:48 Command line basics
- 14:46:27 Essential Git and Github skills
- 15:12:55 Advanced foundations
- 16:27:18 Methods and loops
- 17:41:43 Functions expressions and parameter
- 18:26:57 Asynchronous javascript and APIs
- 19:42:29 AI engineering fundamentals
- 21:19:42 Build a Node API
- 22:42:51 Build a fullstack Node app
- 24:52:41 Introduction to databases
- 25:13:25 Writing SQL queries
- 26:30:04 Static pages
- 28:48:33 Data driven
- 31:03:00 React state
- 36:17:02 Side effects
- 38:05:49 Capstone project
- 40:12:26 Typescript fundamentals
- 42:15:21 Typescript in React
- 43:06:47 Build a Next.js app
- 45:08:21 Rendering strategies and more
Video Information
Views
568.1K
Likes
26.4K
Duration
Published
Oct 1, 2025
User Reviews
4.8
(113) Related Trending Topics
LIVE TRENDSRelated trending topics. Click any trend to explore more videos.