Opi TypeScript & harjoittele-sovelluksen kuvake

Opi TypeScript & harjoittele

Koulutus · Ilmainen · iOS & Android · CoddyKit

Opi TypeScript & harjoittele — Opi TypeScriptiä taskussasi olevan tyyppitarkistimen avulla

Opi TypeScript & harjoittele on ilmainen iOS- ja Android-sovellus, jossa opit TypeScriptiä kirjoittamalla sitä. Kääntäjä toimii laitteessa, joten tyyppivirheet alleviivataan kirjoittaessasi, ja 101 kurssia etenevät ensimmäisestä tyyppimäärityksestä unioneihin, geneerisiin tyyppeihin ja ehdollisiin tyyppeihin sekä Reactiin, Node.js:ään ja tRPC:hen. AI Mentor selittää kaikki kääntäjän ilmoitukset selkokielellä.

App Store — Lataa ilmaiseksiGoogle Play — Lataa ilmaiseksi
Hinta
Ilmainen, Pro-päivitys
Alustat
iOS ja Android
Kielet
22
Ikäraja
4+
Vaatimukset
iOS 15.1 tai uudempi
App Store
3.0 ★ (1)
TypeScript Academy -sovelluksen aloitusnäyttö, jossa näkyvät oppimispolku, Aloita ensimmäinen oppitunti -painike ja päivittäinen tavoiteIntroduction to TypeScript -kurssisivu, jossa näkyvät kokonaisedistyminen ja ensimmäinen oppitunti, joka on merkitty maksuttomaksi
101Kursseja ensimmäisistä tyypeistä C2-tasolle
ReaaliaikainenTyyppien tarkistus muokkaimessa
24Type Gym -pulmat
Opit tyypit nopeimmin katsomalla punaisen alleviivauksen ilmestyvän.

TypeScriptin koko idea perustuu palautesilmukkaan: kirjoita jotain väärin, näe tarkalleen missä ja miksi se on väärin ja korjaa se. Muokkain tarkistaa tyypit kirjoittaessasi, ja Type Explorer näyttää, mitä kääntäjä pitää arvon tyyppinä, joten käsitteet liittyvät heti virheisiin, joita ne selittävät.

Mikä se on

Opi TypeScript & harjoittele on ilmainen iOS- ja Android-sovellus TypeScriptin opiskeluun oikealla puhelimessa toimivalla kääntäjällä. Sen 101 kurssia ja 352 oppituntia, tasoilta A1–C2, kattavat perustyypit, rajapinnat, unionit, tyypin tarkentamisen, geneeriset tyypit, ehdolliset ja mapatut tyypit, infer-avainsanan, strict-tilan ja tsconfigin sekä Reactia, Node.js:ää, Zodia, Jestiä ja tRPC:tä käyttävät oikeat projektit. Muokkain alleviivaa tyyppivirheet kirjoittaessasi, ja pulmat, ohjatut projektit, koodaustehtävät, haastattelusimulaattori sekä AI Mentor tarjoavat lisää harjoittelua.

Sovelluksen sisältö

Miltä se näyttää

TypeScript Academy -sovelluksen aloitusnäyttö, jossa näkyvät oppimispolku, Aloita ensimmäinen oppitunti -painike ja päivittäinen tavoite
OppimispolkuAloitusnäyttö, jossa näkyvät oppimispolkusi, Aloita ensimmäinen oppitunti -painike ja päivittäinen tavoite.
Introduction to TypeScript -kurssisivu, jossa näkyvät kokonaisedistyminen ja ensimmäinen oppitunti, joka on merkitty maksuttomaksi
Kurssin yleiskatsausIntroduction to TypeScript ja sen oppitunnit, kuten What is TypeScript ja Setting Up TypeScript, sekä edistymispalkki.
Oppitunti interface-tyyppien ja type alias -määrittelyjen eroista, mukana muokattava TypeScript-koodiesimerkki
Oppitunti koodin kanssaOppitunti interface-tyyppien ja type alias -määrittelyjen eroista, mukana esimerkki, jota voit muokata ja suorittaa.
AI Chat -näyttö, jossa on ehdotettuja TypeScript Academyä koskevia kehotteita
AI MentorAI-chat tarjoaa kehotteita esimerkiksi keskeisten käsitteiden selittämiseen, opiskeluvinkkeihin, tietovisaan ja etenemissuunnitelmaan.
Aloitusnäyttö, jossa näkyvät oppimispolku, päivittäinen tavoite, ominaisuuspyyntökortti ja Skill Hub
Päivittäinen tavoite ja Skill HubAloitusnäytön päivittäinen tavoite, ominaisuuspyynnöt ja Skill Hub.

