Design tokens | Frontend Roadmap

Skip to main content

Frontend Roadmap

🧭 Roadmap
1 - 📄 HTML
2 - 🎨 CSS
3 - 🟡 Javascript
4 - 🐈 Git
5 - 📡 HTTP Protocol
6 - 🌐 Networking
7 - 🌍 Browser Engine
8 - 🛤️ Critical Rendering Path
9 - ⚙️ Web Rendering
10 - ♿ Web Acesibility
11 - ⚛️ React
12 - 🚀 Next
13 - 🔌 Web APIs
14 - 🕸️ GraphQL
15 - 🕹️ Design system
- Design tokens
16 - 🌳 Data structure
17 - 🧠 Algorithm
18 - 🧩 Design patterns
19 - 📐 System Design
20 - 🛡️ Web Security
21 - 🔐 Authentication Strategies
22 - ⚔️ Cybersecurity Attacks
23 - ☁️ Infrastructure
24 - 🧹 Developer Experience
25 - 🐞 Debugging
26 - 🧪 Testing
27 - ⚡️ Performance
28 - ❤️ Core Web Vitals
29 - 💼 Interview

15 - 🕹️ Design system
Design tokens

Types of design tokens
Global tokens vs semantic tokens
Design tokens and Atomic Design

Social media

Instagram

Copyright © 2026 Frontend Performance Roadmap by 63.472.505 DANIEL PIRES QUIRINO. Built with Docusaurus.