Front end webbutvecklare 400 YH-poäng - Grit Academy
(2023-2025)
FE23 | HTML & CSS
Skapa en "en sides"-portfolio webbsida. Den kan vara till dig själv, en förening eller en fiktiv person.
- Sidan skall vara "responsiv" och utvecklad som "mobile first" (minst 3 olika brytpunkter)
- Sidan skall vara utformad semantiskt korrekt
- Använd Grid-, Flexlayout eller en kombination av dem.
- Använd relativa enheter. Inga hårdkodade pixelvärden (förutom för t.ex. mediafrågor, box-storlekar och marginal/padding)
- Använda flera bilder och flera färger (utöver svart och vitt).
- Gör indrag i din HTML och CSS så att koden lätt går att läsa.
- Använd inte "inline-style". Style skall vara skapad i extern css-fil.
- Sidan ska validera med i w3c validator utan varningar (gula) eller fel (röda) - info (gröna) är okay. CSSfilen skall validera utan problem med jigsaw.
- Din sida behöver ha ett innehåll.
- Sidhuvud med namn/logo och meny.
- Hero: bild, rubrik och underrubrik samt knapp till kontaktformulär.
- Tre block med säljande information om dig (eller din fiktiva person / förening)
- Fyra eller flera block om färdigheter i text och bild. Några förslag är HTML, CSS, JavaScript och Flugfiske. Hitta på en lämplig text (det är okay att använda ChatGPT för att ta fram textinnehållet - men inte HTML/CSS för uppgiften).
- En blogg-sektion med artiklar med bild och text.
- Kontaktformulär - med minst input för namn, epost och en fritext. Formuläret behöver inte göra något.
- Sidfot med adress och kontakinformation, när sidan senast uppdaterades. Lägg gärna till någon mer rolig information här.