Kodskolan

Lär dig TypeScript på svenska

TypeScript är JavaScript med typer. Det hittar felen innan koden körs, och de flesta större webbprojekt använder det i dag.

  • 📚 130 övningar
  • 🛤️ 13 banor
  • 💻 I webbläsaren
  • 🆓 Gratis att börja
▶ Börja kursen

Inget konto behövs för att börja.

Så här kan det se ut

type Betalning =
  | { sätt: 'kort'; nummer: string }
  | { sätt: 'swish'; telefon: string };

function kvitto(b: Betalning): string {
  return b.sätt === 'kort' ? 'Kort ' + b.nummer : 'Swish ' + b.telefon;
}

Det här lär du dig

  1. Första typerna Sedan kan du bygga variabler som TypeScript vakar över, så att ett tal aldrig råkar bli text.
  2. Typade funktioner Sedan kan du bygga funktioner som säger vad de vill ha och vad de lovar att ge tillbaka.
  3. Arrayer och objekt Sedan kan du bygga listor och objekt där varje egenskap har rätt typ.
  4. Egna typer Sedan kan du bygga egna typer som Kund och Order, som hela programmet delar.
  5. Antingen eller Sedan kan du bygga värden som bara får vara vissa saker, som 'liten' | 'stor'.
  6. Det som kan saknas Sedan kan du bygga kod som aldrig kraschar på undefined, eftersom TypeScript tvingar dig att kolla först.
  7. Sorterade fall Sedan kan du bygga en betalning som kan vara kort, Swish eller faktura, där TypeScript påminner om varje fall.
  8. Generics Sedan kan du bygga funktioner som fungerar för alla typer men ändå vet exakt vad de ger tillbaka.
  9. Verktygstyper Sedan kan du bygga nya typer gjorda av gamla, utan att skriva samma sak två gånger.
  10. Data utifrån Sedan kan du bygga kod som hämtar data från nätet och kollar att den ser ut som utlovat.
  11. Felsökning Sedan kan du bygga en lugn läsning av vilket typfel som helst, rad för rad.
  12. React med TypeScript Sedan kan du bygga komponenter i React där fel props fångas innan sidan ens laddar.
  13. Slutprojektet Sedan kan du bygga en hel typad app från grunden, typer, logik och komponenter.

För vem?

Dig som kan grunderna i JavaScript och vill skriva säkrare kod.

Du behöver kunna: Grunderna i JavaScript.

Ingår i spåren: 🌐 Webbutvecklare, 🚀 Fullstack

Andra kurser