Design tokens | Frontend Performance Guide

Skip to main content

Frontend Roadmap

🧭 Roadmap
1 - 📄 HTML
2 - 🎨 CSS
3 - 🟡 Javascript
4 - 🐈 Git
5 - 📡 HTTP Protocol
6 - 🌐 Networking
7 - 🕸️ GraphQL
8 - 🌍 Browser Engine
9 - ⚙️ Web Rendering
10 - 🛤️ Critical Rendering Path
11 - ♿ Web Acesibility
12 - ⚛️ React
13 - 🧩 Design patterns
14 - 🕹️ Design system
- Design tokens
15 - 🧪 Testing
16 - ⚡️ Performance
17 - ❤️ Core Web Vitals
18 - 🛡️ Web Security
19 - 🔐 Authentication Strategies
20 - ⚔️ Cybersecurity Attacks
21 - ☁️ Infrastructure
22 - 📐 System Design
💼 Interview

14 - 🕹️ Design system
Design tokens

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

Social media

Instagram

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