Leer TypeScript & oefen
Leer TypeScript & oefen — Leer TypeScript met een typechecker op zak
Leer TypeScript & oefen is een gratis iOS- en Android-app waarin je TypeScript leert door het zelf te schrijven. De compiler draait op je apparaat, zodat typefouten tijdens het typen worden onderstreept. De 101 cursussen gaan van je eerste annotatie via unions, generics en conditional types naar React, Node.js en tRPC. Een AI Mentor legt elke melding van de compiler uit in duidelijke taal.
- Prijs
- Gratis, upgrade naar Pro
- Platforms
- iOS en Android
- Talen
- 22
- Leeftijdsclassificatie
- 4+
- Vereist
- iOS 15.1 of hoger
- App Store
- 3.0 ★ (1)
Je leert types het snelst door de rode onderstreping te zien verschijnen.
Het hele idee achter TypeScript is de feedbacklus: schrijf iets fout, zie precies waar en waarom het fout is en herstel het. De editor controleert je types terwijl je typt en Type Explorer laat zien wat de compiler denkt dat een waarde is. Zo leer je de concepten meteen aan de hand van de fouten die ze verklaren.
Wat het is
Leer TypeScript & oefen is een gratis iOS- en Android-app om TypeScript te leren met een echte compiler die op je telefoon draait. De 101 cursussen en 352 lessen, met niveaus van A1 tot C2, behandelen basistypes, interfaces, unions, narrowing, generics, conditional en mapped types, het infer-keyword, strict mode en tsconfig, plus echte projecten met React, Node.js, Zod, Jest en tRPC. De editor onderstreept typefouten terwijl je typt, en puzzels, begeleide projecten, programmeermissies, een interviewsimulator en een AI Mentor zorgen voor extra oefening.
In de app
Hoe het eruitziet
De cursus
Wat de TypeScript-cursus behandelt
101 cursussen in de eigen cursuslijst van de app, ingedeeld van A1 tot C2. Dit zijn de belangrijkste onderdelen, met de echte cursustitels.
Eerst types en variabelen
Introduction to TypeScript, TypeScript vs JavaScript: Why Types Matter, Basic Types (string, number, boolean, any, unknown) en Types and Variables Essentials.
Functies, objecten en alledaagse types
Functions and Type Annotations, Arrays, Tuples and Enums, Interfaces and Type Aliases, Union and Intersection Types, Literal Types and const Assertions, en Optional Chaining and Nullish Coalescing.
Narrowing, classes en generics
Type Narrowing and Type Guards, Classes and Access Modifiers, Generics Basics, Index Signatures en de operators typeof en keyof.
Utility types en veilige code
Utility Types (Partial, Required, Pick, Omit, Record), Error Handling Patterns, Strict Mode and tsconfig Best Practices en Runtime Validation with Zod.
Geavanceerde types
Advanced Generics with Constraints and Conditional Types, Mapped Types and Template Literal Types, Discriminated Unions and Exhaustiveness en de operator satisfies.
TypeScript in echte projecten
TypeScript with React: Props and Hooks, TypeScript with Node.js and Express, Testing TypeScript with Jest, Type-Safe API Clients, tRPC, GraphQL en Next.js.
Migratie en tooling
Migration: JavaScript to TypeScript, Build and Bundlers, Monorepo Setup with TypeScript en Authoring Declaration Files.
Programmeren op typeniveau
The infer Keyword and Complex Conditional Types, Writing Custom Utility Types, Recursive and Self-Referential Types en the TypeScript Compiler API.
Hoe het werkt
Zo verloopt een TypeScript-les
De lessen zijn kort en de compiler maakt deel uit van elke les.
Lees een korte uitleg
Elke les duurt vijf tot tien minuten en combineert een duidelijke uitleg met een klein voorbeeld, zoals het verschil tussen een interface en een type alias.
Schrijf code en bekijk de types
Typ in de editor en fouten worden direct onderstreept. Type Explorer toont het type op de plek van je cursor, inclusief de members van een union, en je kunt het programma uitvoeren om de uitvoer te bekijken.
Oefen ermee en vraag om uitleg als iets onduidelijk is
Vragen en kleine code-opdrachten sluiten elk onderwerp af, met puzzels in de Type Gym en kapotte code die je moet herstellen in de Debug Arena. Als een generic constraint of een melding van de compiler verwarrend is, legt de AI Mentor het uit.
Wat erin zit
Wat je bij de app krijgt
101
Cursussen van de eerste types tot C2
352 lessen met niveaus van A1 tot C2, van het belang van types en basistypes tot de TypeScript compiler API en het bouwen van typeveilige parsers.
Live
Typechecking in de editor
Typefouten worden onderstreept terwijl je typt, Type Explorer toont het type onder de cursor en AI Tools kunnen je programma nakijken en een oplossing voorstellen die je kunt toepassen.
24
Type Gym-puzzels
24 typepuzzels plus een puzzel van de dag, en een Debug Arena waarin je kapotte code herstelt voordat de tijd om is.
20
Begeleide projecten en 60 missies
Kleine programma's die stap voor stap worden opgebouwd, waarbij elke stap wordt gecontroleerd wanneer je die uitvoert, plus 60 programmeermissies in drie niveaus, van Hello World tot algoritmen.
30
Interviewsimulator
Een reeks van 30 vragen met tijdslimiet en een beoordelingsrapport, naast 50 interviewvragen met antwoorden en een Weakness radar die laat zien bij welke onderwerpen je nog fouten maakt.
AI
AI Mentor
Vraag naar een compilerfout of een generic constraint en krijg een uitleg in duidelijke taal.
Achtergrond
Waarom TypeScript leren als je JavaScript al kent?
TypeScript is JavaScript met daar bovenop een statisch typesysteem. Je beschrijft de structuur van je data, de compiler controleert elk gebruik ervan voordat de code wordt uitgevoerd en de types worden verwijderd wanneer de code wordt gecompileerd naar gewone JavaScript. Daarom gebruiken codebases voor React, Angular en Node het zo vaak: dezelfde taal, met editor-autocomplete die je code begrijpt en een hele categorie bugs zoals undefined-is-not-a-function die al tijdens het bouwen wordt onderschept. Als je JavaScript kunt lezen, ken je al het meeste van wat je nodig hebt om te beginnen.
Type-annotaties en type-inferentiebegin hier
Je kunt een variabele of functieparameter annoteren met een type, en TypeScript leidt veel types zelf af op basis van de waarde die je toewijst. Weten wanneer je een type moet schrijven en wanneer je de inferentie het werk laat doen, is de eerste praktische vaardigheid.
Unions en narrowingde dagelijkse alleskunner
Een union type geeft aan dat een waarde een van meerdere types kan zijn. Narrowing, via typeof-controles, gelijkheidscontroles en aangepaste type guards, vertelt de compiler welke het binnen een branch is. Discriminated unions maken het mogelijk om dit uitputtend te controleren.
Genericsflexibel, maar toch veilig
Met generics kan een functie of type met veel verschillende types werken zonder terug te vallen op any. Constraints geven met het extends-keyword vervolgens aan wat een typeparameter moet kunnen doen.
Utility-, mapped en conditional typeswaar het typesysteem expressief wordt
Partial, Pick, Omit en Record zijn opgebouwd met mapped en conditional types. Zodra je die begrijpt, samen met het infer-keyword, kun je je eigen utility types schrijven in plaats van ze te kopiëren.
tsconfig en strict modehoe streng je wilt dat de compiler is
De compileropties bepalen hoeveel TypeScript zal klagen. Door strict mode in te schakelen, worden je types betrouwbaar. Het maakt het bovendien mogelijk om een bestaand JavaScript-project geleidelijk te migreren, bestand voor bestand.
Past bij jou
Voor wie het is — en voor wie niet
Past goed bij je als je
- Je schrijft JavaScript en blijft TypeScript tegenkomen in vacatures en codebases
- Je gebruikt React of Node en wilt van begin tot eind getypeerde code
- Je bent beginner en leert liever vanaf het begin de getypeerde standaard
- Je leert het best van feedback van de compiler en kleine puzzels, niet alleen door te lezen
- Je hebt een JavaScript-project en wilt dit bestand voor bestand migreren
Niet het juiste hulpmiddel als je
- Je hebt nog nooit code geschreven en wilt een eerste programmeertaal vanaf nul uitgelegd krijgen, omdat de lessen ervan uitgaan dat je code kunt lezen
- Je moet een groot project bouwen in een volledige IDE, waarvoor je nog steeds een laptop nodig hebt
- Je verwacht dat alles gratis is, omdat de eerste cursus gratis is en Pro de rest ontgrendelt
- Je wilt een officiële Microsoft-cursus, terwijl de app onafhankelijk is
Vragen
Veelgestelde vragen
Wat is de beste manier om TypeScript op een telefoon te leren?
Gebruik iets dat je types echt controleert, in plaats van alleen tekst om te lezen. Leer TypeScript & oefen voert de compiler uit op het apparaat, onderstreept typefouten terwijl je typt en combineert 101 cursussen met typepuzzels, begeleide projecten en een AI Mentor. Je kunt gratis beginnen op iOS en Android, in 22 talen.
Kan ik TypeScript leren zonder JavaScript te kennen?
Dat kan, maar het helpt om eerst wat JavaScript te kunnen lezen, omdat TypeScript JavaScript plus types is. Leer TypeScript & oefen begint met waarom types belangrijk zijn en met basistypes, en een vroege cursus vergelijkt TypeScript met JavaScript. Beginners die de getypeerde taal vanaf dag één willen leren, behoren tot de doelgroep waarvoor de app is gemaakt.
Wat is het verschil tussen TypeScript en JavaScript?
TypeScript voegt een statisch typesysteem toe aan JavaScript. De compiler controleert je code aan de hand van de types die je declareert of die de compiler afleidt, en verwijdert ze daarna, zodat wat wordt uitgevoerd gewone JavaScript is. De voordelen zijn eerdere foutdetectie en betere autocomplete in de editor; de nadelen zijn een buildstap en extra syntax die je moet leren.
Controleert de app mijn TypeScript met een echte compiler?
Ja. De TypeScript-compiler draait op het apparaat, zodat de editor typefouten onderstreept terwijl je typt en Type Explorer het type op je cursor weergeeft. Je kunt je code ook uitvoeren en de uitvoer bekijken. De app vermeldt dat TypeScript een handelsmerk van Microsoft Corporation is en niet aan Microsoft gelieerd is.
Wat zijn generics in TypeScript en hoe leert de app ze aan?
Met generics kan een functie of type met veel types werken en toch type-safe blijven, in plaats van terug te vallen op any. De app leert ze stapsgewijs aan: eerst generic functions en types, daarna constraints, vervolgens conditional types, mapped en template literal types en het sleutelwoord infer, met puzzels in de Type Gym om ermee te oefenen.
Behandelt de app TypeScript met React en Node.js?
Ja. De cursussen over echte projecten omvatten TypeScript met React props en hooks, TypeScript met Node.js en Express, type-safe API-clients, runtime validation met Zod, testen met Jest, GraphQL, tRPC en Next.js. Een migratiecursus laat zien hoe je TypeScript geleidelijk toevoegt aan een bestaand JavaScript-project.
Is Leer TypeScript & oefen gratis?
De app is gratis te downloaden. De gratis versie bevat de eerste cursus, het eerste begeleide project en projecttraject, twee programmeermissies, dagelijkse Lab-oefeningen en een dagelijks tegoed voor AI Mentor, en toont advertenties. Pro ontgrendelt elke cursus, elk project, elk traject en elke missie, onbeperkte AI Mentor- en Lab-oefeningen, de volledige lijst met fouten in de editor en het certificeringsexamen, en verwijdert advertenties.
Helpt de app bij TypeScript-sollicitatiegesprekken?
Ja. De interviewsimulator is een reeks van 30 vragen met een tijdslimiet die eindigt met een beoordeeld rapport, en er zijn 50 interviewvragen met antwoorden. Een Weakness-radar laat zien bij welke onderwerpen je nog fouten maakt, zodat je naar de juiste cursus kunt teruggaan.
Hoe lang duurt het om TypeScript te leren?
Als je JavaScript al kent, kun je de basis van types, interfaces en unions in een paar weken met korte dagelijkse lessen leren, terwijl generics en het geavanceerde typesysteem meer tijd kosten. De app ondersteunt een vast tempo met streaks, XP, voortgangsregistratie en dagelijkse herinneringen op het tijdstip dat je kiest.
Is er een certificaat?
Ja. Pro bevat een certificaat-examen. Als je daarvoor slaagt, krijg je een certificaat van voltooiing dat je kunt delen. Het vermeldt het cursuswerk dat je hebt gedaan en is geen Microsoft-kwalificatie.
Aan de slag
Schrijf vandaag nog je eerste getypeerde programma
Gratis te starten op iOS en Android, in 22 talen.
Meer van CoddyKit
Beschikbaar op iOS en Android.