We provide course about Agentic Frontend Development. Build production-quality web apps with AI - without losing control of your codebase. A hands-on, 4-day workshop for frontend and full-stack developers who want to work smarter with AI tools like GitHub Copilot.
Content:
You'll go beyond autocomplete - using AI to plan architecture, scaffold projects, implement features, write tests, document components, and debug real bugs across the full development lifecycle.
What you'll learn:
• Understand the AI landscape - models, agents, MCP, reasoning tiers, and the difference between Ask, Plan, and Agent mode.
• Master GitHub Copilot - inline completions, chat, agent mode, memory, and custom instructions
• Prompt effectively - write actionable prompts, manage context, and get consistent results
• Plan before you build - create Architecture Decision Records, code conventions, and phased feature plans with AI assistance.
• Build a complete React + TypeScript app - design system, REST API integration, CRUD features, Storybook documentation, and full test coverage.
• Debug with confidence - trace frontend bugs and backend issues using AI-assisted workflows
vWrite secure code - review AI-generated code for OWASP risks, handle secrets safely, and maintain trust boundaries
Course modules:
Module 1 - AI Landscape: Models, tiers, reasoning, Ask/Plan/Agent, MCP
Module 2 - Copilot Fundamentals: Inline completions, Ask mode, Plan mode
Module 3 - Copilot Chat: Chat sessions, slash commands, context management, prompt engineering
Module 4 - Copilot Agents: Autonomous multi-step tasks, tool use, terminal integration
Module 5 - Memory & Context: copilot-instructions.md, custom instructions, persistent project context
Module 6 - Security: Reviewing AI-generated code, secrets, supply chain risks
Module 7 - Prepare Environment: Scaffold Vite + React + TypeScript, Vitest, Cypress, Storybook, GitHub Actions CI/CD
Module 8 - Building Plans: ADRs, code conventions, phased feature plans, preventing technical debt
Module 9 - Implement Plans: Design system, codebase structure, REST API integration
Module 10 - Build a Webapp: Feature development, AI-assisted testing, Storybook documentation
Module 11 - Bug Fixes: Frontend bugs, tracing a bug from UI to backend API
Format:
Style:
• Hands-on, prompt-and-build exercises using GitHub Copilot
Outcome:
• A complete React webapp built with AI, and the judgment to know when to use it, when to override it, and how to stay in control
Vibe coding is not about letting AI write everything for you. It's about staying in control, planning before prompting, and trusting but verifying. Good AI-assisted development leads to faster scaffolding, more consistent code, better test coverage, and more time for architecture and design thinking.
Target audience:
Frontend and full-stack developers ready to adopt AI-assisted development workflows
Prerequisites:
• No prior AI experience needed
• Solid JavaScript/TypeScript fundamentals are expected
Language:
• This course is given in english