slug: frontend-developer
title: "Frontend Developer"
version: 1.0.0
description: "From language fundamentals to production React apps — build modern, accessible web interfaces."
icon: code
tags: [frontend, web, react, javascript, typescript]
difficulty: beginner-to-advanced
estimated_hours: 35

stages:
  - name: "Language Foundations"
    description: "Master TypeScript before diving into frameworks"
    modules:
      - typescript-fundamentals
      - clean-code

  - name: "Design Principles"
    description: "Write maintainable, extensible code"
    modules:
      - solid-principles
      - design-patterns

  - name: "React Mastery"
    description: "Components, hooks, state management, and the React mental model"
    modules:
      - react-fundamentals
      - { slug: react-advanced-patterns, title: "React Advanced Patterns" }

  - name: "Quality & Testing"
    description: "Ship with confidence — testing strategy and accessibility"
    modules:
      - test-strategy
      - accessibility-fundamentals
      - { slug: frontend-testing, title: "Frontend Testing (Vitest + Playwright)" }

  - name: "Professional Practice"
    description: "Code review, debugging, and managing technical debt"
    modules:
      - code-review
      - debugging-systematically
      - technical-debt