Kurssi

Mitä TypeScript-kurssi kattaa

Sovelluksen omassa kurssiluettelossa on 101 kurssia, joiden tasot vaihtelevat A1:stä C2:een. Nämä ovat tärkeimmät osa-alueet oikeilla kurssinimillä.

  1. Tyypit ja muuttujat ensin

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

  2. Funktiot, oliot ja arjen tyypit

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

  3. Tyypin kaventaminen, luokat ja geneeriset tyypit

    Type Narrowing and Type Guards, Classes and Access Modifiers, Generics Basics, Index Signatures sekä typeof- ja keyof-operaattorit.

  4. Aputyypit ja turvallinen koodi

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

  5. Edistyneet tyypit

    Advanced Generics with Constraints and Conditional Types, Mapped Types and Template Literal Types, Discriminated Unions and Exhaustiveness sekä satisfies-operaattori.

  6. TypeScript oikeissa projekteissa

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

  7. Siirtyminen ja työkalut

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

  8. Tyypin tason ohjelmointi

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

Miten se toimii

Millainen TypeScript-oppitunti on

Oppitunnit ovat lyhyitä, ja kääntäjä on mukana jokaisessa niistä.

  1. Lue lyhyt selitys

    Jokainen oppitunti kestää viidestä kymmeneen minuuttia ja yhdistää selkeän selityksen pieneen esimerkkiin, kuten interfacen ja tyyppialiaksen eroon.

  2. Kirjoita koodia ja seuraa tyyppejä

    Kirjoita muokkaimeen, niin virheet alleviivataan reaaliajassa. Type Explorer näyttää kursorin kohdalla olevan tyypin, mukaan lukien unionin jäsenet, ja voit suorittaa ohjelman nähdäksesi sen tulosteen.

  3. Harjoittele ja kysy, jos jokin jää epäselväksi

    Kysymykset ja pienet kooditehtävät päättävät jokaisen aiheen. Type Gymissä on pulmia, ja Debug Arenassa korjataan rikkinäistä koodia. Jos geneerinen rajoite tai kääntäjän viesti hämmentää, AI Mentor selittää sen.

Mitä se sisältää

Mitä sovellus sisältää

101

Kursseja ensimmäisistä tyypeistä C2-tasolle

352 oppituntia tasoilta A1–C2: aiheina ovat muun muassa tyyppien merkitys, perustyypit, TypeScript-kääntäjän API ja tyyppiturvallisten jäsentimien rakentaminen.

Reaaliaikainen

Tyyppien tarkistus muokkaimessa

Tyyppivirheet alleviivataan kirjoittaessasi, Type Explorer näyttää kursorin alla olevan tyypin, ja AI Tools voi tarkistaa ohjelmasi sekä ehdottaa korjausta, jonka voit ottaa käyttöön.

24

Type Gym -pulmat

24 tyyppipulmaa sekä päivän pulma ja Debug Arena, jossa korjaat rikkinäistä koodia ennen ajan loppumista.

20

Ohjatut projektit ja 60 tehtävää

Pieniä ohjelmia, jotka rakennetaan askel askeleelta ja joiden jokainen vaihe tarkistetaan suoritettaessa, sekä 60 koodaustehtävää kolmella tasolla Hello Worldista algoritmeihin.

30

Haastattelusimulaattori

Ajastettu 30 kysymyksen kokonaisuus ja arvioitu raportti sekä 50 haastattelukysymystä vastauksineen. Weakness radar näyttää aiheet, joissa teet edelleen virheitä.

AI

AI Mentor

Kysy kääntäjän virheestä tai geneerisestä rajoitteesta ja saa selitys selkokielellä.

Taustaa

Miksi opetella TypeScriptiä, jos osaat jo JavaScriptiä?

TypeScript on JavaScript, jonka päälle on lisätty staattinen tyyppijärjestelmä. Kuvaat tietojesi rakenteen, kääntäjä tarkistaa jokaisen käyttökerran ennen koodin suorittamista, ja tyypit poistetaan, kun koodi käännetään tavalliseksi JavaScriptiksi. Siksi React-, Angular- ja Node-koodikannoissa käytetään niin usein sitä: sama kieli, jonka muokkain täydentää koodiasi tuntien sen rakenteen, ja kokonainen luokka undefined-is-not-a-function-virheitä havaitaan jo koontivaiheessa. Jos osaat lukea JavaScriptiä, tiedät jo suurimman osan siitä, mitä tarvitset aloittamiseen.

