Please enable JavaScript.
Coggle requires JavaScript to display documents.
Web Roadmap - Coggle Diagram
Web Roadmap
Basics
HTML
Various Tags and their uses
CSS
CSS Grid
Responsive CSS
Flexbox
CSS Frameworks
Tailwind CSS
Bootstrap
Basic styles
2 choices
Frontend
JavaScript
Fetch API
JSON
DOM Manipulation
async/await
Basic Syntax
Frontend Framework (chose any 1)
Angular
Vue
React
State-management
useContext (React)
VueX (Vue)
Redux/RTK (React)
Services (Angular)
More Frameworks and why they are needed
NUXT.js
Galsby
NEXT.js (for SSR)
Learn more tools
Axios/Apollo
Build Tools and how they actually work
GraphQL
Start looking at other platform like mobile(react-native), desktop(electron)
Backend
Pick a language
Java
Python
JavaScript
Learn the framework
Spring (Java)
Django or Flask (Python)
Express (JavaScript)
Pick a database
no-SQL
MongoDB
AWS DynamoDB
SQL
MySQL
PostgreSQL
Start building APIS
Authentication
JSON web tokens(JWT) for cookies
Hashing Library (bcrypt for js)
Other types of APIs
Web sockets for real-time connections
GraphQL
Webhooks
gRPC
CRUD APIs (REST)