Frontend Skill Tree

Track your progress across frontend engineering skills. Master each area to unlock advanced topics.

🎨

Rendering

3 skills

0%
Complete

Server-Side Rendering

Understanding SSR, SSG, and hydration

intermediate

Client-Side Rendering

CSR patterns and when to use them

beginner

Incremental Static Regeneration

ISR and on-demand revalidation

advanced

Performance

4 skills

0%
Complete

Lazy Loading

Defer non-critical resources

intermediate

Code Splitting

Optimize bundle size

intermediate

Core Web Vitals

LCP, FID, CLS optimization

advanced

List Virtualization

Render large lists efficiently

advanced
🗄️

State Management

4 skills

0%
Complete

React Hooks

useState, useEffect, custom hooks

beginner

Context API

React Context for global state

intermediate

Redux

Predictable state container

advanced

Zustand

Lightweight state management

intermediate
🌐

Networking

3 skills

0%
Complete

Fetch API

Modern HTTP requests

beginner

CORS

Cross-origin resource sharing

intermediate

WebSockets

Real-time bidirectional communication

advanced

Accessibility

3 skills

0%
Complete

Semantic HTML

ARIA and semantic elements

beginner

Keyboard Navigation

Keyboard accessibility patterns

intermediate

Screen Readers

Optimizing for assistive technologies

advanced
📜

JavaScript

10 skills

0%
Complete

Closures

Understanding closures and scope

intermediate

Promises & Event Loop

Async programming and execution order

intermediate

Promise.all Polyfill

Implementing Promise utilities

intermediate

Promise.race Polyfill

Race multiple promises

intermediate

Promise.allSettled Polyfill

Wait for all promises to settle

intermediate

Hoisting

Variable and function hoisting behavior

intermediate

Debounce & Throttle

Performance optimization utilities

intermediate

Object References

Understanding reference vs value

beginner

Array Manipulation

Array methods and mutations

beginner

Promise Chaining

Sequential async operations

intermediate
🏗️

Architecture

3 skills

0%
Complete

Component Design

Reusable component patterns

intermediate

System Design

Scalable frontend architectures

advanced

Micro Frontends

Distributed frontend architecture

advanced