Frontend Engineering

About This Program

What You’ll Learn

• Build semantic, accessible pages with HTML
• Create responsive layouts with modern CSS
• Write modern JavaScript and TypeScript
• Build applications with React
• Test interfaces and measure performance
• Turn a Figma design into working code

Curriculum

1. Module 1 Module 1: HTML, CSS and accessibility (weeks 1–4) 4 topics

   • Semantic HTML
   • Flexbox, Grid and responsive design
   • Accessibility (WCAG) fundamentals
   • Working from Figma designs
2. Module 2 Module 2: JavaScript (weeks 5–8) 3 topics

   • Language fundamentals
   • The DOM and events
   • Asynchronous JavaScript and APIs
3. Module 3 Module 3: React and TypeScript (weeks 9–13) 4 topics

   • TypeScript essentials
   • Components, state and hooks
   • Routing, forms and data fetching
   • Styling approaches and component libraries
4. Module 4 Module 4: Quality and capstone (weeks 14–16) 3 topics

   • Component and end-to-end testing
   • Web performance
   • Capstone project and portfolio

What You’ll Build

• A pixel-accurate landing page from a Figma design
• A JavaScript web app using a public API
• A React and TypeScript dashboard application

Career Outcomes

• Frontend Developer
• React Developer
• UI Engineer
• Freelance Web Developer

Who This Program Is For

Requirements

• No prior coding experience needed
• A laptop or desktop with at least 8 GB of RAM
• A reliable internet connection
• About 12–15 hours a week