Tyyppimääritykset ja päättelyaloita tästä

Voit määrittää muuttujalle tai funktion parametrille tyypin, ja TypeScript päättelee monet tyypit itse määrittämäsi arvon perusteella. Ensimmäinen käytännön taito on oppia, milloin tyyppi kannattaa kirjoittaa itse ja milloin päättelyn voi antaa hoitaa asian.

Unionit ja tyypin tarkentaminenarkipäivän työhevonen

Unionityyppi kertoo, että arvo voi olla jokin useista tyypeistä. Tyypin tarkentaminen typeof-tarkistusten, yhtäsuuruusvertailujen ja mukautettujen tyyppivartijoiden avulla kertoo kääntäjälle, mikä niistä arvo on haaran sisällä, ja erotellut unionit mahdollistavat tarkistuksen tyhjentävästi.

Geneeriset tyypitjoustava mutta silti turvallinen

Geneeristen tyyppien ansiosta funktio tai tyyppi voi toimia monien tyyppien kanssa ilman, että turvaudutaan any-tyyppiin. extends-avainsanalla määritetyt rajoitteet puolestaan kertovat, mitä tyyppiparametrin on pystyttävä tekemään.

Aputyypit, mapatut ja ehdolliset tyypitsiellä tyyppijärjestelmästä tulee ilmaisuvoimainen

Partial, Pick, Omit ja Record on rakennettu mapatuista ja ehdollisista tyypeistä. Kun ymmärrät ne yhdessä infer-avainsanan kanssa, voit kirjoittaa omia aputyyppejä sen sijaan, että kopioisit niitä.

tsconfig ja strict-tilakuinka tiukka haluat kääntäjän olevan

Kääntäjän asetukset määrittävät, kuinka paljon TypeScript huomauttaa virheistä. strict-tilan käyttöönotto tekee tyypeistä luotettavia, ja samalla olemassa olevan JavaScript-projektin siirtäminen TypeScriptiin onnistuu asteittain tiedosto kerrallaan.

Sopivuus

Kenelle se sopii – ja kenelle ei

Se sopii sinulle, jos

  • Kirjoitat JavaScript-koodia ja näet jatkuvasti TypeScriptin työpaikkailmoituksissa ja koodikannoissa
  • Käytät Reactia tai Nodea ja haluat tyypitettyä koodia alusta loppuun
  • Olet aloittelija ja haluat oppia tyypitetyn standardin heti alusta
  • Opit parhaiten kääntäjän palautteesta ja pienistä pulmista etkä vain lukemalla
  • Sinulla on JavaScript-projekti ja haluat siirtää sen TypeScriptiin tiedosto kerrallaan

Se ei ole oikea työkalu sinulle, jos

  • Et ole koskaan kirjoittanut koodia ja haluat, että ensimmäinen ohjelmointikieli selitetään aivan alkeista lähtien, sillä oppitunneilla oletetaan, että osaat lukea koodia
  • Sinun on rakennettava suuri projekti kokonaisessa IDE:ssä, mikä edellyttää edelleen kannettavaa tietokonetta
  • Odotat kaiken olevan maksutonta, koska ensimmäinen kurssi on ilmainen ja Pro avaa loput
  • Haluat virallisen Microsoft-kurssin, sillä sovellus on riippumaton

Kysymykset

Usein kysytyt kysymykset

Mikä on paras tapa oppia TypeScriptiä puhelimella?

Käytä jotain, joka todella tarkistaa tyyppisi, ei vain tarjoa luettavaa tekstiä. Opi TypeScript & harjoittele suorittaa kääntäjän laitteella, alleviivaa tyyppivirheet kirjoittaessasi ja yhdistää 101 kurssia tyyppipulmiin, ohjattuihin projekteihin ja AI Mentoriin. Aloittaminen on maksutonta iOS- ja Android-laitteilla 22 kielellä.

Voinko oppia TypeScriptiä tuntematta JavaScriptiä?

Voit, mutta jonkin verran JavaScriptin lukutaitoa kannattaa hankkia ensin, koska TypeScript on JavaScriptiä tyyppeineen. Opi TypeScript & harjoittele aloittaa siitä, miksi tyypeillä on väliä, ja perus-tyypeistä, ja yhdessä varhaisista kursseista verrataan TypeScriptiä ja JavaScriptiä. Aloittelijat, jotka haluavat oppia tyypitetyn kielen heti alusta, ovat yksi ryhmistä, joille sovellus on suunniteltu.

