Sådan lærer du HTML og CSS for at bygge et websted i 2022

Selv om du ikke behøver at lære kode for at bruge en webside builder, finder mange mennesker tanken om at starte et website ret skræmmende.

Tanken om at lære at kode er skræmmende, især med de mange forskellige programmeringssprog, der findes. Når du først er begyndt at lære HTML og CSS, er det faktisk overraskende nemt, end du måske havde troet.

Hvis du overvejer at starte dit eget websted, vil du måske se på, hvordan du kan komme i gang med kodning. Ja, det er nemt at oprette et websted ved hjælp af en skabelon, men hvis du ønsker at foretage mere dybtgående ændringer og tilpasse dit websted yderligere, er kodning en god måde at komme videre på.

Indholdsfortegnelse

Hvad er kode?

Koden ligger bag et websted og er i bund og grund fundamentet for ethvert websted eller program, du bruger. Kodning handler om at samle forskellige dele af mindre kode for at skabe en stor, velfungerende kodebase.

Selv overskriften på denne artikel “Hvad er kode?” er omgivet af kode, så den kan vises i din webbrowser.

Webudvikling kan generelt opdeles i to kategorier: front-end og back-end kode.

Front-end-kode er det, som brugeren kan se, f.eks. billeder, knapper og tekst. Back-end-kode sørger for, at andre funktioner fungerer, f.eks. logins, sikkerhed osv.

Er kode vigtigt?

Kode er meget vigtig, for uden den ville du ikke kunne få adgang til websteder eller computerprogrammer.

At lære at kode er helt klart undervurderet, men det er vigtigt, fordi det kan hjælpe dig med at reparere noget ret nemt selv. Ligesom du kan lære det grundlæggende om en bilmotor, kan du ved hjælp af kodning forstå det grundlæggende i webudvikling.

Uden kodning ville computere bogstaveligt talt ikke kunne gøre noget. De ville være fuldstændig ubrugelige. Det skyldes, at kildekoden er det sæt instruktioner, der fortæller computeren, hvad den skal gøre. Computere har trods alt ingen fri vilje, så uden eksplicitte instruktioner er de bare sofistikerede metalklumper. Helt ærligt, det ville være svært at komme i tanke om ting, vi bruger i dag, som ikke er afhængige af software i en eller anden form. Så hvis man antager, at man sætter pris på nogen af disse ting, er selve deres eksistens grunden til, at kodning er vigtig.

Kodning bruges hver dag i mange ting, som vi interagerer med, f.eks:

  • Spille et videospil
  • Søgning efter noget på Google
  • Skrivning af et dokument
  • Køb af noget på Amazon
  • Se en film på en streamingtjeneste som Netflix

Forskellige typer af kode

Der findes mange forskellige programmeringssprog, og der er ingen forventning om at lære dem alle. Hvis du nogensinde har kigget på job inden for webudvikling eller programmering, har du bemærket, at der findes forskellige typer.

Hvis du ønsker at oprette, administrere og drive et websted, er de vigtigste sprog, som det er godt at lære, HTML, CSS, JavaScript og PHP.

Jeg ved godt, at det nok er lidt overvældende, men du behøver ikke at være ekspert i alle typer programmeringssprog. Det er nok at have en grundlæggende forståelse af dem, så lad os se på, hvad de hver især er.

HTML

Hypertext Markup Language (HTML) er det grundlæggende indhold på et websted. Ting som tekst, knapper og formatering styres af HTML.

CSS

Cascading Style Sheets (CSS) styrer, hvordan indholdet på dit websted ser ud. CSS kan f.eks. bestemme, hvilke skrifttyper der skal bruges, farven på skrifttyperne på forskellige sider osv. Hvis du kan se noget på et websted, er det sandsynligvis styret af CSS.

JavaScript

JavaScript styrer interaktionerne på et websted. Så hvis HTML skaber en knap, og CSS styrer, hvordan den ser ud, styrer JavaScript, hvad der sker, når der trykkes på en knap. Det kan f.eks. være at sende en e-mail eller navigere til et andet område på webstedet.

PHP

Hypertext Preprocessor (PHP) er et back-end kodningssprog, der styrer ting som brugerkonti, logins, e-mails osv. En bruger ville aldrig se PHP, men uden det ville han/hun ikke kunne interagere med et websted som ønsket.

Hvis du vil se det simpelt, er frontend det, som folk ser (HTML, CSS, JavaScript), og backend det, som er opførslen (PHP).

