Paul Boag
Boagworld
0%
Make Your Designs Come to Life Through Code!
Learn UX principles and CSS coding techniques to take your designs to the finish line.
Total time: 39 hours, 59 minutes
Core Coursework
Take these in order
Prerequisite: There are no prerequisites for this learning path, but you should have some familiarity with computers and the Internet
Up First
Begin your UX journey by learning website design principles that drive engagement and get users to click without tricks or dark patterns.
Up Next
Engineers who understand core UI principles like color theory, layout, and composition work more effectively with design teams and gain more autonomy.
Up Next
Cascading Style Sheets, or CSS, bring HTML elements to life with color, layout, and animation. Learn CSS while creating a modern one-page portfolio website you can share with the world!
Up Next
Reinforce your CSS fundamentals and go beyond the basics by applying modern styling techniques to various responsive layouts.
Up Next
Dive deeper into modern layout techniques such as CSS Grid, Flexbox, Subgrid, Responsive Images, and Container Queries to build more complex websites and bring your designs to life.
Up Next
Figma has become the de facto standard for designing websites and web apps. Learning Figma allows you to work more efficiently by bridging the gap between static designs and production-ready code.
Up Next
SVG is the most flexible and dynamic graphics format for the web. Take your SVG skills to the next level with a deep understanding of the format and add interactively and animation to your graphics.
Up Next
Can you take a design from Figma all the way to production? Kevin Powell’s Professional CSS course gives you the skills and confidence to build, style, and deploy an entire website from scratch.
Elective Coursework
Optional, take in any order
What They're Saying
Just finished another section of the "Design to Code" path I'm taking on Frontend Masters 🥳 Topics talked about were layout, color theory, typography, images and performance. Great refresher that I didn't know I needed
Mery
merycodes
Learn Straight from the Experts Who Shape the Modern Web
- In-depth Courses
- Industry Leading Experts
- Learning Paths
- Live Interactive Workshops