Mitä eroa on TypeScriptillä ja JavaScriptillä?

TypeScript lisää JavaScriptiin staattisen tyyppijärjestelmän. Kääntäjä tarkistaa koodisi ilmoittamiasi tai päättelemäänsä tyyppejä vasten ja poistaa ne sitten, joten suoritettava koodi on tavallista JavaScriptiä. Hyötyinä ovat virheiden aiempi havaitseminen ja editorin parempi automaattinen täydennys, mutta hintana ovat koontivaihe ja opittavaksi tuleva ylimääräinen syntaksi.

Tarkistaako sovellus TypeScriptini oikealla kääntäjällä?

Kyllä. TypeScript-kääntäjä toimii laitteella, joten editori alleviivaa tyyppivirheet kirjoittaessasi ja Type Explorer näyttää kohdistimen kohdalla olevan tyypin. Voit myös suorittaa koodisi ja nähdä tulosteen. Sovelluksessa huomautetaan, että TypeScript on Microsoft Corporationin tavaramerkki eikä sillä ole yhteyttä Microsoftiin.

Mitä geneeriset tyypit ovat TypeScriptissä ja miten sovellus opettaa niitä?

Geneeristen tyyppien ansiosta funktio tai tyyppi voi toimia monien tyyppien kanssa säilyttäen samalla tyyppiturvallisuuden sen sijaan, että turvauduttaisiin any-tyyppiin. Sovellus opettaa ne vaiheittain: ensin geneeriset funktiot ja tyypit, sitten rajoitteet, ehdolliset tyypit, mapped- ja template literal -tyypit sekä infer-avainsana. Harjoittelua varten Type Gymissä on pulmia.

Kattaako se TypeScriptin käytön Reactin ja Node.js:n kanssa?

Kyllä. Oikeiden projektien kursseihin kuuluvat TypeScript with React props and hooks, TypeScript with Node.js and Express, tyyppiturvalliset API-asiakkaat, ajonaikainen validointi Zodilla, testaus Jestillä, GraphQL, tRPC ja Next.js. Siirtymiskurssilla näytetään, miten TypeScript otetaan vähitellen käyttöön olemassa olevassa JavaScript-projektissa.

Onko Opi TypeScript & harjoittele maksuton?

Sen voi ladata maksutta. Maksuton versio sisältää ensimmäisen kurssin, ensimmäisen ohjatun projektin ja projektipolun, kaksi kooditehtävää, päivittäisen Lab-harjoittelun ja päivittäisen AI Mentor -kiintiön, ja siinä näytetään mainoksia. Pro avaa kaikki kurssit, projektit, polut ja tehtävät, rajattoman AI Mentor- ja Lab-harjoittelun, editorin täydellisen virheluettelon ja sertifikaattikokeen sekä poistaa mainokset.

Auttaako sovellus TypeScript-haastatteluihin?

Kyllä. Haastattelusimulaattori on ajastettu 30 kysymyksen kokonaisuus, joka päättyy arvioituun raporttiin, ja mukana on 50 haastattelukysymystä vastauksineen. Weakness-tutka näyttää, missä aiheissa saat yhä vääriä vastauksia, jotta voit palata oikealle kurssille.

Kuinka kauan TypeScriptin oppiminen kestää?

Jos osaat jo JavaScriptiä, tyyppien, interface-tyyppien ja union-tyyppien perusteet voi oppia muutamassa viikossa lyhyillä päivittäisillä oppitunneilla, mutta geneeriset tyypit ja edistynyt tyyppijärjestelmä vaativat enemmän aikaa. Sovellus tukee tasaista tahtia putkilla, XP:llä, edistymisen seurannalla ja päivittäisillä muistutuksilla itse valitsemaasi aikaan.

Onko saatavilla todistus?

Kyllä. Pro sisältää todistuskokeen, ja sen läpäisemällä saat jaettavan suorittamistodistuksen. Se dokumentoi tekemäsi kurssityön, eikä kyseessä ole Microsoft-pätevyys.

Aloita

Kirjoita ensimmäinen tyypitetty ohjelmasi tänään

Aloita ilmaiseksi iOS- ja Android-laitteilla 22 kielellä.

App Store — Lataa ilmaiseksiGoogle Play — Lataa ilmaiseksi
Tarkistettu viimeksi · Julkaisija: CoddyKit · Tietosuojakäytäntö
Saatavilla alustoilla iOS ja Android.