Frontend Web Development

2 months8 weeks

Master the foundations of modern web development and build beautiful, responsive interfaces with HTML, CSS, JavaScript, React, and TailwindCSS. You'll learn semantic markup, utility-first styling, JavaScript patterns, and production-ready React development.

Beginner → Intermediate2 monthsSemantic HTML & accessibilityTailwindCSS utility-first designReact components & hooksReal-world project deployment

Weekly Breakdown

Week 1

HTML Foundations

  • Semantic HTML5
  • Forms & validation
  • Accessibility basics

Mini project: Structured content page

Week 2

CSS & TailwindCSS

  • CSS fundamentals
  • Flexbox & Grid
  • TailwindCSS utilities

Mini project: Responsive landing page

Week 3

JavaScript Essentials

  • ES6+ syntax
  • DOM manipulation
  • Events & async

Mini project: Interactive calculator

Week 4

React Basics

  • Components & JSX
  • Props & state
  • Event handling

Mini project: Simple React app

Week 5

React Hooks & Effects

  • useState & useEffect
  • Custom hooks
  • Component lifecycle

Mini project: Data-fetching app

Week 6

Styling with Tailwind in React

  • Tailwind + React setup
  • Responsive design
  • Component styling patterns

Mini project: Styled component library

Week 7

State Management & Routing

  • Context API
  • React Router
  • Form handling

Mini project: Multi-page application

Week 8

API Integration & Deployment

  • REST APIs
  • Error handling
  • Deployment on Vercel

Mini project: Full-stack portfolio site

Tools

HTMLCSSJavaScriptReactTailwindCSSGitVercel

Instructors

  • Ayesha Khan

    Ayesha Khan

    Frontend Engineer

    Engineer focused on accessibility, performance and clean component patterns.