Du har bestemt deg for å lære programmering, men du vet ikke helt hvor du skal starte. Du har kanskje hørt at JavaScript er et godt førstespråk, men nettleseren virker komplisert, og du er usikker på hva du faktisk trenger. Gode nyheter: du trenger ingenting annet enn nettleseren du allerede har åpen. Å komme i gang med JavaScript tar bokstavelig talt to minutter.
Hvorfor JavaScript er et godt startpunkt
JavaScript er programmeringsspråket som driver nettsider. Hver gang du klikker en knapp, fyller ut et skjema eller ser en animasjon på en nettside, er det sannsynligvis JavaScript som gjør jobben. Språket er innebygd i alle moderne nettlesere, noe som betyr at du ikke trenger å installere noe for å begynne. De fleste andre programmeringsspråk krever at du setter opp egne verktøy og kjøremiljøer. Med JavaScript åpner du bare nettleseren.
Ifølge MDN Web Docs er JavaScript et av de tre grunnpilarene i webutvikling, sammen med HTML og CSS. Det gjør språket til det mest brukte programmeringsspråket i verden. Når du lærer JavaScript, lærer du et språk med enorm etterspørsel i arbeidsmarkedet.
Komme i gang med JavaScript i nettleseren
Åpne Google Chrome (eller nettleseren du foretrekker). Trykk F12 på tastaturet, eller høyreklikk hvor som helst på siden og velg Inspiser. Du får opp det som kalles utviklerverktøy. Klikk på fanen Console. Dette er konsolen, og den lar deg skrive JavaScript-kode direkte i nettleseren og se resultatet umiddelbart.
Skriv inn følgende og trykk Enter:
console.log("Hello World")
Teksten "Hello World" dukker opp under kommandoen du skrev. Gratulerer. Du har akkurat kjørt ditt første JavaScript-program. Denne kommandoen, console.log, er noe du kommer til å bruke ofte. Den skriver ut informasjon i konsolen uten å påvirke selve nettsiden.
Ditt første program utenfor konsolen
Konsolen er perfekt for å teste små kodesnutter, men ekte JavaScript-kode skrives i filer. For å komme i gang med JavaScript i filer trenger du to ting: en HTML-fil og en JavaScript-fil.
HTML-filen er selve nettsiden. JavaScript-filen inneholder koden. Du kobler dem sammen med en script-tagg. Inne i HTML-filen legger du til denne linjen innenfor body-taggen:
<script src="script.js"></script>
Nå kan du skrive all JavaScript-koden din i filen script.js, og nettleseren kjører koden automatisk når den laster siden. Dette er måten profesjonelle utviklere organiserer koden sin, og det er lurt å gjøre det slik fra starten.
Teksteditor gjør jobben enklere
Du kan skrive JavaScript i et hvilket som helst tekstprogram, men en teksteditor laget for kode gjør opplevelsen mye bedre. Visual Studio Code er det mest populære valget. Den er gratis, fungerer på alle operativsystemer, og gir deg fargekoding som gjør koden lettere å lese. Feil markeres med røde streker. Forslag dukker opp mens du skriver.
Last ned Visual Studio Code, opprett en mappe for prosjektet ditt, og lag de to filene: index.html og script.js. Åpne index.html i nettleseren, og du kan teste koden din med en gang. Hver gang du gjør en endring i script.js, lagrer filen og oppdaterer nettleseren, ser du resultatet.
Forstå console.log og document.write
JavaScript har flere måter å vise tekst på. De to vanligste i startfasen er console.log og document.write.
console.log skriver tekst i konsolen. Den er ypperlig for feilsøking og for å sjekke verdier mens du koder. Ingen besøkende på nettsiden ser hva du skriver her.
document.write skriver tekst direkte på selve nettsiden. Denne kommandoen er nyttig for å lære, men brukes i praksis ikke i moderne utvikling fordi den overskriver alt annet innhold på siden. Tenk på den som et treningsverktøy du kan bruke i starten, men som du bytter ut med bedre metoder etter hvert.
Vanlige feil når du starter
Den vanligste feilen blant nybegynnere er manglende anførselstegn. Tekst i JavaScript må alltid stå i anførselstegn, enten enkle ('tekst') eller doble ("tekst"). Glemmer du dem, tror JavaScript at teksten er et variabelnavn, og du får en feilmelding.
En annen vanlig feil er manglende parenteser. Kommandoer som console.log og document.write krever parenteser rundt det du vil skrive ut. Glemmer du å lukke parentesen, stopper programmet.
Feilmeldinger dukker alltid opp i konsolen. Når noe ikke fungerer, er konsolen det første stedet du bør sjekke. Feilmeldingene forteller deg hvilken linje feilen er på og hva som gikk galt. Med litt øvelse blir du vant til å lese dem.
Hva du bør lære etter Hello World
Nå som du har et fungerende oppsett, er det to ting du bør lære først. Det ene er variabler i JavaScript, som lar deg lagre og gjenbruke verdier. Det andre er if og else, som lar programmet ditt ta valg basert på betingelser. Disse to konseptene er grunnmuren i all programmering, uavhengig av språk.
Videoen til denne artikkelen er hentet fra kurset JavaScript for nybegynnere med kursholder Lars Vidar Nordli. I kurset bygger du opp JavaScript-kunnskapen fra bunnen, med praktiske eksempler der du skriver kode selv. Du lærer om variabler, funksjoner, løkker og hvordan du manipulerer nettsider direkte med koden din.
