Das Omnifood Projekt ist nun fast geschafft. Das Kapitel der Mobilen – Version konnte ich diese Woche beenden und sieht nun auch auf dem Handy gut aus. Nur die funktionierende Navigation fehlt noch. Diese folgt im letzten Kapitel, das ich in der nächsten Woche bearbeite.
Frontent Mentor
Des Weiteren habe ich die Woche wieder eine Challenge auf frontendmentor.io beendet. Frontend Mentor ist eine „Challenge Seite“ für verschiedene Projekte mit HTML, CSS und JavaScript. Es gibt sowohl kostenlose Challenges als auch welche, die nur Premiummitgliedern bereitstehen. Außerdem gibt es hier noch weitere Vorteile wie die kompletten Designfiles für Sketch oder Figmar, aber dies ist meiner Meinung nach erstmal nicht nötig. Man kann dies mit den Screenshots, die dabei sind, ganz gut vergleichen. Außerdem gibt es immer einen Styleguide mit Infos zur Schrift, Größe und Farben.
Die Seite ist mir bereits aus dem letzten Jahr bekannt. Damals habe ich mich an einigen Challenges mit Tailwind CSS versucht. Da ich nun noch einmal von Null mit CSS beginne, nutze ich die kostenlose Version erneut für passende Challenges.
Diese Woche hatte ich die NFT preview card component erledigt. Den finalen Code gibt es auch auf github.com.
Wochenfazit
Mit dem Kurs bin ich so langsam auf der Zielgeraden. Jetzt heißt es: weiter üben, üben, üben, um eigene Projekte mit HTML & CSS umzusetzen. Dabei sollen auch die Challenges von Frontend Mentor helfen, um am Ende die Umsetzungen vergleichen zu können. Auch die Tipps von Mitgliedern der Community dort können hilfreich sein.
Ausblick kommende Woche
Das letzte Kapitel 9 zum Thema „Effekte, Optimierung und Veröffentlichung“ werde ich diese Woche beenden. Wie bereits geschrieben suche ich mir zudem noch ein bis zwei weitere Challenges aus. Zusätzlich will ich versuchen mir noch ein paar kleine Komponenten für mein eigenes Projekt zu bauen wie z.B. dieses kleine Dashboard.
Kommentaren