Lär dig TypeScript & öva-appikon

Lär dig TypeScript & öva

Utbildning · Gratis · iOS & Android · CoddyKit

Lär dig TypeScript & öva — Lär dig TypeScript med en typkontroll i fickan

Lär dig TypeScript & öva är en kostnadsfri app för iOS och Android där du lär dig TypeScript genom att skriva kod. Kompilatorn körs på enheten, så typfel understryks medan du skriver, och 101 kurser tar dig från din första typannotering via unionstyper, generics och villkorstyper till React, Node.js och tRPC. En AI Mentor förklarar alla kompilatormeddelanden på ett enkelt språk.

App Store — Ladda ner gratisGoogle Play — Ladda ner gratis
Pris
Gratis, uppgradering till Pro
Plattformar
iOS och Android
Språk
22
Åldersgräns
4+
Kräver
iOS 15.1 eller senare
App Store
3.0 ★ (1)
TypeScript Academy-startskärm med lärvägen, en knapp för att starta den första lektionen och ett dagligt målKurssida för Introduction to TypeScript med övergripande framsteg och den första lektionen markerad som gratis
101Kurser från de första typerna till C2
DirektTypkontroll i editorn
24Pussel i Type Gym
Du lär dig typer snabbast genom att se den röda understrykningen dyka upp.

Hela poängen med TypeScript är återkopplingsloopen: skriv något fel, se exakt var och varför det är fel och rätta det. Editorn kontrollerar dina typer medan du skriver, och Type Explorer visar vad kompilatorn anser att ett värde är, så begreppen introduceras tillsammans med felen de förklarar.

Vad det är

Lär dig TypeScript & öva är en kostnadsfri app för iOS och Android där du lär dig TypeScript med en riktig kompilator som körs på telefonen. Appens 101 kurser och 352 lektioner, nivåindelade från A1 till C2, omfattar grundläggande typer, gränssnitt, unionstyper, typförfining, generics, villkors- och mappade typer, nyckelordet infer, strict mode och tsconfig samt riktiga projekt med React, Node.js, Zod, Jest och tRPC. Editorn understryker typfel medan du skriver, och pussel, guidade projekt, kodningsuppdrag, en intervjusimulator och en AI Mentor ger extra övning.

I appen

Så här ser det ut

TypeScript Academy-startskärm med lärvägen, en knapp för att starta den första lektionen och ett dagligt mål
LärvägStartskärmen med din lärväg, en knapp för att starta den första lektionen och ett dagligt mål.
Kurssida för Introduction to TypeScript med övergripande framsteg och den första lektionen markerad som gratis
KursöversiktIntroduction to TypeScript med lektioner som What is TypeScript och Setting Up TypeScript samt en förloppsindikator.
Lektion om interfaces jämfört med type aliases, med ett redigerbart TypeScript-kodexempel
Lektion med kodEn lektion om interfaces jämfört med type aliases, med ett exempel som du kan redigera och köra.
AI Chat-skärm med föreslagna frågor om TypeScript Academy
AI MentorAI-chatten erbjuder frågor som att förklara viktiga koncept, ge inlärningstips, skapa ett quiz och visa en färdplan.
Startskärm med lärväg, dagligt mål, kort för funktionsönskemål och Skill Hub
Dagligt mål och Skill HubDagligt mål, funktionsönskemål och Skill Hub på startskärmen.

Kursen

Det här täcker TypeScript-kursen

101 kurser i appens egen kurslista, graderade från A1 till C2. Det här är de huvudsakliga avsnitten, med de riktiga kursnamnen.

  1. Börja med typer och variabler

    Introduction to TypeScript, TypeScript vs JavaScript: Why Types Matter, Basic Types (string, number, boolean, any, unknown) och Types and Variables Essentials.

  2. Funktioner, objekt och typer för vardagen

    Functions and Type Annotations, Arrays, Tuples and Enums, Interfaces and Type Aliases, Union and Intersection Types, Literal Types and const Assertions samt Optional Chaining and Nullish Coalescing.

  3. Narrowing, klasser och generics

    Type Narrowing and Type Guards, Classes and Access Modifiers, Generics Basics, Index Signatures samt operatorerna typeof och keyof.

  4. Utility types och säker kod

    Utility Types (Partial, Required, Pick, Omit, Record), Error Handling Patterns, Strict Mode and tsconfig Best Practices samt Runtime Validation with Zod.

  5. Avancerade typer

    Advanced Generics with Constraints and Conditional Types, Mapped Types and Template Literal Types, Discriminated Unions and Exhaustiveness samt operatorn satisfies.

  6. TypeScript i riktiga projekt

    TypeScript with React: Props and Hooks, TypeScript with Node.js and Express, Testing TypeScript with Jest, Type-Safe API Clients, tRPC, GraphQL och Next.js.

  7. Migrering och verktyg

    Migration: JavaScript to TypeScript, Build and Bundlers, Monorepo Setup with TypeScript samt Authoring Declaration Files.

  8. Programmering på typnivå

    The infer Keyword and Complex Conditional Types, Writing Custom Utility Types, Recursive and Self-Referential Types samt the TypeScript Compiler API.

Så fungerar det

Så går en TypeScript-lektion till

Lektionerna är korta, och kompilatorn är en del av var och en av dem.

  1. Läs en kort förklaring

    Varje lektion tar fem till tio minuter och kombinerar en lättförståelig förklaring med ett litet exempel, till exempel skillnaden mellan ett gränssnitt och ett typalias.

  2. Skriv kod och se typerna

    Skriv i editorn så understryks fel direkt. Type Explorer visar typen vid markören, inklusive medlemmarna i en union, och du kan köra programmet för att se resultatet.

  3. Öva på det och fråga om något är oklart

    Frågor och mindre koduppgifter avslutar varje ämne, med pussel i Type Gym och trasig kod att rätta i Debug Arena. Om en generic-begränsning eller ett kompilatormeddelande är förvirrande förklarar AI Mentor det.

Det här ingår

Det här ingår i appen

101

Kurser från de första typerna till C2

352 lektioner på nivåerna A1 till C2, från varför typer spelar roll och grundläggande typer till TypeScript Compiler API och att bygga typsäkra parsers.

Direkt

Typkontroll i editorn

Typfel understryks medan du skriver, Type Explorer visar typen under markören och AI Tools kan granska ditt program och föreslå en lösning som du kan använda.

24

Pussel i Type Gym

24 typpussel plus dagens pussel, samt en Debug Arena där du rättar trasig kod innan tiden tar slut.

20

Guidade projekt och 60 uppdrag

Små program som byggs steg för steg, där varje steg kontrolleras när du kör det, plus 60 kodningsuppdrag på tre nivåer från Hello World till algoritmer.

30

Intervjusimulator

En tidsbegränsad uppsättning med 30 frågor och en bedömd rapport, tillsammans med 50 intervjufrågor med svar och en Weakness radar som visar vilka ämnen du fortfarande svarar fel på.

AI

AI Mentor

Fråga om ett kompilatorfel eller en generic-begränsning och få en förklaring på ett enkelt språk.

Bakgrund

Varför lära sig TypeScript om du redan kan JavaScript?

TypeScript är JavaScript med ett statiskt typsystem ovanpå. Du beskriver formen på dina data, kompilatorn kontrollerar varje användning av dem innan koden körs, och typerna tas bort när koden kompileras till vanlig JavaScript. Därför används det så ofta i kodbaser för React, Angular och Node: samma språk, med autokomplettering i editorn som förstår din kod, och en hel klass av fel av typen undefined-is-not-a-function upptäcks redan vid byggtillfället. Om du kan läsa JavaScript kan du redan det mesta du behöver för att komma igång.

Typannoteringar och typinferensbörja här

Du kan ange en typ för en variabel eller funktionsparameter, och TypeScript härleder många typer på egen hand utifrån värdet du tilldelar. Att lära sig när man ska skriva en typ och när man ska låta inferensen göra jobbet är den första praktiska färdigheten.

Unionstyper och typförfiningdet vardagliga arbetsverktyget

En unionstyp anger att ett värde kan vara en av flera typer. Typförfining, genom typeof-kontroller, jämförelser och anpassade typvakter, talar om för kompilatorn vilken typ det är i ett kodblock, och diskriminerade unionstyper gör det möjligt att kontrollera alla fall.

Genericsflexibla men fortfarande säkra

Generics gör att en funktion eller typ kan arbeta med många typer utan att falla tillbaka på any. Begränsningar med nyckelordet extends anger sedan vad en typparameter måste kunna göra.

Utility-, mappade och villkorstyperdär typsystemet blir uttrycksfullt

Partial, Pick, Omit och Record bygger på mappade och villkorstyper. När du väl förstår dem, tillsammans med nyckelordet infer, kan du skriva dina egna utility-typer i stället för att kopiera dem.

tsconfig och strict modehur strikt du vill att kompilatorn ska vara

Kompilatoralternativen avgör hur mycket TypeScript kommer att klaga. Det är när du aktiverar strict mode som typerna blir tillförlitliga, och det är också det som gör en migrering av ett befintligt JavaScript-projekt till ett gradvis arbete, fil för fil.

Passar

Vem den är till för – och vem den inte är till för

Passar bra om du

  • Skriver JavaScript och ser hela tiden TypeScript i jobbannonser och kodbaser
  • Använder React eller Node och vill ha typad kod från början till slut
  • Är nybörjare och hellre vill lära dig det typade språket från början
  • Lär dig bäst genom feedback från kompilatorn och små problemlösningar, inte bara genom att läsa
  • Har ett JavaScript-projekt och vill migrera det fil för fil

