Kom i gang med web

En praktisk begynderguide. Målet er at få dig fra nul til online projekt – med fokus på forståelse frem for frameworks.

1) Opsætning

• Editor: Installér VS Code. Aktivér autosave og minimap efter behag.
• Git: Installér Git og kør git config --global user.name og user.email.
• Struktur: Opret en mappe med index.html, style.css og app.js.

2) HTML – fundament og semantik

Byg en minimal side med korrekt semantisk struktur – brug header, main, article, nav og footer frem for div‑overload.

• Brug kun én h1 per side; herefter h2‑h3.
• Sørg for alt‑tekster på billeder; links skal have meningsfuld tekst.

3) CSS – layout og læsbarhed

• Start simpelt: max‑width på indhold, passende line‑height og kontrast.
• Brug flex/grid til layout; undgå magiske tal – tænk i spacing‑skalaer.
• Hold farver få og konsekvente. Typografi > pynt.

4) JavaScript – det nødvendige

• Lær DOM‑manipulation (querySelector, addEventListener) og modulstruktur.
• Byg en lille funktion: fx en simpel toggle eller formatter (ingen frameworks).
• Split kode i små funktioner; navngiv efter hensigt.

5) Git og versionsstyring

• git init, første commit og .gitignore.
• Commit ofte med korte, meningsfulde beskeder. Push til et privat repo hvis du vil.

6) Første deploy

• Start simpelt: host statiske filer. Tjek at metadata, titler og links virker.
• Test i mobil‑viewport. Gennemgå tilgængelighed (kontrast, fokus, labels).

7) Næste skridt

• Forfin semantik og læsbarhed; læg mærke til heading‑hierarki.
• Udvid med små komponenter (kort, lister, tabeller) og hold koden læsbar.
• Læs artikler om tilgængelighed og performance – små forbedringer giver læring.