UI Design for Web Developers

Discover Essential UI Design Principles. Implement and Refactor Professional Designs using HTML and CSS.

Instructor: Gary Simon , Kevin Powell

Intermediate Level • 1 month at 10 hours a week • Flexible Schedule

What You'll Learn

  • Master visual design principles and UI tools.
  • Convert Figma designs to functional code.
  • Craft interfaces with seamless user experiences.

Skills You'll Gain

Figma (Design Software)
User Experience Design
HTML and CSS
Usability
Javascript
Prototyping
Web Content Accessibility Guidelines
Wireframing
Responsive Web Design
UI Components
Mockups
Hypertext Markup Language (HTML)

Shareable Certificate

Earn a shareable certificate to add to your LinkedIn profile

Outcomes

  • Learn in-demand skills from university and industry experts
  • Master a subject or tool with hands-on projects
  • Develop a deep understanding of key concepts
  • Earn a career certificate from Scrimba

3 courses series

This massive UI design course teaches you to build beautiful and well-functioning user interfaces using HTML and CSS. It's filled with interactive tutorials to ensure that the knowledge sticks with you. Created by Gary Simon, the most popular online instructor on this subject.While we can all clearly recognize what a great user interface looks like, it's actually really hard to build one! That's exactly what this course is all about. In it, Gary Simon will turn you into a UI design master. He'll teach you UI design from the ground up, and give you the skills you need to make sure that your next project both looks good and feels good to use.
 
It starts from the very basics, so you don't need any UI design experience to join, just basic HTML and CSS skills.

This course is ideal for aspiring frontend developers seeking a challenge and eager to acquire the skills needed to translate visually appealing mockups into functional user interfaces. Throughout the program, you'll apply and enhance your HTML, CSS, and JavaScript proficiency by constructing five captivating designs – starting from a straightforward card and progressing to a landing page, an analytics dashboard, a sales website, and culminating in an animated event site. This course is designed to maximize your independent practice. You'll be provided with detailed Figma designs, enabling you to transform them into user interfaces that exhibit excellence across various screen sizes. Upon completing each project, Gary Simon, a UI expert and esteemed web development educator, will walk you through the code he employs to bring the mockup to life. This offers you the opportunity to compare your solution, gain valuable insights, and discover numerous tips and tricks along the way.

Build a Space Travel Website is the perfect course for frontend developers who want to practice bringing high-quality Figma designs to life in the browser.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.

Learner Testimonials

Felipe M.
Felipe M. • Learner since 2018

To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood.

Jennifer J.
Jennifer J. • Learner since 2020

I directly applied the concepts and skills I learned from my courses to an exciting new project at work.

Larry W.
Larry W. • Learner since 2021

When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go.

Chaitanya A.
Chaitanya A. • Learner since 2727

Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits.