Webbutveckling Grundläggande | HTML | CSS | JavaScript

Första stegen i utveckling:

• Utskriftsaktion console.log

• Definiera en variabel av typ var

• Kombinera variabler med console.log

Grundläggande matematiska operationer:

• Definiera nummervariabler

• Aritmetiska operationer - addition, subtraktion, multiplikation och division

• Använda console.log med aritmetiska operationer

Strängar:

• Vad är en sträng

• Definiera strängvariabler

• Förstå strängindexering

• Använda operatorn hakparenteser []

Villkor och booleska variabler:

• Förståelse av if-villkor

• Större än-operation

• Mindre än-operation

• Likhetsoperation

• Olikhetsoperation (inte lika med)

• Större än eller lika med-operation

• Mindre än eller lika med-operation

• Användning av enkla villkor

Avancerade villkor:

• Avancerade villkor och logiska operatorer (&& och ||)

• Användning av if och else

• Användning av komplexa villkor med else if

Modulo-operationen:

• Använda modulo-operationen (%) för att beräkna rest

• Använda en metod för att beräkna antalet siffror i ett tal

• Använda parseInt för att avrunda ett tals resultat

While-loopar:

• Hur man skriver en while-loop

• Förstå konceptet av index och dess användningar

For-loopar:

• Definiera en for-loop och dess användningsområden

• Förstå loop-initialisering, inkrement och avslutning

Avancerade ämnen med modulo:

• Använda modulo för mer komplexa uppgifter

• Hur man beräknar summan av siffrorna i tal

Arrayer:

• Definiera en array

• Förstå konceptet med index i en array och dess användning

• Iterera över arrayer med loopar

Objekt:

• Definiera ett tomt objekt

• Initiera nycklar i ett objekt

• Åtkomst till nycklar med punktoperatorn

• Dynamisk åtkomst till nycklar

Avancerade ämnen om objekt:

• Array av objekt

• Använda en loop för att iterera över en array av objekt

• Object.keys-metoden

• Object.values-metoden

• JSON.stringify-metoden

• JSON.parse-metoden

Funktioner Del A:

• Definiera funktioner

• Definiera argument för en funktion

• Returvärden av en funktion

• Att skriva mer komplexa funktioner

Funktioner Del B:

• Anropa flera funktioner

• Anropa en funktion inuti en annan funktion.

• Kedjefunktioner

Nästlade For-loopar:

• Definiera nästlade for-loopar

• Korrekt användning av index

• Komplexa exempel med arrays

Bygga ett element med kod:

• Kombinera områdena HTML, CSS och JavaScript

• Förstå DOM (Document Object Model)

• Skapa ett enkelt HTML-element med kod

• Använda innerText och classList

• Använda appendChild-funktionen

Att bygga en lista med en loop:

• Skapa ett dynamiskt ul-element

• Skapa dynamiska li-element

• Använda funktioner för dynamisk skapelse

Hämta element från sidan:

• Förstå funktionen getElementById för hämtning

• Förstå funktionen getElementsByClassName för hämtning

• Förstå funktionen getElementsByTagName för hämtning

• Förstå funktionen querySelectorAll för hämtning

• Förstå funktionen querySelector för hämtning

• Förstå funktionen createElement för skapande

Att bygga en dynamisk tabell:

• Skapa ett tabell-element dynamiskt

• Använda arrays och funktioner för att bygga tabellen

Händelser Del A:

• Binda ett klick-event till en knapp

• Använda addEventListener

• Dynamiskt infoga innehåll på sidan efter en händelse med användaren

Händelser Del B:

• Användning av inputs och events

• Integration av dynamiska element

• Mer komplexa exempel

Callback-funktioner:

• Vad är en callback-funktion

• När man ska använda den

• Hur man skickar argument

• Hur man kontrollerar kodens korrekthet

Timers:

• Förstå setTimeout-funktionen

• Förstå setInterval-funktionen

• Förstå asynkron natur i språket

Kommunikation med servern Del A:

• Förstå xmlHttpRequest-objektet

• Skapa kommunikation med en riktig server för att hämta data

• Bygga dynamiska element på sidan

Kommunikation med servern Del B:

• Använda events och kommunikation

• Skapa ett komplext flöde för en dynamisk sida som interagerar med servern

• Förstå asynkront beteende i JavaScript

Att använda Promises:

• Att förstå Promise-objektet

• Använda then och catch

• Skapa kommunikation med Promises

• Skapa ett komplext flöde med Promises

Avslutande ord