Emner

Sproget, hele første semester er skrevet i. Start i toppen, hvis du aldrig har programmeret før.

• Arrays Arrays i JavaScript forklaret på dansk: opret en liste, hent et element, tilføj og fjern, og løb den igennem med en løkke. Med eksempler du kan køre.
• Datatyper i JavaScript Datatyper i JavaScript forklaret på dansk: number, string, boolean, undefined og null, og hvorfor 5 + "5" bliver til 55 i stedet for 10.
• for-løkken Hvad er en for-løkke? Forklaret på dansk med eksempler du kan køre, og de to fejl der giver en løkke, som kører én gang for meget eller aldrig stopper.
• Funktioner i JavaScript Funktioner i JavaScript forklaret på dansk: parametre, return og kald. Med eksempler du kan køre, og forklaringen på hvorfor din funktion giver undefined.
• if og else if, else og else if i JavaScript forklaret på dansk. Sådan får du programmet til at vælge, og sådan undgår du de tre klassiske begynderfejl.
• let og const Forskellen på let og const i JavaScript, forklaret på dansk med eksempler. Hvornår du bruger hvad, og hvorfor const stadig kan ændres indeni.
• Sammenligninger og === Forskellen på == og === i JavaScript forklaret på dansk, med eksempler på de sammenligninger der giver overraskende svar, og hvordan du undgår dem.
• Skabelonstrenge Skabelonstrenge i JavaScript forklaret på dansk. Sådan sætter du variabler ind i tekst uden plusser, og hvornår du skal passe på med brugerinput.
• Variabler i JavaScript Hvad er en variabel i JavaScript? Kort forklaring på dansk med eksempler, du kan køre i browseren, og de fejl alle laver i starten.
• while-løkken while-løkken i JavaScript forklaret på dansk. Hvornår du bruger while frem for for, hvordan do...while adskiller sig, og hvordan du undgår en uendelig løkke.
• Fejlfinding Sådan finder du fejl i JavaScript uden at gætte. Læs fejlbeskeden, brug console.log systematisk, og indsnævr problemet. Forklaret på dansk.
• JSON Hvad er JSON? Forklaret på dansk med eksempler. Forskellen på JSON og et JavaScript-objekt, og hvordan du bruger JSON.parse og JSON.stringify.
• map, filter og find map, filter, find og reduce i JavaScript forklaret på dansk, med eksempler du kan køre. Hvornår du bruger hvilken, og hvorfor de er bedre end en for-løkke.
• Objekter Objekter i JavaScript forklaret på dansk: nøgler og værdier, punktnotation, indlejrede objekter og arrays af objekter. Med eksempler du kan køre.
• Scope - hvor en variabel findes Scope i JavaScript forklaret på dansk: hvorfor en variabel fra en funktion ikke findes udenfor, og hvordan du læser ReferenceError is not defined.
• Asynkron JavaScript Asynkron JavaScript forklaret på dansk: promises, async og await, og hvorfor koden efter dit API-kald kører, før svaret er kommet.
• fetch - hent data fra et API Sådan bruger du fetch i JavaScript til at hente data fra et API. Forklaret på dansk, med fejlhåndtering, statuskoder og de fælder alle falder i.

Siden, browseren og forbindelsen mellem dem. HTML, CSS, HTTP og API-kald.

• CSS og selektorer CSS-selektorer forklaret på dansk: klasse, id og element, boksmodellen og specificitet, altså hvorfor din regel ikke slår igennem.
• HTML-sidens opbygning HTML forklaret på dansk: sidens opbygning, de vigtigste tags, og hvorfor semantiske elementer betyder noget for både brugere og søgemaskiner.
• HTTP-statuskoder HTTP-statuskoder forklaret på dansk: 200, 301, 400, 401, 403, 404 og 500. Hvad de betyder, og hvem der har problemet. Dig eller serveren.
• DOM - JavaScript på siden DOM forklaret på dansk: find elementer med querySelector, skift tekst og klasser, og opret nye elementer. Med de fejl der giver null i konsollen.
• Events - reagér på klik Events i JavaScript forklaret på dansk: addEventListener, klik, formularer og preventDefault. Med de fejl der gør, at din knap ikke reagerer.
• HTTP-protokollen Hvad er HTTP? Forklaret på dansk: request og response, metoderne GET og POST, headers og hvorfor protokollen er tilstandsløs.
• Hvad er et API? Hvad er et API? Forklaret på dansk uden fagsprog, med et konkret eksempel på et kald, hvordan svaret ser ud, og hvad en API-nøgle er til.
• Responsivt design Responsivt design forklaret på dansk: viewport, media queries og fleksible enheder. Sådan får du siden til at fungere på telefonen uden at bygge den to gange.

