Personal Recommendation / Opinion For resources and other roadmaps

Alternative Option - Pick this or purple https://roadmap.sh

Order in roadmap not strict (Learn anytime) Are you just getting started?
I wouldn't recommend
Front-end Visit the Beginner Version

Internet How does the internet work?

What is HTTP?

Learn the basics What is Domain Name?

Writing Semantic HTML

What is hosting?

HTML Forms and Validations

DNS and how it works?

Accessibility
Browsers and how they work?

SEO Basics

Git

CSS Learn the basics Learn the Basics

Version Control Systems

Making Layouts Learn DOM Manipulation

VCS Hosting

Responsive Design Fetch API / Ajax (XHR)

GitHub

JavaScript
GitLab

Bitbucket
We have trimmed down the CSS part for the sake of brevity.
However, I would recommend reading about CSS in JS,
React
CSS Modules, Styled Components, Vanilla Extract, Panda CSS npm
and look into di!erent frameworks with pre-built components Vue.js
pnpm
such as MUI, daisyUI, Chakra UI and Mantine.
Angular
yarn

CSS Architecture Writing CSS Pick a Framework Package Managers

BEM Tailwind Svelte

Vite
Parce

Radix UI Solid JS esbuild

Webpack

CSS Preprocessors Qwik Webpack

Webpack

Shadcn UI Rollup
Rollu

Sass Module Bundlers Parcel

Parce

PostCSS Task Runners npm scripts

Build Tools Linters and Formatters Prettier

ESLint

Authentication Strategies Testing your Apps Vitest

JWT, OAuth, SSO, Basic Auth, Session Auth etc
Jest

Playwright
Web Security Basics CORS HTTPS Learn the di!erence between Unit, Integration,
and Functional tests and learn how to write
Cypress
Content Security Policy them with the tools listed on the right.

OWASP Security Risks

Next.js

React Remix
HTML Templates
Angular Universal
Web Components Custom Elements
Vue.js Nuxt.js
Shadow DOM
Svelte Svelte Kit
Type Checkers TypeScript

Server Side Rendering (SSR)

Storage PRPL Pattern Apollo GraphQL

Web Sockets RAIL Model
Relay Modern
Server Sent Events Performance Metrics
Service Workers Using Lighthouse

Location Using DevTools

Progressive Web Apps Static Site Generators
Notifications Calculating, Measuring
Device Orientation and improving performance
Vuepress Astro
Payments
Performance Best Practices
Credentials Jekyll Eleventy

Learn di!erent Web Hugo Next.js

Electron
APIs used in PWAs
Nuxt.js Remix
Tauri

Flutter

Mobile Applications
Bonus Content Desktop Applications

React Native

Flutter

Ionic

NativeScript
Continue Learning with following relevant tracks

TypeScript Roadmap Node.js Roadmap


 Personal Recommendation / Opinion Find the detailed version of this roadmap

 Alternative Option - Pick this or purple along with resources and other roadmaps


 Order in roadmap not strict (Learn anytime)
https : // roadmap.sh
 I wouldn't recommend
Backend




 How does the internet work? DNS and how it works?

What is Domain Name




 What is HTTP? Internet




 Browsers and how they work? What is hosting?


 Rust Go 
 Git 
 

GitHub

Learn a Language Version Control Systems



GitLab

Repo hosting services



Bitbucket

 Java JavaScript 


 C# Python 

Terminal Usage 


 PHP Ruby 

POSIX Basics
stdin, stdout, stderr, pipes



 PostgreSQL


 MySQL OS and General Knowledge
Relational Databases

 MariaDB
Basic Terminal Commands

 MS SQL grep, awk, sed, lsof, curl, wget


tail, head, less, find, ssh, kill, dig



 Oracle


  

How OSs work in General
NoSQL Databases 


 MongoDB InfluxDB 

Memory Management

 CouchDB TimeScale 


 ORMs Interprocess Communication
Document DBs Time Series 


 ACID
I/O Management


 Firebase Cassandra 
 
 Transactions
Basic Networking Concepts

 RethinkDB HBase 
 
 N+1 Problem
Threads and Concurrency

 Realtime Column DBs 
 
 Normalization
Process Management


 Redis 
 Neo4j

 Failure Modes
Operating Systems Knowledge
Graph DBs 
 Profiling Perfor.

 DynamoDB

Key-Value Database Indexes 



  More about Databases
Data Replication 

Sharding Strategies 


 HATEOAS Learn about APIs Scaling Databases
CAP Theorem 


 Open API Specs


 Authentication REST 

JSON APIs 
 Client Side 


 Cookie Based Redis 

SOAP 
 Caching Server Side

 OAuth
Memcached 


 Basic Auth
gRPC 
 CDN 


 Token Auth GraphQL 




 JWT Web Security Knowledge
MD5 and why not to use it

 OpenID
SHA Family

 SAML 
 Integration Testing

scrypt bcrypt

 Unit Testing
Testing Hashing Algorithms

 Functional Testing

HTTPS OWASP Risks

Software Design & Architecture CI / CD 

CORS SSL/TLS

Content Security Policy

Design and Development Principles




 GOF Design Patterns
Architectural Patterns Monolithic Apps 


 Domain Driven Design
Microservices 


 Test Driven Development
SOA 


 CQRS 
 Elasticsearch
Serverless 


 Event Sourcing

 Solr
Service Mesh 

Search Engines
Twelve Factor Apps 


 RabbitMQ


 Kafka

 Kubernetes
Docker 

Message Brokers
Containerization vs Virtualization LXC 



 Server Sent Events 
 WebSockets GraphQL Apollo 


 Nginx
Relay Modern 


 Apache




 Caddy
Graceful Degradation
Web Servers

 MS IIS
Throttling

Backpressure


Loadshifting
Instrumentation
Building for Scale
Circuit Breaker
Monitoring
Mitigation Strategies
Telemetry

Di!erence between these

Migration Strategies 

Types of Scaling 



Observability
Metrics logging and other
Have a look at the DevOps Roadmap observable items that can help
in debugging and solving
DevOps Roadmap
Issues when things go wrong.