Webbutveckling 1 · område 1 · v.34–36

Igång med webben

Nio lektioner för att få verktygen på plats och en bild av hur webben faktiskt fungerar, innan du skriver kod på egen hand. HTML-grunderna lär du dig på köpet, i ett projekt vi bygger tillsammans.

4 sept Inlämning kl 23:59 Så fungerar webben. Länken till ditt publika repo lämnas i itslearning.

Inget prov på det här området

Område 1 bedöms som deltagande och färdigställande. Första provet kommer efter område 2, måndag 5 oktober.

Material

Guide Kom igång

Konto, eget repo, Codespace, din första commit och hur du lämnar in. Med felsökning och ordlista.

Faktablad Från adress till sida

Vad som händer mellan enter och att sidan syns. Klient och server, DNS, adressens delar – och en övning i DevTools.

Uppgift Så fungerar webben

Områdets projekt. Uppdraget, kraven i tre nivåer och stegen vi bygger tillsammans. Deadline 4 september.

Lektionerna

Datum	Vad vi gör	Missade du passet?
fre 21/8	Kursintro, GitHub och Codespaces. Du skapar ditt repo, öppnar ditt Codespace och gör din första commit.	Hela guiden
mån 24/8	Webbens historia, funktion och påverkan. Klient och server, HTTP, DNS, URL:ens delar. Ta med datorn – vi öppnar DevTools.	Faktabladet
tis 25/8	Projektet: struktur. Vi bygger tillsammans. Dokumentets grund, semantiska block, rubriker och text.	Tisdagens steg
fre 28/8	Projektet: innehåll. Bilder, listor och länkar.	Fredagens steg
mån 31/8	Projektet: enkel form. Första kontakten med CSS – färg, typsnitt och avstånd.	Måndagens steg
tis 1/9	Projektet: färdigställ. Sista delarna på plats.	Innan du lämnar in
fre 4/9	Publicering och inlämning. GitHub Pages aktiveras, din sajt blir publik. Deadline 23:59.	Så lämnar du in

Vad du kan efter området

Beskriva vad som händer när du skriver en adress och trycker enter.
Skilja på klient och server, och veta vad HTTP, DNS och en URL:s delar är.
Arbeta i ett eget repo på GitHub via Codespaces.
Göra en commit med ett begripligt meddelande och skicka upp den.
Publicera en sida med GitHub Pages och lämna in länken i itslearning.
Använda webbutvecklingens vanligaste ord utan att gissa vad de betyder.