Full Stack Developer Roadmap

This Full Stack Developer Roadmap is a free, full-text syllabus of 37 lessons in 19 stages, starting with HTML and ending with Terraform. It suits anyone working towards a Full Stack role, from a first-year student to a working developer changing tracks. There is no fixed length: every lesson is open from the start, so you go at your own pace and skip what you already know.

Last updated

Getting Started0%
Halfway
Almost There
Complete

Reading is open to everyone. Sign in to join this roadmap and track what you finish.

Continue learning

1. HTMLHTML

0%

HTML

1 topic · 0 completed

0%Open the full HTML course →
  1. Full HTML course →

Full syllabus: every lesson in the Full Stack roadmap

19 stages and 37 lessons, in the order the roadmap suggests. Every lesson is free to read and open from the start.

  1. Stage 1: HTML

    • HTML

      HTML stands for HyperText Markup Language. It is used on the frontend and gives the structure to the webpage which you can style using CSS and make interactive using JavaScript.

  2. Stage 2: CSS

    • CSS

      CSS or Cascading Style Sheets is the language used to style the frontend of any website. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

  3. Stage 3: JavaScript

    • JavaScript

      JavaScript allows you to add interactivity to your pages. Common examples that you may have seen on the websites are sliders, click interactions, popups and so on.

  4. Stage 4: npm

    • npm

      npm is a package manager for the JavaScript programming language maintained by npm, Inc. npm is the default package manager for the JavaScript runtime environment Node.js.

  5. Stage 5: React

    • React

      React is the most popular front-end JavaScript library for building user interfaces. React can also render on the server using Node and power mobile apps using React Native.

    • Checkpoint - Static Webpages

      Now that you have learnt HTML and CSS, you should be able to build static webpages. I recommend you to build as many test projects at each yellow step of the roadmap as possible to solidify what you learn.

    • Checkpoint - Interactivity

      At this point you should be able to add interactivity to your web pages using JavaScript. You should make sure that you have learnt the following:

    • Checkpoint - Collaborative Work

      Now that you have learnt git and GitHub you should be ready to work with others. You should now setup your GitHub profile and push all the projects that you have built so far to your GitHub profile. Here are some of my recommendations for your GitHub profile:

    • Checkpoint - External Packages

      At this point, you should be able to install and use external packages using npm. You probably know about npmjs.com where you can search for packages and read their documentation. You should also be familiar with the package.json file and how to use it to manage your project dependencies.

  6. Stage 6: Tailwind CSS

    • Tailwind CSS

      CSS Framework that provides atomic CSS classes to help you style components e.g. flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.

  7. Stage 7: GitHub

    • GitHub

      GitHub is a provider of Internet hosting for software development and version control using Git. It offers the distributed version control and source code management functionality of Git, plus its own features.

  8. Stage 8: Git

    • Git

      Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.

  9. Stage 9: Node.js

    • Node.js

      Node.js is an open-source and cross-platform JavaScript runtime environment. It is a popular tool for almost any kind of project! Node.js runs the V8 JavaScript engine, Google Chrome's core, outside the browser. This allows Node.js to be very performant. A Node.js app runs in a single process, without creating a…

    • Checkpoint - Frontend Apps

      At this point you should be able to build a complete frontend application including:

  10. Stage 10: PostgreSQL

    • PostgreSQL

      PostgreSQL, also known as Postgres, is a free and open-source relational database management system emphasizing extensibility and SQL compliance.

    • Checkpoint — CLI Apps

      At this point you should be able to build CLI applications using Node.js or whatever backend programming language you picked.

  11. Stage 11: Redis

    • Redis

      Redis is an open source (BSD licensed), in-memory data structure store used as a database, cache, message broker, and streaming engine. Redis provides data structures such as strings, hashes, lists, sets, sorted sets with range queries, bitmaps, hyperloglogs, geospatial indexes, and streams. Redis has built-in…

    • Checkpoint — Simple CRUD Apps

      CRUD stands for Create, Read, Update, and Delete. These are the four basic operations you can perform on any data when working with web applications, databases, and APIs.

  12. Stage 12: JWT Auth

    • JWT Auth

      JWT stands for JSON Web Token is a token-based encryption open standard/methodology that is used to transfer information securely as a JSON object. Clients and Servers use JWT to securely share information, with the JWT containing encoded JSON objects and claims. JWTs are designed to be compact, safe to use within…

  13. Stage 13: RESTful APIs

    • RESTful APIs

      REST, or REpresentational State Transfer, is an architectural style for providing standards between computer systems on the web, making it easier for systems to communicate with each other.

  14. Stage 14: Linux Basics

    • Linux Basics

      Knowledge of UNIX is a must for almost all kind of development as most of the code that you write is most likely going to be finally deployed on a UNIX/Linux machine. Linux has been the backbone of the free and open source software movement, providing a simple and elegant operating system for almost all your needs.

    • Checkpoint — Complete App

      At this point, you should have everything that you need to build a complete application that:

    • Route53

      Route53 is AWS's Domain Name System (DNS) service that plays a critical role in connecting user requests to your web application or other resources within your infrastructure. With Route53, you can easily manage domains, redirect traffic, and configure domain-related settings. It has several advantages, including…

    • SES

      Amazon SES (Simple Email Service) is a scalable, flexible, and cost-effective cloud-based email service that is specifically designed for developers, marketers, and businesses to send and receive marketing, transactional, and notification emails. SES is useful, especially when you need to send a large volume of…

    • EC2

      Amazon Elastic Compute Cloud (EC2) is a web service that provides resizable compute capacity in the form of virtual servers, known as instances. With EC2, you can quickly scale your infrastructure up or down as your computing requirements change. This service effectively reduces the time required to obtain and boot…

    • VPC

      VPC stands for Virtual Private Cloud and is an essential service provided by AWS that allows you to create a private, isolated section within the AWS cloud, where you can define your own virtual network. It offers a more secure and controlled environment, enabling you to easily launch and manage your resources…

    • S3

      S3 is a service that allows you to store files in the cloud. It's a simple service that you can use to store files and serve them to your users.

  15. Stage 15: Basic AWS Services

    • Basic AWS Services

      AWS has several services but you don't need to know all of them. Some common ones that you can start with are EC2, VPC, S3, Route 53, and SES.

  16. Stage 16: Monit

    • Monit

      When it comes to monitoring the health of your applications, there are several different options available. My favorite monitoring stack is Prometheus and Grafana, but it can be a bit overwhelming to set up and configure. If you're looking for a simpler solution, Monit is a great alternative that can be utilized to…

    • Checkpoint — Deployment

      Now that you know the basics of AWS, you should be able to deploy your application to AWS. You don't need to use all the AWS services, here is what you can probably get started with:

  17. Stage 17: Ansible

    • Ansible

      Ansible is an open-source configuration management, application deployment and provisioning tool that uses its own declarative language in YAML. Ansible is agentless, meaning you only need remote connections via SSH or Windows Remote Management via Powershell in order to function

    • Checkpoint — Automation

      Now that you have learnt ansible, you can use it to automate the deployment of your application.

    • Checkpoint — CI / CD

      Now that you have the infrastructure setup, it's time to automate the deployment process. This is where CI / CD comes in. If you don't know what CI/CD are, you should watch DevOps CI/CD Explained in 100 Seconds.

    • Checkpoint — Monitoring

      You should now implement monitoring and autorestarts for your application using monit. Regarding autorestarts, you can also use pm2.

  18. Stage 18: GitHub Actions

    • GitHub Actions

      GitHub Actions is a workflow automation tool provided by GitHub that can be used to automate various tasks in the app development process.

  19. Stage 19: Terraform

    • Terraform

      Terraform is an extremely popular open source Infrastructure as Code (IaC) tool that can be used with many different cloud and service provider APIs. Terraform focuses on an immutable approach to infrastructure, with a terraform state file center to tracking the status of your real world infrastructure.

    • Checkpoint — Infrastructure

      If you remember, earlier in the roadmap, you manually logged into the AWS console and had to setup the services. Now that you know terraform, go ahead and automate the process of creating the infrastructure for your application using terraform and with that your deployments will be fully automated i.e., you should…

Questions about the Full Stack Developer Roadmap

Is the Full Stack Developer Roadmap free?

Yes. All 37 lessons in this roadmap are free to read on Bibha AI Learning Labs, with no account and no payment. Signing in is optional: it lets you mark lessons as done and keep your progress, and it opens the AI tutor, which runs on your own API key.

How long does the Full Stack Developer Roadmap take?

There is no fixed duration. It has 37 lessons in 19 stages, and the time it takes depends on how many hours you give it each week. Nothing is locked, so you can skip what you already know, and your progress is saved once you sign in.

Where should I start the Full Stack Developer Roadmap?

Start with stage 1, HTML, and work down in order. The stages are numbered in the order the roadmap suggests, but every lesson is open, so if you already know HTML you can go straight to CSS or anything after it. Each lesson links to free resources for going deeper.

Can I learn Full Stack in Hindi?

The lessons are written in English. Once you sign in, you can ask the AI tutor on any lesson to explain it in Hindi or Hinglish. It answers from that lesson’s own text, so the explanation stays on the syllabus. The tutor runs on your own Google, OpenAI or Anthropic key.

Still confused? Ask me