Hvordan man lærer kode: Ressourcer

Der er absolut ingen mangel på måder at lære at kode på. Der findes masser af tjenester på internettet, som er klar til at give dig mulighed for at lære nye færdigheder.

Vi vil se på nogle af de mest populære og anbefalede måder at lære at kode i HTML, CSS, JavaScript og PHP på.

1. Codeacademy

Pris: Pris: Gratis abonnement, $19.99/måned

Codeacademy tilbyder omfattende kurser i 15 forskellige programmeringssprog. Hvert sprog giver dig mulighed for at gennemføre et kursus på et højt niveau.

Hvis du ikke er sikker på, hvor du skal begynde, tilbyder Codeacademy en quiz, som du kan tage for at finde ud af, hvor det er bedst at starte.

2. Code.org

Pris: Gratis

Code.org er en gratis ressource, der specifikt fokuserer på undervisning i kodning for K-12-årgangene. Hvis du har et barn, der er interesseret i kodning, eller hvis du ønsker at lære kode i en mere afslappet atmosfære, er dette et godt udgangspunkt.

Du kan lære at kode små spil og apps og afprøve dit færdige produkt. På Code.org kan du først spille spillet eller interagere med en app og derefter lære at kode den.

Kurserne er meget strukturerede, så man har ikke rigtig mulighed for at eksperimentere med det, man har lært. Meget af det, der er tilgængeligt på code.org, er skræddersyet til børn, så der er begrænset information om webudvikling.

3. W3Schools

Pris: Gratis

Hvis du skriver “HTML-eksempel” i Google, er der gode chancer for, at du lander på W3Schools-webstedet. Det er et godt sted for begyndere, da du kan oprette en gratis konto, og processen er enkel.

Du kan gennemgå masser af tutorials om, hvordan man koder på flere sprog, med eksempler og et sted, hvor du kan afprøve din egen kode.

4. Py

Pris: Pr: Gratis, 39,99 $ om året

Py er en mobilapp, der er meget minimalistisk i håb om at give dig mulighed for at fokusere på dine kodningsevner. Der tilbydes daglige lektioner i at kode i sprog som HTML, CSS, JavaScript osv.

Du kan starte med det grundlæggende og arbejde dig op til at udvikle dit eget websted eller din egen app. Det er utroligt nyttigt at kunne lære at kode på telefonen og tage lidt tid ud af din travle tidsplan, mens du pendler fra arbejde.

Gode tips til at lære at kode

Nu hvor vi har gennemgået det grundlæggende i at lære at kode, har vi nogle gode råd til dig, som du kan fordøje, før du går i gang.

En ad gangen

Det er vigtigt, at du ikke overbebyrder dig selv med at lære mere end ét programmeringssprog på én gang. De er komplicerede nok i forvejen. Det er værd at blive dygtig eller i det mindste forstå det grundlæggende i at kode på ét sprog, før du går over til et andet.

Hvis du har travlt med at starte et websted, bør du først lære HTML. Når du først har forstået HTML, vil andre programmeringssprog faktisk give meget mere mening.

Forsøg og fejl

Hvis du begår en fejl ved kodning, går verden ikke under. Det er meget nemt at slette en kodelinje og starte forfra.

Du skal ikke være bange for at prøve nye ting. Hvis de ikke virker, er du ikke taber. Når du har fået en grundlæggende forståelse af et programmeringssprog, kan du begynde at være kreativ. Det eneste, du vil miste ved at prøve dig frem, er tid.

Hav tålmodighed

Jeg ved, at vi alle gerne vil være mestermusikere og webudviklere fra den ene dag til den anden, men virkeligheden er, at det ikke sker, uanset hvor hårdt du arbejder på noget.

Vær tålmodig, når du lærer at kode. Jeg vil ikke lyve, det er frustrerende, men den tid og indsats, du lægger i det, vil være det hele værd i sidste ende. Hvis du stirrer på en kodelinje og ikke kan finde ud af, hvad du mangler, så gå væk og tag en pause, og kom tilbage til det igen.

Resumé

Kodning udvikler sig dag for dag, og der er masser af muligheder for at lære at kode og bruge det til din fordel.

Det er ikke kun websteder, der bruger kode, men hvis du skal starte et websted, er det et godt sted at begynde. Der er masser af ressourcer til rådighed, så gør brug af dem og lær selv at lave et websted.