Frontend Web Development
This track takes you from the ground up. You start with the core web languages, move into the React ecosystem — Zustand, Tanstack Query, Vite — then level up with Next.js, advanced animations using GSAP and Framer Motion, and production deployment strategies. You'll also learn how to use AI tools effectively in your dev workflow. The program closes with a one-month team capstone project.
Skills You'll Gain
HTML/CSSReactNext.jsTypeScriptZustandTanstack QueryGSAPVercel
Curriculum
Phase 1 — Foundations
Core web languages before framework work begins.
- —HTML & CSS Essentials
- —Introduction to Tailwind CSS
- —JavaScript FundamentalsShared
- —JavaScript DOM ManipulationShared
- —JavaScript Object-Oriented ProgrammingShared
- —Asynchronous Programming with JavaScriptShared
- —TypeScript EssentialsShared
Phase 2 — React Ecosystem
Building real UIs with React and its tooling.
- —Introduction to JavaScript UI Libraries
- —React Concepts & Build Tools (Vite)
- —State Management with Zustand
- —Routing in React
- —Data Fetching (Tanstack Query & Axios)
- —Milestone Project(Applied checkpoint)
Phase 3 — Advanced & Production-Ready
Frameworks, performance, AI workflow, and shipping.
- —Web Animations(CSS + GSAP / Framer Motion)
- —Next.js & Tanstack Start
- —Website Deployment
- —Frontend System Design & Optimization
- —Prompt Engineering & Token Optimization with AI
- —Debugging with Breakpoints & AI-Assisted Strategies
- —Final Team Project(1-month capstone)