ByteStackOne logoByteStackOne
Intermediate
10 weeks TypeScript

Frontend Development

A modern frontend engineering course covering React 18, Next.js 14 App Router, TypeScript strict mode, and industry tooling.

₹5,999
Enroll now

Curriculum

01

HTML & CSS Mastery

  • Semantic HTML5
  • CSS Grid & Flexbox
  • Responsive design
  • CSS animations
02

JavaScript Fundamentals

  • ES2023+ features
  • Async/await & Promises
  • Event loop deep dive
  • Module system
03

TypeScript

  • Type system basics
  • Generics & utility types
  • Discriminated unions
  • Strict mode patterns
04

React 18

  • Hooks (useState, useEffect, useRef, useMemo)
  • Context API
  • Suspense & transitions
  • Custom hooks
05

Next.js 14 App Router

  • Server vs client components
  • File-based routing
  • Server Actions
  • ISR / SSG / SSR
06

State & Data Fetching

  • React Query / TanStack Query
  • Optimistic updates
  • Infinite scroll
  • Error boundaries
07

Styling & Component Libraries

  • Tailwind CSS
  • shadcn/ui components
  • Design tokens
  • Dark mode
08

Testing & Deployment

  • Vitest & React Testing Library
  • Playwright E2E
  • CI/CD with GitHub Actions
  • Vercel deployment

What you'll build

Build a full-featured job board with Next.js App Router + Supabase

Build a real-time collaborative note editor with WebSockets

FAQ