Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Become a Fullstack Developer from Scratch - Full Beginner's Tutorial

via freeCodeCamp

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Master full-stack web development through this comprehensive 23+ hour tutorial that takes you from complete beginner to job-ready developer. Start with fundamental web technologies including HTML and CSS, then progress through JavaScript fundamentals while building practical projects like a business card, space exploration site, and birthday website. Develop programming skills through hands-on challenges and create real applications including a counter app, blackjack game, and Chrome extension. Learn essential developer tools including Git, GitHub, and command line basics to manage your code professionally. Advance to modern JavaScript concepts including asynchronous programming, APIs, and AI engineering fundamentals before building your first Node.js API and full-stack application. Explore database concepts and SQL queries to handle data effectively, then dive into React development covering state management and side effects. Complete a comprehensive capstone project to demonstrate your skills, then enhance your expertise with TypeScript fundamentals and React integration. Conclude by building a Next.js application and understanding various rendering strategies. Each section includes practical coding exercises and projects designed to build portfolio-worthy applications while developing the technical skills demanded by today's web development industry.

Syllabus

- 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

Taught by

freeCodeCamp.org

Reviews

5.0 rating, based on 1 Class Central review

Start your review of Become a Fullstack Developer from Scratch - Full Beginner's Tutorial

  • This tutorial is an excellent starting point for anyone eager to learn web development from zero. The tutorial is extremely beginner-friendly, covering everything from HTML, CSS, and JavaScript to React, Node.js, TypeScript, and database integration. What sets it apart is its hands-on approach you build projects along the way, which reinforces learning and gives practical experience. The course is comprehensive, nearly 50 hours long, and free on YouTube, making it accessible for everyone. However, its length can feel overwhelming, and it doesn’t cover advanced deployment or industry best practices in depth. Success with this tutorial depends heavily on actively coding along and building your own side projects.

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.