Hvordan lære HTML og CSS for å bygge et nettsted i 2022

Selv om du ikke trenger å lære kode for å bruke en nettstedsbygger , synes mange mennesker ideen om å starte et nettsted er ganske skremmende.

Tanken på å lære å kode er skremmende, spesielt med de forskjellige kodespråkene som er tilgjengelige. Når du først har dykket ned i hvordan du lærer HTML og CSS, er det faktisk overraskende enklere enn du kanskje trodde.

Hvis du vurderer å starte ditt eget nettsted, kan det hende du ser etter måter å komme inn på koding. Ja, å bruke en mal er en enkel måte å lage et nettsted på, men hvis du ønsker å gjøre mer dyptgående endringer og ytterligere tilpasse nettstedet ditt, er koding en fin vei videre.

Innholdsfortegnelse

Hva er kode?

Koden sitter bak et nettsted og er i hovedsak grunnlaget for enhver nettside eller applikasjon du bruker. Koding handler om å sette sammen forskjellige biter av mindre kode for å lage en stor, fungerende kodebase.

Selv overskriften på denne artikkelen “hva er kode?” er omgitt av kode for at den skal vises i nettleseren din.

Nettutvikling kan generelt deles inn i to kategorier; front-end og back-end kode.

Front-end-kode er det brukeren kan se, for eksempel bilder, knapper og tekst. Back-end-kode gjør at annen funksjonalitet fungerer som pålogginger, sikkerhet og så videre.

Er kode viktig?

Kode er veldig viktig fordi uten den ville du ikke ha tilgang til nettsteder eller dataprogrammer.

Å lære å kode er definitivt undervurdert, men det er viktig fordi det kan hjelpe deg å fikse noe ganske enkelt selv. Akkurat som du ville lære det grunnleggende om en bils motor, lar koding deg forstå det grunnleggende om webutvikling.

Uten koding ville datamaskiner bokstavelig talt ikke gjort noe. De ville vært helt ubrukelige. Det er fordi kildekoden er settet med instruksjoner som forteller datamaskinen hva den skal gjøre. Datamaskiner har tross alt ingen fri vilje, så uten eksplisitt instruksjon er de bare sofistikerte metallbiter. Ærlig talt, det ville være vanskeligere å tenke på ting vi bruker i dag som ikke er avhengige av programvare i en eller annen form. Så, forutsatt at du verdsetter noen av disse tingene, er deres eksistens grunnen til at koding er viktig.

Koding brukes hver dag med mange ting vi samhandler med, for eksempel:

  • Spiller et videospill
  • Søker etter noe på Google
  • Skrive et dokument
  • Kjøpe noe på Amazon
  • Se en film på en strømmetjeneste som Netflix

Ulike typer kode

Det finnes mange forskjellige kodespråk, og det er ingen forventning om å lære dem alle. Hvis du noen gang har sett på webutviklings- eller programmeringsjobber, ville du ha lagt merke til at det finnes forskjellige typer.

Hvis du ønsker å opprette, administrere og drive et nettsted, er hovedspråkene som vil være gode å lære HTML, CSS, JavaScript og PHP.

Nå vet jeg at det sannsynligvis er litt overveldende, men du trenger ikke å være ekspert på hver type kodespråk. En grunnleggende forståelse av dem er nok, så la oss ta en titt på hva hver enkelt er.

HTML

Hypertext Markup Language (HTML) er grunnleggende nettstedinnhold. Ting som tekst, knapper og formatering styres av HTML.

CSS

Cascading Style Sheets (CSS) styrer hvordan innholdet på nettstedet ditt ser ut. For eksempel kan CSS bestemme hvilke fonter som brukes, fargen på skriftene på forskjellige sider osv. Hvis du kan se noe på et nettsted, er det sannsynligvis kontrollert av CSS.

JavaScript

JavaScript styrer interaksjonene på et nettsted. Så hvis HTML lager en knapp og CSS kontrollerer hvordan den ser ut, kontrollerer JavaScript hva som skjer når en knapp trykkes. Det kan for eksempel sende en e-post eller navigere til et annet område på nettstedet.

PHP

Hypertext Preprocessor (PHP) er et back-end-kodespråk som kontrollerer ting som brukerkontoer, pålogginger, e-poster osv. En bruker ville aldri se PHP, men uten det ville de ikke kunne samhandle med et nettsted som ønsket.

Hvis du vil se på det enkelt, er front-end det folk ser (HTML, CSS, JavaScript) og back-end er atferden (PHP).

