Kapitel 2: HTML och Git – Webbens byggstenar och kodens historik
I det föregående kapitlet fick vi en överblick över webbutvecklingens värld. Nu är det dags att kavla upp ärmarna och börja bygga!
Detta kapitel introducerar två fundamentala teknologier som alla webbutvecklare måste behärska:
- HTML (HyperText Markup Language): Språket vi använder för att definiera strukturen och innehållet på en webbsida. Tänk på det som skelettet som håller allt på plats. Utan HTML finns det ingen webbsida.
- Git: Systemet vi använder för att spara och hantera olika versioner av vår kod. Det är som en tidsmaskin och ett samarbetsverktyg i ett – helt avgörande när projekt växer eller när flera personer arbetar tillsammans.
Varför dessa två tillsammans?
När du börjar skriva HTML-kod, även för enkla sidor, vill du kunna spara ditt arbete på ett säkert sätt, kunna gå tillbaka om något går fel och ha en metod för att dela din kod. Git ger dig den tryggheten och strukturen redan från början.
Vad kommer du att lära dig i detta kapitel?
- Grunderna i HTML5: De vanligaste taggarna för att skapa text, rubriker, listor, länkar och bilder.
- Struktur och semantik: Varför det är viktigt att använda rätt HTML-element för rätt syfte – inte bara för utseendet, utan också för sökmotorer och tillgänglighet.
- Tillgänglighet (accessibility): Hur HTML kan användas för att göra webbplatser användbara för fler människor, inklusive de med funktionsvariationer.
- Introduktion till Git: Vad versionshantering är och varför det är så viktigt.
- Grundläggande Git-kommandon: Hur du praktiskt kommer igång med att skapa ett repository, spara ändringar (commits) och se historik.
- Arbeta med GitHub: Hur du använder en plattform som GitHub för att lagra din kod online och (senare) samarbeta med andra.
- Praktiska övningar: Du får bygga enkla HTML-strukturer och hantera dem med Git.
Låt oss börja med att lägga grunden för våra webbsidor med HTML!