Modern Web Development: HTML5, CSS3, SCSS & Tailwind CSS (Figma to Code)

Master modern, responsive front-end web development with a focus on writing clean, scalable, and production-ready code. With over 14 years of professional experience as a Senior UI/UX Specialist and UI Developer, I teach exact real-world workflows used in top tech companies to turn Figma design mockups into pixel-perfect websites.

1. What will students learn in this class?

• HTML5 & Modern CSS3: Semantic HTML structures, CSS Grid, Flexbox, layout strategies, and modern styling techniques.

• SCSS / Sass: Nested rules, variables, mixins, and scalable modular CSS architecture.

• Tailwind CSS Mastery: Utility-first CSS workflow, custom Tailwind configurations, rapid UI component styling, and responsive layout building.

• Figma-to-Code Conversion: Learn how to extract design tokens, specs, assets, and typography directly from Figma files and build pixel-perfect web pages.

• Responsive Web Design: Mobile-first approach, cross-browser compatibility, and Core Web Vitals basics for optimized web performance.

2. Who is this class for?

• Absolute beginners wanting to start a career in Front-End Web Development.

• UI/UX Designers who want to learn coding to make their designs interactive and bridge the gap with developers.

• Students, freshers, and freelancers who want to build real-world responsive websites for clients.

3. Prerequisites for this class:

• Basic knowledge of using a computer and internet browser. No prior programming/coding background is needed.

4. What do students need to bring?

• A laptop/desktop with a stable internet connection.

• VS Code editor installed (we will guide you through setting up developer extensions in Class 1).

• Zoom for live interactive coding sessions.