Design Systems (1/3): Implementierung mit Angular Material & Google’s Material 3

---------

Implementierung mit Angular Material & Google’s Material 3

Im ersten Webinar der Webinar-Reihe zu Design Systems zeigt Konstantin Denerz, wie du als Developer mit Angular Material und Google’s Material 3 ein Design System implementierst, von Anfang bis Ende. Wir werden alle wichtigen Themen behandeln, die du benötigst, um ein erfolgreiches Design System zu realisieren. Dazu gehören Angular Material 16, MDC Web, Design Tokens, Responsive Layout, Color System von M3 für mehrere Themes, Typographie, States und Elevation. Mit diesem Design System als Fundament kannst du mühelos eigene Custom Components entwickeln und deine Anwendungen mit einem konsistenten Look-and-Feel versehen.

---------

Kapitel:
00:00 - Intro
07:14 - Goals
07:36 - Introduction / Demo Application
08:15 - Design System
14:22 - Demo Use Case
20:29 - Design Tokens
27:00 - Typography
36:38 - Elevations
48:53 - States
01:02:42 - Custom Component
01:06:10 - Key Findings
01:07:55 - Conclusion
01:09:45 - Q&A