Skip to main content

Interactive roadmap

Frontend Developer + AI

AI interfaces, streaming UX, approvals, and generative UI

A path for frontend developers covering chat UI, streaming, state, human-in-the-loop controls, accessibility, browser-context security, and production AI UX.

8–14 weeksFrontend developersFull-stack developersUI engineers
Open as course →Every node has an evidence route
3stages
10nodes
2projects and milestones
01 · Shared AI core02 · AI interaction patterns03 · Safety and production UX
  1. 01

    Shared AI core

    Foundation for controlled and verifiable interaction with AI systems.

    Stage outcomeThe developer understands model limits and can verify AI-generated results.
    Materials ready
    Article →
    Materials ready
    Prerequisites: AI literacy and model limits
    Article →
    Materials ready
    Prerequisites: Prompt and context engineering
    Article →Article →
  2. 02

    AI interaction patterns

    Interface patterns for probabilistic systems and long-running AI interactions.

    Stage outcomeThe interface communicates streaming, uncertainty, approvals, and errors correctly.
    Materials ready
    Article →
    Materials ready
    Article →
    Materials ready
    Topic →
    Materials readyAssessment available
    Prerequisites: Chat UI and streaming responses, Human-in-the-loop and approval UI
    Open practicum →Assessment rubric →Practicum →
  3. 03

    Safety and production UX

    Browser security, trust, explainability, structured rendering, and quality telemetry.

    Stage outcomeThe AI interface has safe actions, evidence, fallbacks, and measurable UX quality.
    Materials ready
    Article →
    Materials ready
    Article →
    Materials ready
    Prerequisites: Prompt injection and browser security, Generative UI and structured rendering
    Practicum →