Nach viel Theorie-Stoff in der letzten Woche ging es nun wieder mit einigen Praxisbeispielen weiter. Im Kapitel 6 des Kurses wurden viele einzelne Componenten vorgestellt, die man für Webseiten verwenden kann. Die folgenden sechs wurden in den einzelnen Lektionen gezeigt und mit dem bisher gelernten wie Flexbox und CSS Grid umgesetzt.
Mein Ziel von letzter Woche war es eigentlich noch vier weitere umzusetzen, aber am Ende sind es nur zwei geworden. Zum einen eine kleine Notifications-Componente und anderen ein Layout zum Darstellen alle Componenten. Dies will ich auf jeden Fall noch mit weiteren Beispielen nach und nach befüllen.
Zur Inspiration habe ich die Seite Uidesigndaily.com entdeckt, auf der, wie der Name schon sagt, fast tägliche neue Designs mit Vorlagen für Figma veröffentlicht werden. Hier werde ich für mich wie bereits für die Notifications-Componente weitere Beispiele zum selbstständigen Umsetzen suchen.
Wochenfazit
Die Umsetzung der einzelnen Componenten war zum Teil wieder herausfordernd und hat am Ende wieder gezeigt, der Weg ist noch lang, um alles zu beherrschen. Aber dafür ist die Challenge da und das große Ziel in diesem Jahr.
Ausblick kommende Woche
Für die nächste Woche steht das „Abschlussprojekt“ im Kurs an. Im Kapitel 7 geht es um das Planen des Projektes „Omnifood“, das Setup sowie die Umsetzung der Desktop-Version. Dies will ich bis Ende Januar schaffen. Danach folgen die Kapitel 8 und 9 für die Erstellung der Mobile-Version sowie Hinzufügen von Effekten.
Parallel will ich noch ein bis zwei neue Componenten hinzufügen.
Kommentaren