Hvordan lære kode: Ressurser

Det er absolutt ingen mangel på måter å lære å kode på. Det er mange tjenester tilgjengelig på internett som er klare og venter på at du skal ta opp en ny ferdighet.

Vi tar en titt på noen av de mest populære og anbefalte måtene du kan lære å kode i HTML, CSS, JavaScript og PHP.

1. Kodeakademi

Pris: Gratis plan, $19,99/md

Codeacademy tilbyr omfattende kurs i 15 forskjellige programmeringsspråk. Hvert språk lar deg fullføre et kurs til et høyt nivå.

Hvis du ikke er sikker på hvor du skal begynne, tilbyr Codeacademy en quiz som du kan ta for å lære hvor det er best å begynne.

2. Code.org

Pris: Gratis

Code.org er en gratis ressurs som spesifikt fokuserer på K-12 kodingsopplæring. Hvis du har et barn som er interessert i koding, eller du ønsker å lære kode i en mer uformell setting, er dette et flott utgangspunkt.

Du kan lære hvordan du koder små spill og apper, i tillegg til å teste ut det ferdige produktet. Code.org lar deg spille spillet eller samhandle med en app først, og tar deg deretter gjennom trinnene for å lære hvordan du koder den.

Kursene er veldig strukturerte, så du ville egentlig ikke vært i stand til å eksperimentere med det du har lært. Mye av det som er tilgjengelig på code.org er skreddersydd for barn, så det er begrenset informasjon om nettutvikling.

3. W3Skoler

Pris: Gratis

Hvis du skriver “HTML-eksempel” i Google, er sjansen stor for at du kommer til å lande på W3Schools-nettstedet. Det er et flott sted for nybegynnere siden du kan opprette en konto gratis, og prosessen er enkel.

Du kan gå gjennom mange veiledninger om hvordan du koder på flere språk, med eksempler og et sted hvor du kan teste ut din egen kode.

4. Py

Pris: Gratis, $39,99 per år

Py er en mobilapp som er veldig minimalistisk i håp om at den lar deg fokusere på kodeferdighetene dine. Den tilbyr daglige leksjoner om hvordan du koder på språk som HTML, CSS, JavaScript, etc.

Med utgangspunkt i det grunnleggende kan du jobbe deg frem til å utvikle din egen nettside eller app. Å kunne lære å kode på telefonen din er utrolig nyttig, og ta litt tid utenfor den travle timeplanen din mens du er på vei tilbake fra jobb.

Topptips for å hjelpe deg med å lære å kode

Nå som vi har gått gjennom det grunnleggende om hvordan du lærer å kode, har vi noen gode tips du kan fordøye før du drar på vei.

En om gangen

Det er viktig å ikke overbelaste deg selv med å lære mer enn ett kodespråk på en gang. De er kompliserte nok som de er. Det er verdt å bli dyktig eller i det minste forstå det grunnleggende om hvordan du koder på ett språk før du går over til et annet.

Hvis du har det travelt med å starte et nettsted, bør det å lære HTML være ditt første skritt. Når du først har forstått HTML, vil andre kodespråk faktisk gi mye mer mening.

Prøving og feiling

Hvis du gjør en feil når du koder, kommer ikke verden til å ta slutt. Det er veldig enkelt å slette en kodelinje og starte på nytt.

Ikke vær redd for å prøve nye ting. Hvis de ikke fungerer, taper du ikke. Når du har en grunnleggende forståelse av et programmeringsspråk, kan du begynne å bli kreativ. Det eneste du kommer til å miste fra prøving og feiling er tid.

Vær tålmodig

Jeg vet at vi alle ønsker å bli mestermusikere og nettutviklere over natten, men realiteten er at det ikke kommer til å skje, uansett hvor hardt du jobber med noe.

Vær tålmodig når du lærer å kode. Jeg vil ikke lyve, det er frustrerende, men tiden og innsatsen du legger ned vil være verdt det til slutt. Hvis du stirrer på en kodelinje og ikke kan finne ut hva du går glipp av, ta en pause, og kom tilbake til det.

Sammendrag

Koding utvikler seg for hver dag som går, med mange måter å lære å kode og bruke det til din fordel.

Det er ikke bare nettsteder som bruker kode, men hvis du starter et nettsted, er det et flott sted å begynne. Det er mange ressurser tilgjengelig, så bruk dem og lær hvordan du lager en nettside selv.