Kom igång och programmera med TypeScript

Kategorier: Programmering
Önskelista Dela
Dela kurs
Sidlänk
Dela på sociala medier

Om kursen

Vill du ta din JavaScript-kompetens till nästa nivå? Denna heltäckande kurs i TypeScript är designad för dig som vill skriva robust, lättläst och typstark kod för moderna webbutvecklingsprojekt. Oavsett om du är nybörjare på TypeScript eller redan jobbar med JavaScript, kommer denna kurs ge dig en djup förståelse för hur du bygger säkra och underhållbara applikationer med TypeScript i fokus.

Genom 13 moduler får du steg-för-steg-lärande som börjar med grunderna: variabler, typer, funktioner och objekt. Därefter dyker vi ner i mer avancerade koncept som generics, utility types, decorators och typfunktioner. Du lär dig dessutom att integrera TypeScript med populära ramverk som Node.js och React, och vi visar hur du använder verktyg som ESLint, Webpack och tsconfig för en professionell arbetsmiljö.

Under kursens gång bygger vi tillsammans ett backendprojekt med Node.js och ett frontendprojekt med React, där du tillämpar det du lärt dig i praktiken. Du får tydliga förklaringar, kodexempel, quiz och kodövningar som hjälper dig att få en stabil och fördjupad förståelse.

Den här kursen passar perfekt för dig som:

  • Vill gå från JavaScript till typstark utveckling

  • Vill förstå hur TypeScript fungerar i större projekt

  • Vill förbereda dig för jobb inom modern webbutveckling

  • Vill integrera TypeScript med React eller Node.js

I slutet av kursen kommer du att:

  • Ha en djup förståelse för TypeScripts typningssystem

  • Kunna bygga fullstackprojekt med TypeScript

  • Känna dig trygg med avancerade funktioner som generics, decorators och type guards

  • Veta hur man konfigurerar och strukturerar professionella TypeScript-projekt

Välkommen till en kurs som ger dig verktygen för att ta kontroll över din kod och bygga framtidens applikationer!

Visa mer

Vad kommer du att lära dig?

  • Primära datatyper
  • Arrayer, Tuples, Enum
  • OOP med TypeScript
  • Skriva Generisk Kod
  • Typfunktioner
  • Verktyg som Webpack
  • Debugga i VS Code
  • Frontend & Backend
  • Integrera med JavaScript

Kursinnehåll

Introduktion

  • Varmt välkommen till kursen i TypeScript!
    03:59

Modul 1: Introduktion till TypeScript
TypeScript har snabbt blivit ett populärt verktyg bland utvecklare som vill skriva robust och lättunderhållen JavaScript-kod. I denna modul kommer vi att utforska vad TypeScript är, varför det används, och hur man kommer igång med att installera och konfigurera ett TypeScript-projekt. Vi kommer att titta på några av de grundläggande begreppen, förstå vad som gör TypeScript till ett så användbart verktyg, och steg-för-steg gå igenom hur man sätter upp sin utvecklingsmiljö.

Modul 2: Grunderna till TypeScript
I denna modul dyker vi in i grunderna i TypeScript, ett kraftfullt verktyg för att förbättra kvaliteten och läsbarheten i JavaScript-kod. TypeScript gör det möjligt att använda statisk typning, vilket innebär att du kan definiera och kontrollera typer redan under utvecklingsprocessen. På så sätt kan du undvika många vanliga buggar som annars kanske skulle ha upptäckts först när programmet körs. På samma sätt underlättar det vid omskrivningar av kod eftersom risken att använda funktioner felaktigt minskar. Vi kommer att gå igenom grundläggande koncept som hjälper dig att bygga säkrare och mer förutsägbara program. Genom att förstå och tillämpa dessa grundläggande tekniker kommer du att kunna förbättra dina utvecklingsfärdigheter och skriva kod som är både robust och lättare att underhålla.

Modul 3: Avancerade Typer
I den här modulen kommer vi att utforska några av TypeScripts mer avancerade typer, som ger dig kraftfulla verktyg för att göra dina program flexibla, tydliga och säkra. TypeScript erbjuder en mängd olika typer som kan kombineras och anpassas för att passa dina specifika behov, och vi kommer att fördjupa oss i hur dessa fungerar. Vi kommer att gå igenom hur man kombinerar olika typer, använder specifika värden som typer, samt hur man hanterar null och undefined på ett säkert sätt. Genom att bemästra dessa funktioner kommer du att kunna skriva kod som är mer robust och framtidssäker. Låt oss dyka djupare in i TypeScript och lära oss mer om dess kraftfulla typverktyg!

