Intro

• Vad är javascript
• Javascript är ett front-end språk
• Avsluta kod med semikolon
• Kommentarer
• Stor Bokstav är inte samma som liten bokstav
• Inspektera en hemsida
• Vad gör man när man fastnar
• Frivillig extra läsning

Vad är Javascript

Javascript är ett programmeringsspråk som används av (nästan) alla hemsidor i världen. Javascript kommer med i webbläsare så man behöver inte installera det.

Javascript används tillsammans med HTML och CSS för att skapa hemsidor. Man kan säga att HTML lägger strukturen på hemsidan, CSS gör sidan fin och Javascript gör att man kan interagera med hemsidan.

Alla programmeringsspråk ser ganska lika ut men har vissa skillnader, om man kan ett språk så har man en bra start för att lära sig andra. Några saker som alla språk använder sig av är till exempel variabler, loopar, villkor, händelse, operator, funktioner och mer. Alla dessa förklarar jag i detta dokument.

Javascript är ett front-end språk

Man kan dela upp programmeringsspråk i front-end eller back-end.

Backend språk används av en server som ofta är kopplat till en databas. Den hämtar data från databasen och skickar den till klienten(den som använder hemsidan eller programmet). Om du är på en sida så har du inte tillgång till backend-koden, den finns på en server av den som äger hemsidan.

Frontend språk är inte kopplade till databasen, den får data från backend och visar det till användaren. Ett frontend språk ligger inte på servern, den ligger på användarens dator. När du använder en hemsida så är det din dator som har fått en javascript fil och läser den, du har full tillgång till javascript koden.

Det är faktiskt möjligt att använda javascript som backend språk med något som heter node.js, men det är överkurs.

Avsluta kod med semikolon

I Javascript så avslutar man en bit kod med ett semikolon(;). Detta berättar för datorn att denna delen av koden är klar och nästa del kommer börja. Det är väldigt vanligt att när man har problem i javascript så har man glömt ett semikolon så se upp efter det om koden inte funkar.

Kommentarer

I din Javascript kod kan du lämna kommentarer. En kommentar kommer inte att köra någon kod utan är bara för den som läser din kod och vill förstå vad som händer. Det finns två sätt att skriva kommentarer antigen med två snedstreck
// Detta är en kommentar
Eller omringa med ett snedstreck och en stjärna

/* 
Detta är en kommentar
Detta är fortfarande en kommentar
*/

Stor Bokstav är inte samma som liten bokstav

Javascript är ett språk som är “case sensitive", det betyder att ett namn som har stora bokstäver kommer vara annorlunda från samma namn med små bokstäver. Därför är det viktigt att hålla koll på små och stora bokstäver i din kod.
Till exempel: Hejsan är inte samma som hejsan

Inspektera en hemsida

Något du kanske känner till är att på alla sidor kan du högerklicka och sedan trycka på “inspect”, detta öppnar ett nytt fönster på höger sida. Här kan du se mycket information om en sida och det är uppdelat i olika tabbar(elements, console, sources, osv).
Elements är där du kan se html koden för den sidan vilket ofta kan vara användbart. Du kan hitta id och klasser för olika html element som du sedan kan använda javascript för att ändra.
Console är där du kan hitta felmeddelande om det finns några eller om det är fel på din javascript kod. Det är också möjligt att skriva ut information till denna konsol vilket är ofta användbart. Koden för det ser ut så här: Console.log(“Detta skrivs ut i konsolen”);
Sources är där du kan se all front-end kod. Detta inkluderar HTML, CSS, Javascript, bilder, mm. Det kan vara bra om du vill lära dig från någon annans Javascript kod.

Vad gör man när man fastnar

Alla programmerare har tider då någonting går fel och man håller på att bli galen. Det finns flera sätt att försöka fixa detta. Här är några länkar som kan hjälpa i sådana situationer:

• www.google.com - Det är väldigt vanligt att använda google för att söka på problemet
• https://stackoverflow.com/ - När man söker på google är det stor chans att man hamnar på denna hemsida, det är en sida för programmerare att ställa frågor och få svar
• https://chatgpt.com/ - På sistånde har AI blivit ett stort ämne, en av sakerna AI är bäst på är programmering. Skriv en fråga precis som du hade frågat en människa och var inte rädd att ställa uppföljningsfrågor
• https://www.w3schools.com/js/ - Denna sida har mycket bra info om javascript och på vänster sida kan du välja den exakta delen av javascript du har problem med för att lära dig mer.

Frivillig extra läsning

Här kan du gå djupare in i detta kapitlet om du vill: