Lær TypeScript & øv dig-appikon

Lær TypeScript & øv dig

Uddannelse · Gratis · iOS & Android · CoddyKit

Lær TypeScript & øv dig — Lær TypeScript med en typekontrol i lommen

Lær TypeScript & øv dig er en gratis app til iOS og Android, hvor du lærer TypeScript ved at skrive det. Compileren kører på enheden, så typefejl understreges, mens du skriver, og 101 kurser går fra din første annotering via unions, generics og betingede typer til React, Node.js og tRPC. En AI-mentor forklarer alle compilerfejl i et letforståeligt sprog.

App Store — Download gratisGoogle Play — Download gratis
Pris
Gratis, Pro-opgradering
Platforme
iOS og Android
Sprog
22
Aldersgrænse
4+
Kræver
iOS 15.1 eller nyere
App Store
3.0 ★ (1)
Startskærm for TypeScript Academy med læringsforløbet, en knap til at starte den første lektion og et dagligt målKursside for Introduction to TypeScript med samlet fremgang og den første lektion markeret som gratis
101Kurser fra de første typer til C2
LiveTypekontrol i editoren
24Puzzles i Type Gym
Du lærer typer hurtigst ved at se den røde understregning dukke op.

Hele idéen med TypeScript er feedbacksløjfen: Skriv noget forkert, se præcis hvor og hvorfor det er forkert, og ret det. Editorens typekontrol tjekker dine typer, mens du skriver, og Type Explorer viser, hvad compileren mener en værdi er, så begreberne præsenteres sammen med de fejl, de forklarer.

Hvad det er

Lær TypeScript & øv dig er en gratis app til iOS og Android, hvor du lærer TypeScript med en rigtig compiler, der kører på telefonen. Appens 101 kurser og 352 lektioner, niveauinddelt fra A1 til C2, dækker grundlæggende typer, interfaces, unions, narrowing, generics, betingede og mappede typer, nøgleordet infer, strict mode og tsconfig samt virkelige projekter med React, Node.js, Zod, Jest og tRPC. Editorens typefejl understreges, mens du skriver, og puzzles, guidede projekter, kodningsmissioner, en interviewsimulator og en AI-mentor giver ekstra øvelse.

Inde i appen

Sådan ser det ud

Startskærm for TypeScript Academy med læringsforløbet, en knap til at starte den første lektion og et dagligt mål
LæringsforløbStartskærmen med dit læringsforløb, en knap til at starte den første lektion og et dagligt mål.
Kursside for Introduction to TypeScript med samlet fremgang og den første lektion markeret som gratis
KursusoversigtIntroduction to TypeScript med lektioner som What is TypeScript og Setting Up TypeScript samt en statuslinje.
Lektion om interfaces over for type aliases med et redigerbart TypeScript-kodeeksempel
Lektion med kodeEn lektion om interfaces over for type aliases med et eksempel, du kan redigere og køre.
AI Chat-skærm med foreslåede prompts om TypeScript Academy
AI-mentorAI-chatten tilbyder prompts som forklaringer på centrale begreber, læringstips, en quiz og en læringsplan.
Startskærm med læringsforløb, dagligt mål, kort med funktionsønsker og Skill Hub
Dagligt mål og Skill HubDagligt mål, funktionsønsker og Skill Hub på startskærmen.

Kurset

Det dækker TypeScript-kurset

101 kurser i appens egen kursusliste, klassificeret fra A1 til C2. Det er de vigtigste hovedforløb med de rigtige kursusnavne.

  1. Start med types og variabler

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

  2. Funktioner, objekter og typer til hverdagsbrug

    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 og generics

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

  4. Utility types og sikker kode

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

  5. Avancerede types

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

  6. TypeScript i rigtige projekter

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

  7. Migration og værktøjer

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

  8. Programmering på typeniveau

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

Sådan fungerer det

Sådan foregår en TypeScript-lektion

Lektionerne er korte, og compileren er en del af dem alle.

  1. Læs en kort forklaring

    Hver lektion tager fem til ti minutter og kombinerer en letforståelig forklaring med et lille eksempel, f.eks. forskellen mellem et interface og et typealias.

  2. Skriv kode, og hold øje med typerne

    Skriv i editoren, og se fejl blive understreget live. Type Explorer viser typen ved markøren, inklusive medlemmerne af en union, og du kan køre programmet for at se dets output.

  3. Øv dig, og spørg, hvis noget er uklart

    Spørgsmål og små kodningsopgaver afslutter hvert emne, med puzzles i Type Gym og ødelagt kode, der skal rettes i Debug Arena. Hvis en generic-begrænsning eller en compilerbesked er forvirrende, forklarer AI-mentoren den.

Hvad det indeholder

Det får du med appen

101

Kurser fra de første typer til C2

352 lektioner på niveauer fra A1 til C2, fra hvorfor typer er vigtige og grundlæggende typer til TypeScript compiler API og opbygning af typesikre parsere.

Live

Typekontrol i editoren

Typefejl understreges, mens du skriver, Type Explorer viser typen under markøren, og AI Tools kan gennemgå dit program og foreslå en rettelse, du kan anvende.

24

Puzzles i Type Gym

24 typepuzzles plus dagens puzzle samt en Debug Arena, hvor du retter ødelagt kode, før tiden løber ud.

20

Guidede projekter og 60 missioner

Små programmer, der bygges trin for trin, hvor hvert trin kontrolleres, når du kører det, plus 60 kodningsmissioner på tre niveauer fra Hello World til algoritmer.

30

Interviewsimulator

Et tidsbegrænset sæt med 30 spørgsmål og en bedømt rapport samt 50 interviewspørgsmål med svar og en Weakness-radar, der viser de emner, du stadig svarer forkert på.

AI

AI-mentor

Spørg om en compilerfejl eller en generic-begrænsning, og få en forklaring i et letforståeligt sprog.

Baggrund

Hvorfor lære TypeScript, hvis du allerede kan JavaScript?

TypeScript er JavaScript med et statisk typesystem lagt ovenpå. Du beskriver formen på dine data, compileren tjekker enhver brug af dem, før koden kører, og typerne fjernes, når det kompileres til almindelig JavaScript. Derfor bruger React-, Angular- og Node-kodebaser så ofte sproget: Det er det samme sprog, men med editorens autofuldførelse, der kender din kode, og en hel klasse af fejl som undefined-is-not-a-function, der opdages ved build-tid. Hvis du kan læse JavaScript, ved du allerede det meste af det, du skal bruge for at komme i gang.

Typeannoteringer og inferensstart her

Du kan annotere en variabel eller en funktionsparameter med en type, og TypeScript udleder selv mange typer ud fra den værdi, du tildeler. At lære, hvornår du skal skrive en type, og hvornår du skal lade inferens klare det, er den første praktiske færdighed.

Unions og narrowingdet daglige arbejdshestværktøj

En uniontype siger, at en værdi kan være en af flere typer. Narrowing gennem typeof-tjek, lighedstjek og brugerdefinerede type guards fortæller compileren, hvilken type det er i en gren, og discriminated unions gør det muligt at kontrollere alle tilfælde.

Genericsfleksibelt, men stadig sikkert

Generics lader en funktion eller type arbejde med mange typer uden at falde tilbage på any. Begrænsninger med nøgleordet extends angiver derefter, hvad en typeparameter skal kunne.

Utility-, mapped- og conditional typesher bliver typesystemet udtryksfuldt

Partial, Pick, Omit og Record er bygget af mapped og conditional types. Når du først forstår dem sammen med nøgleordet infer, kan du skrive dine egne utility types i stedet for at kopiere dem.

tsconfig og strict modehvor streng du vil have compileren til at være

Compilerindstillingerne afgør, hvor meget TypeScript klager. Når du slår strict mode til, bliver typerne pålidelige, og det bliver samtidig muligt at migrere et eksisterende JavaScript-projekt gradvist, fil for fil.

Egnethed

Hvem det er til — og hvem det ikke er til

Det passer godt til dig, hvis du

  • Skriver JavaScript og bliver ved med at se TypeScript i jobopslag og kodebaser
  • Bruger React eller Node og vil have typet kode fra ende til anden
  • Er nybegynder og hellere vil lære det typede sprog fra starten
  • Lærer bedst gennem compiler-feedback og små opgaver, ikke kun ved at læse
  • Har et JavaScript-projekt og vil migrere det fil for fil

Det er ikke det rette værktøj, hvis du

  • Har aldrig skrevet kode før og vil have et første sprog forklaret helt fra bunden, eftersom lektionerne forudsætter, at du kan læse kode
  • Har brug for at bygge et stort projekt i en komplet IDE, hvilket stadig kræver en laptop
  • Forventer, at alt er gratis, fordi det første kursus er gratis, og Pro låser resten op
  • Vil have et officielt Microsoft-kursus, eftersom appen er uafhængig

Spørgsmål

Ofte stillede spørgsmål

Hvad er den bedste måde at lære TypeScript på en telefon?

Brug noget, der faktisk tjekker dine types, ikke kun tekst, du skal læse. Lær TypeScript & øv dig kører compileren på enheden, understreger typefejl, mens du skriver, og kombinerer 101 kurser med typeopgaver, guidede projekter og en AI-mentor. Det er gratis at komme i gang på iOS og Android på 22 sprog.

Kan jeg lære TypeScript uden at kende JavaScript?

Ja, men det hjælper at kunne læse noget JavaScript først, fordi TypeScript er JavaScript plus types. Lær TypeScript & øv dig starter med, hvorfor types er vigtige, og med grundlæggende types, og et tidligt kursus sammenligner TypeScript med JavaScript. Nybegyndere, der vil lære det typede sprog fra første dag, er en af de målgrupper, appen er skrevet til.

Hvad er forskellen på TypeScript og JavaScript?

TypeScript tilføjer et statisk typesystem til JavaScript. Compileren tjekker din kode i forhold til de types, du deklarerer, eller som den udleder, og fjerner dem derefter, så det, der køres, er almindelig JavaScript. Fordelene er tidligere fejlregistrering og bedre autofuldførelse i editoren, mens ulempen er et build-trin og noget ekstra syntaks, du skal lære.

Tjekker appen min TypeScript med en rigtig compiler?

Ja. TypeScript-compileren kører på enheden, så editoren understreger typefejl, mens du skriver, og Type Explorer viser typen ved markøren. Du kan også køre din kode og se outputtet. Appen oplyser, at TypeScript er et varemærke tilhørende Microsoft Corporation, og at den ikke er tilknyttet Microsoft.

Hvad er generics i TypeScript, og hvordan lærer appen dig dem?

Generics gør det muligt for en funktion eller type at arbejde med mange types og samtidig forblive typesikker i stedet for at falde tilbage på any. Appen lærer dig dem trin for trin: først generiske funktioner og types, derefter begrænsninger, så conditional types, mapped og template literal types samt nøgleordet infer, med opgaver i Type Gym, som du kan øve dig på.

Dækker den TypeScript med React og Node.js?

Ja. Kurserne om rigtige projekter omfatter TypeScript med React props og hooks, TypeScript med Node.js og Express, typesikre API-klienter, runtime-validering med Zod, test med Jest, GraphQL, tRPC og Next.js. Et migrationskursus viser, hvordan du gradvist tager TypeScript i brug i et eksisterende JavaScript-projekt.

Er Lær TypeScript & øv dig gratis?

Den er gratis at downloade. Gratisversionen omfatter det første kursus, det første guidede projekt og projektspor, to kodningsmissioner, daglig Lab-træning og en daglig AI-mentor-kvote, og den viser reklamer. Pro låser alle kurser, projekter, spor og missioner op samt ubegrænset AI-mentor og Lab-træning, den fulde fejlliste i editoren og certifikateksamen, og fjerner reklamer.

Hjælper appen med TypeScript-interviews?

Ja. Interviewsimulatoren er et tidsbegrænset sæt med 30 spørgsmål, der afsluttes med en bedømt rapport, og der er 50 interviewspørgsmål med svar. En Weakness-radar viser, hvilke emner du stadig svarer forkert på, så du kan gå tilbage til det rigtige kursus.

Hvor lang tid tager det at lære TypeScript?

Hvis du allerede kan JavaScript, kan du lære det grundlæggende om types, interfaces og unions på få uger med korte daglige lektioner, mens generics og det avancerede typesystem tager længere tid. Appen understøtter et stabilt tempo med streaks, XP, fremgangssporing og daglige påmindelser på det tidspunkt, du vælger.

Er der et certifikat?

Ja. Pro inkluderer en certifikateksamen, og hvis du består den, får du et gennemførelsescertifikat, som du kan dele. Det dokumenterer det kursusarbejde, du har udført, og er ikke en Microsoft-kvalifikation.

Kom i gang

Skriv dit første program med typning i dag

Kom gratis i gang på iOS og Android på 22 sprog.

App Store — Download gratisGoogle Play — Download gratis
Senest gennemgået · Udgivet af CoddyKit · Privatlivspolitik
Tilgængelig på iOS og Android.