Open navigation menu
← All Learning Paths

Full-Stack Developer

A complete learning path for full-stack developers combining frontend, backend, database, and DevOps skills to build and deploy end-to-end web applications independently.

roleintermediate12 nodes180h total
  1. 1

    HTML, CSS, and JavaScript Foundations

    Build solid foundations in core web technologies and DOM APIs

    Completion criteria: Build a responsive interactive webpage from scratch

    Next step: Learn a frontend framework

    ⏱ 15h

  2. 2

    React Frontend Development

    Master React components, hooks, routing, and state management

    Prerequisites: fs-01

    Completion criteria: Build a complete React SPA with routing and state

    Next step: Learn backend server fundamentals

    ⏱ 18h

  3. 3

    Node.js and Express Backend

    Build RESTful APIs with Node.js, Express, and middleware

    Prerequisites: fs-02

    Completion criteria: Create a full CRUD API server with Express

    Next step: Study database design and integration

    ⏱ 15h

  4. 4

    Database Design and ORM Integration

    Design databases and integrate with ORMs like Prisma or Sequelize

    Prerequisites: fs-03

    Completion criteria: Build a data layer with Prisma and PostgreSQL

    Next step: Implement authentication end-to-end

    ⏱ 14h

  5. 5

    Full-Stack Authentication

    Implement authentication across frontend and backend with JWT

    Prerequisites: fs-04

    Completion criteria: Build a complete login and registration flow

    Next step: Learn API integration on the frontend

    ⏱ 12h

  6. 6

    Frontend-Backend Integration

    Connect React frontend to backend API with data fetching

    Prerequisites: fs-05

    Completion criteria: Build a full-stack app with data flowing between layers

    Next step: Study state management at full-stack scale

    ⏱ 10h

  7. 7

    Full-Stack State Management

    Manage state across the stack with React Query and server state

    Prerequisites: fs-06

    Completion criteria: Implement optimistic updates and caching with React Query

    Next step: Learn testing across the stack

    ⏱ 10h

  8. 8

    Full-Stack Testing

    Write frontend, backend, and integration tests for the full stack

    Prerequisites: fs-07

    Completion criteria: Achieve comprehensive test coverage across the entire stack

    Next step: Study deployment and CI/CD

    ⏱ 14h

  9. 9

    Docker and Environment Management

    Containerize the full-stack app and manage environments

    Prerequisites: fs-08

    Completion criteria: Create a Docker Compose setup for the full stack

    Next step: Learn CI/CD pipelines

    ⏱ 10h

  10. 10

    CI/CD and Cloud Deployment

    Set up CI/CD pipelines and deploy to cloud platforms

    Prerequisites: fs-09

    Completion criteria: Deploy a full-stack app with automated CI/CD pipeline

    Next step: Study monitoring and logging

    ⏱ 12h

  11. 11

    Monitoring, Logging, and Error Tracking

    Implement observability with logging, monitoring, and error tracking

    Prerequisites: fs-10

    Completion criteria: Set up error tracking and monitoring for a deployed app

    Next step: Build a capstone full-stack project

    ⏱ 8h

  12. 12

    Capstone Full-Stack Project

    Build and deploy a complete production full-stack application

    Prerequisites: fs-11

    Completion criteria: Deliver a deployed, tested, monitored full-stack application

    Next step: Specialize in an area of interest and contribute to open source

    ⏱ 32h