Inte rätt verktyg om du

  • Har aldrig skrivit kod och vill få ett första språk förklarat från grunden, eftersom lektionerna förutsätter att du kan läsa kod
  • Behöver bygga ett stort projekt i en komplett IDE, vilket fortfarande kräver en laptop
  • Förväntar dig att allt ska vara gratis eftersom den första kursen är gratis och Pro låser upp resten
  • Vill ha en officiell Microsoft-kurs, eftersom appen är fristående

Frågor

Vanliga frågor

Vad är det bästa sättet att lära sig TypeScript på en telefon?

Använd något som faktiskt kontrollerar dina typer, inte bara text att läsa. Lär dig TypeScript & öva kör kompilatorn på enheten, understryker typfel medan du skriver och kombinerar 101 kurser med typövningar, guidade projekt och en AI Mentor. Det är gratis att börja med på iOS och Android, på 22 språk.

Kan jag lära mig TypeScript utan att kunna JavaScript?

Ja, men det hjälper att först kunna läsa lite JavaScript, eftersom TypeScript är JavaScript plus typer. Lär dig TypeScript & öva börjar med varför typer spelar roll och med grundläggande typer, och en tidig kurs jämför TypeScript med JavaScript. Nybörjare som vill lära sig det typade språket från dag ett är en av de målgrupper som appen är skapad för.

Vad är skillnaden mellan TypeScript och JavaScript?

TypeScript lägger till ett statiskt typsystem i JavaScript. Kompilatorn kontrollerar koden mot de typer du deklarerar eller som den härleder och tar sedan bort dem, så det som körs är vanlig JavaScript. Fördelarna är att fel upptäcks tidigare och att editorns autokomplettering blir bättre. Nackdelen är ett byggsteg och ytterligare syntax att lära sig.

Kontrollerar appen min TypeScript med en riktig kompilator?

Ja. TypeScript-kompilatorn körs på enheten, så editorn visar typfel genom att stryka under dem medan du skriver och Type Explorer visar typen vid markören. Du kan också köra koden och se resultatet. Appen upplyser om att TypeScript är ett varumärke som tillhör Microsoft Corporation och inte är knutet till Microsoft.

Vad är generics i TypeScript och hur lär appen ut dem?

Generics gör att en funktion eller typ kan fungera med många typer och samtidigt förbli typsäker, i stället för att falla tillbaka på any. Appen lär ut dem stegvis: först generiska funktioner och typer, sedan begränsningar, conditional types, mapped types och template literal types samt nyckelordet infer, med övningar i Type Gym att träna på.

Om­fattar det TypeScript med React och Node.js?

Ja. Kurserna om riktiga projekt omfattar TypeScript med React props och hooks, TypeScript med Node.js och Express, typsäkra API-klienter, runtime-validering med Zod, testning med Jest, GraphQL, tRPC och Next.js. En migreringskurs visar hur du gradvis inför TypeScript i ett befintligt JavaScript-projekt.

Är Lär dig TypeScript & öva gratis?

Det är gratis att ladda ner. Gratisversionen innehåller den första kursen, det första guidade projektet och projektspåret, två koduppdrag, daglig Lab-träning och en daglig tilldelning av AI Mentor, och den visar annonser. Pro låser upp alla kurser, projekt, spår och uppdrag, obegränsad AI Mentor- och Lab-träning, hela fellistan i editorn och certifikatprovet samt tar bort annonserna.

Hjälper appen till med TypeScript-intervjuer?

Ja. Intervjusimulatorn består av 30 tidsbegränsade frågor och avslutas med en bedömd rapport, och det finns 50 intervjufrågor med svar. En Weakness radar visar vilka ämnen du fortfarande svarar fel på, så att du kan gå tillbaka till rätt kurs.

Hur lång tid tar det att lära sig TypeScript?

Om du redan kan JavaScript kan du lära dig grunderna i typer, interfaces och unions på några veckor med korta dagliga lektioner, medan generics och det avancerade typsystemet tar längre tid. Appen hjälper dig att hålla en jämn takt med streaks, XP, framstegsuppföljning och dagliga påminnelser vid den tid du väljer.

Finns det ett certifikat?

Ja. Pro innehåller ett certifikatprov, och om du klarar det får du ett intyg på genomförd kurs som du kan dela. Det dokumenterar kursarbetet du har gjort och är inte en Microsoft-kvalifikation.

Kom igång

Skriv ditt första typade program idag

Gratis att komma igång på iOS och Android, på 22 språk.

App Store — Ladda ner gratisGoogle Play — Ladda ner gratis
Senast granskad · Publicerad av CoddyKit · Integritetspolicy
Tillgänglig på iOS och Android.