Frontend Developer
Learn to build accessible, responsive interfaces and ship polished web applications.
Curriculum
0%0 of 81 skills complete
Phase 1Web Fundamentals & Core JavaScript
Phase 2Modern Tooling & Type Safety
Phase 3Framework Mastery (React)
Phase 4App Architecture, Quality & Deployment
Semantic HTML, Forms and Accessibility
Document Structure & Semantics
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Native Controls & Forms
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Landmarks & Metadata
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
CSS Box Model, Flexbox, Grid and Responsive Design
Box Model
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Flexbox Layouts
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
CSS Grid
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Stacking Contexts
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Responsive Viewports
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
CSS Custom Properties
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
JavaScript Types, Functions, Arrays and Objects
Variables & Scope
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Data Types & Coercion
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Functions & Closures
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Objects & Prototypes
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Arrays & Iteration
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Memory Management
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
DOM, Events and Web Storage
DOM Selection & Traversal
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
DOM Manipulation
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Event Delegation
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
Event Lifecycle
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Client Storage
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Form Processing
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Promises, Async/Await and Fetch
The Event Loop
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Promises
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Async / Await
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Fetch API
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Concurrent Operations
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Request Cancellation
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Git and GitHub Collaboration
Branching Strategy
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
Commit Hygiene
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
Pull Requests
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Merge Conflicts
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
History & Stash
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Ignored Files
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
npm, pnpm and Vite
Dependency Management
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Npm Scripts
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
Vite Setup
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
Environment Variables
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
Asset Imports
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
Build Optimization
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
TypeScript Types, Interfaces and Generics
Basic Typing
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Interfaces & Types
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
Unions & Narrowing
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Generics
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Utility Types
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
Strict Compiler Setup
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
React Components, Props, State and Hooks
JSX & Props
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
State Management
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Side Effects
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Context API
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
Performance Memoization
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Custom Hooks
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
CSS Modules and Tailwind CSS
CSS Modules
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
Tailwind CSS
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Dynamic Classnames
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
Headless UI Libraries
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Dark Mode Integration
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
Design Tokens
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
TanStack Query and Server State
Query Basics
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
State Indicators
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Mutations
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Optimistic Updates
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Pagination & Infinite Scroll
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
DevTools
0 of 12 completeTopics to study0 of 11 learned
Exercise0 of 1 complete
React Router and Next.js App Router
Route Structure
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Data Boundaries
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Protected Routes
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Layout Patterns
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
State Synchronization
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Error & Loading UI
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Vitest, Testing Library and Playwright
Unit Testing
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Component Testing
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
E2E Testing
0 of 15 completeTopics to study0 of 14 learned
Exercise0 of 1 complete
Accessibility Auditing
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Mocking APIs
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
CI Test Automation
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
Vercel, Netlify and Cloudflare Deployment
Deployment Pipelines
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
LCP Optimization
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
INP Optimization
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete
CLS Optimization
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Code Splitting
0 of 13 completeTopics to study0 of 12 learned
Exercise0 of 1 complete
Lighthouse Auditing
0 of 14 completeTopics to study0 of 13 learned
Exercise0 of 1 complete