Full-Stack Web Developer

81 lessons63h of content13 modules

Master front-end and back-end web development. Build complete, production-grade web applications from database to user interface.

GitHTMLCSSJavaScriptTypeScriptReactNode.jsREST APIsGraphQLPostgreSQLMongoDBDockerAWSTailwind CSSAccessibility
Your progress0 / 81 lessons · 0%

Recommended Experience

No prior experience

This path is designed for complete beginners. No programming background is required — you will learn everything from the ground up.

Before starting, you should be comfortable with:

  • Comfort using a computer and web browser
  • Basic understanding of what websites and apps are
  • Willingness to practice regularly

Curriculum

81 lessons across 13 modules

Start
1

Introduction to HTML

Understanding the structure of web pages

15 min

HTML Elements & Tags

Working with common HTML elements

20 min

Git & GitHub Fundamentals

Version control for your projects

25 min

Practice: Build a Profile Page

Create your first HTML page with Git

30 min

Forms & Input Elements

Building interactive forms

25 min

Challenge: Registration Form

Build a complete registration form

45 min

Semantic HTML

Writing meaningful markup

20 min

CSS Selectors

Targeting HTML elements with CSS

20 min

Box Model & Layout

Understanding spacing and dimensions

25 min

CSS Grid & Flexbox

Modern layout techniques

35 min

Responsive Design

Mobile-first development

30 min

CSS Animations

Adding motion to interfaces

25 min

Practice: Style the Profile Page

Apply CSS to your HTML page

40 min

Project: Responsive Portfolio

Build a responsive portfolio site

90 min

Variables & Data Types

Storing and working with data

25 min

Functions & Scope

Organizing code with functions

30 min

Arrays & Objects

Working with collections of data

35 min

DOM Manipulation

Interacting with web pages

40 min

Challenge: Interactive Todo List

Build a functional todo app

60 min

ES6+ Syntax Essentials

Destructuring, spread, modules, and more

35 min

Async JavaScript

Promises, async/await, and error handling

40 min

Error Handling Patterns

Try/catch, custom errors, and debugging

30 min

Introduction to Testing

Unit testing fundamentals with Jest

35 min

Browser APIs

Working with browser features

35 min

Practice: Async Data Fetcher

Build a robust API client with error handling

45 min

Challenge: Infinite Scroll

Implement infinite scrolling

45 min

Components & JSX

Building reusable UI pieces

30 min

Props & State

Managing component data

35 min

Event Handling

Responding to user interactions

25 min

Hooks: useState & useEffect

React hooks fundamentals

45 min

Project: Task Manager App

Build a complete React application

120 min

React Router Fundamentals

Client-side routing and navigation

40 min

Component Composition

Patterns for reusable components

35 min

State Management with useReducer

Complex state logic patterns

40 min

Context API & Global State

Sharing state across components

35 min

Data Fetching Patterns

Loading, caching, and error states

45 min

Project: E-commerce Store

Build a shopping experience

150 min

TypeScript Basics

Types, interfaces, and generics

35 min

TypeScript with React

Typing React components

40 min

Advanced Types

Utility types and type guards

45 min

Practice: Refactor to TypeScript

Convert JavaScript to TypeScript

60 min

ARIA & Semantic HTML

Accessible markup patterns

30 min

Keyboard Navigation

Focus management

25 min

Screen Reader Testing

Testing with assistive technology

35 min

Project: Accessible Dashboard

Build a fully accessible dashboard

120 min

Node.js Basics

Server-side JavaScript environment

30 min

Modules & Packages

npm and package management

20 min

File System & Streams

Working with files

30 min

Express.js Framework

Building web servers

40 min

Practice: File Upload Server

Build a file handling server

60 min

REST API Design

Creating RESTful endpoints

35 min

Practice: Build a REST API

Create CRUD endpoints

60 min

Challenge: Authentication API

Implement user authentication

90 min

SQL Fundamentals

Query and manipulate data

35 min

Database Design

Schema design and relationships

40 min

Transactions

ACID and data integrity

30 min

PostgreSQL with Node.js

Connecting databases to servers

45 min

ORMs: Prisma & Drizzle

Type-safe database access

45 min

Database Migrations

Version control for schemas

35 min

Performance & Indexing

Query optimization basics

40 min

Practice: User Database

Build a user management system

60 min

Project: E-commerce Database

Design a complete database

120 min

Project: Full-Stack Blog

Complete full-stack application

180 min

Password Hashing

Secure credential storage

25 min

JWT Authentication

Token-based auth

40 min

OAuth Integration

Third-party authentication

45 min

Security Best Practices

SQL injection, XSS, CSRF

35 min

Challenge: Auth System

Build complete authentication

90 min

Docker Containers

Containerizing applications

45 min

CI/CD Pipelines

Automated testing and deployment

40 min

AWS Basics

Cloud services overview

50 min

Monitoring & Logging

Application observability

35 min

Project: Deploy Full Stack App

Complete deployment pipeline

150 min

Full-Stack Interview Overview

Understanding evaluation criteria for full-stack roles

30 min

System Design Fundamentals

Approaching architecture and scalability questions

45 min

Node.js Interview Questions

Event loop, async patterns, and Express/Fastify

45 min

React & Next.js Patterns

SSR, RSC, hooks, and state management

40 min

Database & SQL Questions

Queries, indexing, ORMs, and optimization

40 min

API Design and Tradeoffs

REST vs GraphQL and design decisions

35 min

Timed Full-Stack Challenges

Practice under interview conditions

60 min

Mock System Design Interview

Full interview simulation with evaluation

45 min