The principles of this course are still valid, but bear in mind that some of the tools (especially Figma) might feel outdated, as I built this course in 2020.
Welcome! In this repository you'll find the starter files as well as the complete components we'll build during the course. To join the course, visit the course website.
The course consists of six (6) individual video lessons teaching you how to build UI components:
- Content loading placeholder (Codepen)
- Save button (Codepen)
- Plus and minus buttons (Codepen)
- Notifications (Codepen)
- Feedback (Codepen)
- Chat (Codepen)
To keep everything consistent, we build a small design system as we go. The system consists of:
- Colors (To build color palettes we use a tool called Scale by Hayk.)
- Spacings
- Font sizes
- Radii
- Borders
- Shadows
- Transitions
- Opacities
Join at the course website and enjoy learning! If you have any questions, you'll find me on Twitter.