Die 2. Woche ist vorbei und ich konnte Kapitel 4 zum Thema Layouts zu Flex-Box und CSS-Grid sowie Kapitel 5 mit viel Theorie zu „Webdesign Regeln und Frameworks“ abschließen. In beiden Kapitel gab es wieder jede Menge praktische Beispiele. Leider habe ich bislang nicht an einem eigenen Projekt gearbeitet oder überhaupt angefangen.
Layouts – Flex-Box und CSS Grid
Zu Beginn wurde noch einmal mit Floats am Beispiel gezeigt, wie früher die Layouts gemacht wurden. Im Anschluss ging es dann mit der Flex-Box weiter sowie zum Ende mit dem CSS Grid.
Für alle drei Layouts wurde das Shop-Beispiel aus den ersten Kapiteln erweitert und angewendet.
Webdesign Regeln und Frameworks
In diesem Kapitel ging es vorrangig um verschiedenen „Regeln“, die man beim Entwickeln von einzelnen Elementen, Components und der kompletten Webseite beachten sollte.
Regeln
- Typografie
- Farben
- Bilder und Illustrationen
- Icons
- Schatten
- Border-Radius
- Whitespace
- Visuale Hierarchy
- User Experience
Dies wurde an vielen Beispielen von verschiedenen Webseiten gezeigt sowie an einem Projekt in diesem Kapitel.
Wochenfazit
Das Layout-Kapitel war ziemlich interessant. Hier will ich mich in der kommenden Woche mit eigenen kleinen Praxis-Projekten nochmal dransetzen. Das andere Kapitel war sehr theorielastig, aber nicht weniger interessant und ziemlich gut zusammengefasst in den einzelnen Video mit zusätzlicher Präsentation, die ich mir zum späteren Zeitpunkt auch nochmal genauer anschauen werde.
Ausblick kommende Woche
In der kommenden Woche geht es um das Thema „Components and Layout Patterns“ mit sechs kleinen Praxis-Projekten. Mein Ziel ist es hier mindestens noch vier weitere zu bauen.
Kommentaren