Skip to content

Latest commit

 

History

History
27 lines (20 loc) · 1.26 KB

readme.md

File metadata and controls

27 lines (20 loc) · 1.26 KB

Full Stack User Interface course

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:

  1. Content loading placeholder (Codepen)
  2. Save button (Codepen)
  3. Plus and minus buttons (Codepen)
  4. Notifications (Codepen)
  5. Feedback (Codepen)
  6. 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.