Modul 4: Objekt och funktioner
Välkommen till Modul 4! I den här modulen kommer vi att fördjupa oss i centrala byggstenar i TypeScript – objekt, funktioner och klasser. Dessa är viktiga komponenter för att skapa välstrukturerad och tydligt typad kod som är enkel att underhålla. Vi kommer att lära oss hur vi kan definiera strukturer med interface, hur funktioner kan typas och hur klasser ger oss stöd för objektorienterad programmering. Låt oss börja!

Modul 5: Generisk kod
I denna del introducerar vi begreppet generisk kod och dess syfte i TypeScript. Du lär dig varför detta är viktigt och hur de bidrar till att skapa flexibel, skalbar och återanvändbar kod. Generisk kod är en av TypeScripts mest kraftfulla funktioner eftersom de tillåter utvecklare att skapa komponenter som kan arbeta med en mängd olika datatyper samtidigt som typ-säkerheten bibehålls.

Modul 6: Projekt Todo del 1
Du ska bygga en enkel, men praktiskt användbar backend för en uppgiftshanterare. Syftet är att du ska få testa att bygga ett REST API i TypeScript med hjälp av Node.js och Express. Målet är en backend som hanterar skapande, hämtning, uppdatering och borttagning av uppgifter (CRUD).

Modul 7: Avancerade Funktioner och Typfunktioner
I den här modulen fördjupar vi oss i några av TypeScripts mest kraftfulla verktyg för typkontroll: typvakter och typinskräkning. Målet är att du ska förstå hur dessa mekanismer hjälper dig att skriva kod som inte bara är mer robust och lättare att felsöka, utan också mer förutsägbar och lättläst.

Modul 8: TypeScript och JavaScript-Integration
I den här modulen kommer vi att fokusera på hur TypeScript integreras med JavaScript och hur man på ett effektivt sätt kan arbeta med JavaScript-bibliotek i TypeScript-projekt. Eftersom många moderna webbprojekt använder en blandning av både JavaScript och TypeScript är det viktigt att förstå hur man säkerställer typkontroll även när man arbetar med kod som ursprungligen inte är skriven i TypeScript. Denna förståelse är avgörande för att kunna skapa stabila och underhållbara applikationer där typkontroll hjälper till att förebygga vanliga programmeringsfel och ökar utvecklingstakten genom förbättrad editorstöd.

Modul 9: Verktyg och God Praxis
När man arbetar med TypeScript i moderna utvecklingsmiljöer är det viktigt att inte bara skriva korrekt kod, utan även att skriva kod som är konsekvent, lätt att felsöka och följer beprövade riktlinjer. En välstrukturerad kodbas sparar tid, minskar risken för buggar och gör det lättare att samarbeta med andra utvecklare. I denna modul går vi därför igenom hur man använder verktyg för att hålla koden ren och lättläst, hur man effektivt felsöker TypeScript-projekt i Visual Studio Code, samt vilken god praxis som hjälper till att undvika vanliga fallgropar.

Modul 10: TypeScript i Större Projekt
I den här modulen fördjupar vi oss i hur TypeScript hanterar moduler och namespaces, hur TypeScript integreras i Node.js-projekt, samt vilka verktyg och byggsystem som kan användas för att skapa effektiva, skalbara och underhållbara kodbaser. Genom att förstå dessa grundläggande byggstenar får du bättre kontroll över struktur, beroenden och typkontroll i större TypeScript-applikationer.

Modul 11: Avancerade TypeScript-koncept
I denna modul fördjupar vi oss i några av de mest avancerade funktionerna i TypeScript. Dessa verktyg ger dig som utvecklare ännu större kraft att skapa robust, flexibel och skalbar kod. Vi utforskar hur du kan arbeta med dekoratorer, typinlärning med infer, mallbaserade strängtyper och typnivåprogrammering.

Modul 12: Att använda TypeScript med React
Vi lär oss använda TypeScript tillsammans med React.

Modul 13: Projekt Todo del 2
I denna del ska du bygga ett användarvänligt och modernt gränssnitt till den backend du tidigare skapade. Målet är att du ska få erfarenhet av hur du bygger en responsiv och interaktiv frontend med hjälp av React och TypeScript, där du hämtar och hanterar data via ett API.

Kursavslutning
Vi har nu nått slutet på kursen.