JavaScript-alkalmazások létrehozása TypeScript használatával
A TypeScript a JavaScript összes funkcióját, valamint egy további réteget is kínál ezekre - a TypeScript típusrendszerre. Ebben a képzési tervben megtudhatja, hogyan segíthet a TypeScript for JavaScript-fejlesztéssel robusztusabb kódokat létrehozni, csökkenteni a futtatókörnyezeti típushibákat, kihasználni a modern funkciókat, mielőtt elérhetőek lennének a JavaScriptben, és jobban együttműködni a fejlesztői csapatokkal.
Előfeltételek
- Az alapszintű HTML és JavaScript ES6/2015 ismerete, beleértve a következőket:
- Feltételesek
- Funkciók
- Scope
- Tömbök
- Hurkok
- Iterátorok
- Objektumokat
- Osztályok
- Modulok
- Telepített szoftverek:
- Git
- Visual Studio Code
- Node.js
- TypeScript
Eredménykód
Szeretne eredménykódot kérni?
A képzési terv moduljai
Ez a modul bemutatja a TypeScript nyelvét, a létrehozás okát és a JavaScript-fejlesztéshez való használatát. Egy TypeScript fejlesztői környezetet is beállít a jövőbeli gyakorlatokhoz.
A JavaScript egy dinamikusan gépelt nyelv. Bár ez megkönnyíti a változók deklarálását, bizonyos esetekben váratlan eredményekhez vezethet. A TypeScript statikus típusrendszere lehetővé teszi egy objektum alakjának leírását, jobb dokumentációt biztosít, és lehetővé teszi a TypeScript számára, hogy ellenőrizze, hogy a kód megfelelően működik-e. A TypeScriptben a névterek, osztályok, tulajdonságok, függvények, változók és más nyelvi entitások deklarációi típusokat társítanak ezekhez az entitásokhoz. Egy típus nyelvi entitáshoz való alakításának és társításának módja az entitás típusától függ. Ez a modul bemutatja az elérhető típusokat, és bemutatja, hogyan társíthatók változókkal. A későbbi modulok azt vizsgálják, hogy az interfészek, a függvények és az osztályok hogyan használják a statikus gépelést.
A JavaScript nem támogatja a felületeket, ezért JavaScript-fejlesztőként lehet, hogy rendelkezik tapasztalatokkal. A TypeScriptben ugyanúgy használhat felületeket, mint a hagyományos objektumorientált programozásban. Az interfészek használatával is definiálhat objektumtípusokat, és ez a modul elsődleges fókusza.
Ha tudja, hogyan írhat függvényeket a JavaScriptben, tudja, hogyan írhat függvényeket a TypeScriptben. A TypeScript azonban új képességeket ad hozzá a szabványos JavaScript-függvényekhez, hogy megkönnyítse a használatukat.
A TypeScript osztályai kiterjesztik az ES6 funkciót typeScript-specifikus funkciók, például az osztálytagok típusjegyzetei, a hozzáférési módosítók, valamint a szükséges vagy választható paraméterek megadásának lehetőségével. A TypeScript használatának egy másik előnye, hogy az osztályokkal együtt fejlesztheti, majd lefordíthatja őket a JavaScriptre, amely szükség szerint minden nagyobb böngészőben és platformon működik.
Az általánosak olyan kódsablonok, amelyeket a kódbázisban definiálhat és újra felhasználhat. Segítségével megadhatja, hogy a függvények, osztályok vagy felületek milyen típusúak legyenek, amikor meghívja.
A TypeScript kétféleképpen rendszerezheti a kódokat – névtereket és modulokat. Ez a learn modul bemutatja a TypeScript modulokat (a korábbi verziókban külső moduloknak is nevezik).)
A TypeScript két módszert kínál a kód – névterek és modulok – rendszerezésére. Ez a modul bemutatja, hogyan rendszerezheti a TypeScript-kódot névterek használatával.