What you'll learn

Skills you'll gain

There are 13 modules in this course

It’s the ultimate collab: Frontend Mentor on design, Scrimba on toolkit, Kevin Powell as a guide and you as developer. During the course, you’ll test your HTML, CSS and JavaScript skills by building out a responsive, multi-page site featuring a homepage, buttons, a navigation bar, tabs, keyboard navigation and underline, dot and number indicators. You’ll also learn how to create an effective design system to ensure that your site is sharp and professional, and your coding is as efficient as possible. You’ll get as much independent practice as possible in this course, using detailed designs in Figma to craft a site which looks amazing on a variety of screen sizes and browsers. Thanks to Scrimba's interactive technology, you’ll build the muscle memory you need to become a truly efficient developer. After completing this course, you’ll have a deep understanding of CSS and responsive design and the knowledge to build an interactive site which users will adore.

🟨 Design System: Color, Typography & Layout Essentials

🟨 Design System: Components, Indicators & Site Creation

🟨 Design System: Test Your Knowledge

🟦 The Homepage

🟦 The Homepage: Test Your Knowledge

🟩 Navigation: Building the Mobile Navigation Experience

🟩 Navigation: Adapting for All Screen Sizes & Accessibility

🟩 Navigation: Test Your Knowledge

🟧 The Destination Page

🟧 The Destination Page: Test Your Knowledge

⬛️ The Tabs

⬛️ The Tabs: Test Your Knowledge

Explore more from Mobile and Web Development