Fejlbeskederne er på engelsk, og de siger mere, end de ser ud til. Her er hvad de betyder.

• Uncaught SyntaxError Uncaught SyntaxError i JavaScript forklaret på dansk: hvad de forskellige varianter betyder, og hvordan du finder den manglende parentes på et minut.
• Cannot read properties of undefined Cannot read properties of undefined forklaret på dansk. Hvad fejlen betyder, de fire almindelige årsager, og hvordan du finder den på under et minut.
• Hvorfor får jeg NaN? NaN i JavaScript forklaret på dansk. De fem årsager til at et regnestykke giver NaN, hvordan du finder den skyldige, og hvordan du undgår det.

Andet semester. Klasser, objekter, arv og de tegninger, der hører til.

• Klasser og objekter Klasser i JavaScript forklaret på dansk: constructor, metoder, this og new. Med kørbare eksempler og de fejl, der giver undefined inde i en metode.
• Objektorienteret programmering Objektorienteret programmering forklaret på dansk. Hvad klasser og objekter er, hvorfor man gør det, og de fire begreber du bliver spurgt om til eksamen.
• UML-klassediagram UML-klassediagram forklaret på dansk: kassernes tre dele, synlighed med plus og minus, og hvad de forskellige streger og pile betyder.
• Arv Arv i objektorienteret programmering forklaret på dansk: extends, super og overskrivning af metoder. Med eksempler og en advarsel om for dybe hierarkier.
• Indkapsling Indkapsling i objektorienteret programmering forklaret på dansk, med private felter, gettere og settere i JavaScript og et konkret eksempel på hvorfor.

Hvordan de tre lag i en webapplikation hænger sammen, og hvorfor de holdes adskilt.

• Hvad laver en backend? Hvad laver en backend? Forklaret på dansk: ruter, forretningslogik, databaseadgang og hvorfor hemmeligheder aldrig må ligge i frontend.
• Tre-lagsarkitektur Tre-lagsarkitektur forklaret på dansk: frontend, backend og database, hvad hvert lag har ansvaret for, og hvad der går galt når reglerne ligger i det forkerte lag.

Databasen. Modellering, forespørgsler og hvorfor de bliver langsomme.

• SELECT - hent data SELECT i SQL forklaret på dansk: kolonner, ORDER BY, DISTINCT og aliasser. Med eksempler og rækkefølgen databasen faktisk udfører delene i.
• WHERE - filtrér rækker WHERE i SQL forklaret på dansk: sammenligninger, AND og OR, LIKE, IN, BETWEEN og hvorfor NULL aldrig er lig med noget som helst.
• Datamodellering Datamodellering forklaret på dansk: fra beskrivelse til tabeller, entiteter og relationer, og hvordan en mange-til-mange-relation løses med en tredje tabel.
• GROUP BY og aggregering GROUP BY i SQL forklaret på dansk: COUNT, SUM og AVG, forskellen på WHERE og HAVING, og hvorfor du får en fejl om kolonner der ikke er i gruppen.
• INSERT, UPDATE og DELETE INSERT, UPDATE og DELETE i SQL forklaret på dansk med eksempler, og den vane der forhindrer dig i at opdatere hele tabellen ved et uheld.
• JOIN forklaret SQL JOIN forklaret på dansk: inner join, left join og forskellen på dem. Hvorfor du pludselig får flere rækker, end du forventede, og hvordan du undgår det.
• Primærnøgler og fremmednøgler Primærnøgler og fremmednøgler forklaret på dansk med eksempler i SQL. Hvorfor de findes, hvordan de sættes op, og hvad referentiel integritet betyder.
• Indeks og optimering Indeks i databaser forklaret på dansk: hvad et indeks gør, hvornår det hjælper, hvornår det ikke gør, og hvordan du finder ud af hvorfor en forespørgsel er langsom.
• Normalisering Normalisering forklaret på dansk med et gennemgående eksempel gennem første, anden og tredje normalform, og hvornår man bevidst afviger fra det.
• Transaktioner Transaktioner i SQL forklaret på dansk: commit, rollback og ACID. Hvornår du har brug for en transaktion, og hvad der sker hvis du ikke bruger en.