Om uppgiften 📋
Denna webbplats är skapad som en del av kursmomentet Automatisering och publicering. Syftet med uppgiften är att få en förståelse för hur moderna verktyg som Node.js och Git kan användas för att effektivisera utveckling och publicering av en webbplats.
Arbetet fokuserar på en tydlig arbetsstruktur där källkod separeras från publiceringsfiler samt på automatisering och optimering av resurser som CSS, JavaScript och bilder. Versionshantering med Git och GitHub samt regelbundna commits har använts för att dokumentera arbetsprocessen.
Mål 🏁
Målet med arbetet är att skapa en enkel men strukturerad webbplats där utveckling och publicering sker på ett modernt och automatiserat sätt. Jag ska:
- Arbeta med versionshantering i Git och GitHub med regelbundna commits och branches.
- Bygga en demowebbplats med HTML, CSS, JavaScript och bilder.
- Automatisera byggprocessen så att CSS och JavaScript optimeras/minifieras inför publicering.
- Automatisera bildhantering genom att skapa optimerade bilder i moderna format (exempelvis WebP/AVIF).
- Publicera webbplatsen via en tjänst som stödjer automatisk publicering från GitHub.
Teknik 🧩
I uppgiften används följande verktyg och tekniker:
- HTML & CSS - för struktur, layout och responsiv design.
- JavaScript - för interaktivitet och funktionalitet på webbplatsen.
- Node.js - för att kunna använda kommandobaserade verktyg och automatisera arbetsflödet.
- Vite - utvecklingsserver och build-system som skapar en optimerad publiceringsversion av webbplatsen.
- Sharp - Node-bibliotek för att automatisera bildoptimering och konvertering till moderna format.
- Git & GitHub - versionshantering, braches och underlag för automatisk publicering via hostingtjänst.