In de afgelopen jaren is TypeScript een steeds populairdere taal geworden voor ontwikkelaars.
TypeScript, gemaakt door Microsoft in 2012, is een geweldige set getypte JavaScript waarmee u schaalbare en efficiënte webapplicaties kunt schrijven. Ontwikkelaars praten vaak over hoe TypeScript u "JavaScript laat schrijven zoals u dat wilt". Het verwijst naar hoe de taal je meer controle geeft over je schema`s.
Volgens RedMonk januari 2020 Rangschikking van programmeertalen ​​, TypeScript is de zevende meest gebruikte programmeertaal door ontwikkelaars. Deze index houdt de populariteit bij van verschillende programma`s in verschillende talen ​​/
In deze handleiding bespreken we de beste manier om TypeScript online te leren. We zullen u enkele tips geven om uw TypeScript-vaardigheden onder de knie te krijgen.
Wat is JavaScript?
Laten we, voordat we het over TypeScript hebben, eerst verfrist onze herinneringen aan een andere programmeertaal: JavaScript.
JavaScript is een scripttaal voor het bouwen van dynamische websites. Met JavaScript kunt u functies aan sites toevoegen, zoals bewegende afbeeldingen, interactieve knoppen en webpaginacomponenten. Deze items veranderen wanneer een gebruiker ermee communiceert.
Telkens wanneer u een webpagina ziet die niet alleen tekst weergeeft, is JavaScript op de een of andere manier betrokken.
Wat is TypeScript?
TypeScript is een getypte, open source superset van de JavaScript-programmeertaal. TypeScript is in 2012 door Microsoft gemaakt om het voor ontwikkelaars gemakkelijker te maken om grote en schaalbare applicaties te bouwen. Het wordt veel gebruikt door bedrijven zoals Slack, Asana en Microsoft.
De TypeScript-taal gebruikt dezelfde syntaxis en semantiek als de JavaScript-taal. Er zijn enkele verschillen die het gemakkelijker maken om schaalbare code te schrijven. Daarom kunt u bestaande JavaScript-code gebruiken om een TypeScript-toepassing te starten en vervolgens TypeScript-code aanroepen vanuit een JavaScript-toepassing.
De TypeScript-functieset ondersteunt alle nieuwste JavaScript-functies. Dit betekent dat wanneer u TypeScript gebruikt, u geen andere functionaliteit verliest die in JavaScript is geïntroduceerd.
Hoewel JavaScript een dynamische scripttaal is, is TypeScript een statische scripttaal die afhankelijk is van JavaScript-code. TypeScript vervangt JavaScript niet. Het is een aanvullende technologie die wordt gebruikt in combinatie met JavaScript, vooral wanneer u zeer schaalbare webtoepassingen wilt bouwen.
Hier zijn de belangrijkste verschillen tussen JavaScript en TypeScript:
TypeScript ondersteunt optionele parameterfuncties, in tegenstelling tot JavaScript.
Waar wordt TypeScript voor gebruikt?
TypeScript is een modern framework voor webontwikkeling. Breid JavaScript uit met statische typedefinities. Deze definities vereenvoudigen de beschrijving van hoe een object is gestructureerd, wat de leesbaarheid van de code verbetert.
Alle JavaScript-code kan TypeScript-code zijn. Dit komt omdat TypeScript zich alleen uitstrekt tot JavaScript. Het vervangt geen verf. TypeScript-code wordt tijdens het compileren omgezet in JavaScript-code.
Het is niet nodig voor een ontwikkelaar om de hele applicatie aan te passen om TypeScript te ondersteunen. TypeScript kan op elk moment worden toegevoegd aan een client- of servertoepassing.
Omdat TypeScript is gebaseerd op JavaScript, zal elke overgang resulteren in het toevoegen van TypeScript-code in plaats van het verwijderen van JavaScript-code.
Hoe lang duurt het om TypeScript te leren?
Het duurt ongeveer een maand om leer de basis van TypeScript, ervan uitgaande dat je minstens een uur per dag studeert. Verwacht minimaal zes maanden te besteden aan het bestuderen van TypeScript voordat u de vaardigheden ontwikkelt om het toe te passen in een professionele ontwikkelomgeving.
Omdat TypeScript is gebaseerd op JavaScript, zal veel van de terminologie die u hoort u bekend voorkomen. Dit zal het leerproces versnellen. Maar TypeScript is zijn eigen technologie. Er zullen dus veel concepten zijn die u vanaf het begin moet leren.
De tijd die nodig is om TypeScript te leren, hangt af van de tijd die u besteedt aan studeren. Als je voltijds studeert, kun je TypeScript sneller leren dan degenen die alleen in deeltijd studeren.
Is TypeScript moeilijk te leren leren ?
TypeScript leren is iets moeilijker dan JavaScript leren. Dit komt omdat TypeScript zich uitstrekt tot JavaScript, dus u moet eerst begrijpen hoe JavaScript werkt. Maar met een beetje oefening en tijd zou u geen probleem moeten hebben om TypeScript te leren.
TypeScript heeft veel functies die niet door JavaScript worden ondersteund. Deze omvatten decorateurs, toegangsmodifiers, opsommingen, statisch typen en interfaces. Verwacht tijd te besteden aan het leren van volledig nieuwe concepten die u misschien nog nooit bent tegengekomen in webontwikkeling.
Waarom zou u TypeScript leren?
Hoewel JavaScript geweldig is voor flexibiliteit, is het in veel gevallen niet zo geweldig voor het bouwen van zeer schaalbare webapplicaties. Als je TypeScript leert, heb je een hele reeks nieuwe tools die je kunt gebruiken om effectief schaalbare webapplicaties te schrijven.
Veel webontwikkelaars leren TypeScript omdat de taal statische invoer biedt. Statische invoer kan uw ontwikkelervaring verbeteren door het gemakkelijker te maken om leesbare code te schrijven. Met tools zoals TSLint en TSServer kunt u bijvoorbeeld de stijl en efficiëntie van uw code verbeteren.
Dus jij` heb besloten TypeScript te leren. Het is een uitstekende keuze. Maar hoe leer je TypeScript snel onder de knie?
Om deze vraag te beantwoorden, gaan we de belangrijkste onderwerpen onderzoeken die je moet bestuderen om effectief te kunnen programmeren in TypeScript. Daarna bespreken we hoe we deze onderwerpen kunnen leren. Laten we beginnen!
Ontwikkel je vaardigheden
De eerste stap bij het leren van TypeScript is om de basis onder de knie te krijgen. alle andere componenten waaruit de TypeScript-taal bestaat. Als je eenmaal de basis hebt geleerd, kun je doorgaan met het verkennen van de meer gecompliceerde facetten van TypeScript. Laten we de belangrijkste vaardigheden opsommen die u moet kennen om TypeScript te leren.
HTML, CSS en JavaScript leren
Omdat TypeScript is gebaseerd op JavaScript. Voordat u begint, moet u leren coderen in HTML, CSS en JavaScript.
Allereerst moet u de basis van HTML en CSS leren. Dit zijn de twee programmeertalen die respectievelijk worden gebruikt om de structuur en stijl van een webpagina te bepalen. Als je deze technologieën eenmaal onder de knie hebt, moet je de basis van JavaScript leren.
Bekijk om te beginnen onze handleidingen voor het leren van HTML en CSS:
Types
Typen zijn een essentieel onderdeel van TypeScript, vandaar de naam van de taal.
In TypeScript kunnen typen worden toegewezen aan variabelen wanneer ze worden gedeclareerd. Dit stelt u in staat om betrouwbaardere en schaalbare code te schrijven en verbetert ook de leesbaarheid van uw programma`s.
Om effectief met TypeScript te kunnen werken, moet u de belangrijkste gegevenstypen begrijpen die door JavaScript worden gebruikt. Dit zijn de belangrijkste onderwerpen die u moet onderzoeken:
JavaScript-variabelen (bijv. string, getal, null)
alle ingebouwde, door de gebruiker gedefinieerde TypeScript-typen
Een type toewijzen in TypeScript
Hoe te werken met het gegevenstype enum
Variabelen en opmerkingen
Variabelen worden gebruikt om waarden ​​in TypeScript op te slaan. Een variabele kan bijvoorbeeld de naam of geboortedatum van een gebruiker opslaan.
Opmerkingen stellen u in staat om script toe te voegen aan uw code die niet door de browser wordt gelezen, maar door ontwikkelaars kan worden gelezen. Met opmerkingen kunt u uitleggen hoe uw code werkt.
Omdat TypeScript- en JavaScript-variabelen en opmerkingen anders werken, moet u deze twee onderwerpen onderzoeken Hier zijn enkele onderwerpen met betrekking tot variabelen en opmerkingen die u zou moeten onderzoeken:
Hoe een variabele declareren met let, const en var
Syntaxisregels voor TypeScript-variabelen
Hoe schrijf je een com ment in TypeScript
Functies
TypeScript biedt een aantal verbeteringen aan traditionele JavaSc ript-functies.
In TypeScript , u kunt bijvoorbeeld een functie declareren zoals u dat in JavaScript zou doen. Maar u kunt TypeScript-typen ook als functieargumenten gebruiken.
Er zijn twee soorten functies die u moet kennen: functie-expressies en functiedeclaraties. U moet ook bekend zijn met hoe "this" trefwoord werkt in TypeScript, dat ook is afgeleid van JavaScript.
Objectgeoriënteerd programmeren
TypeScript is een objectgeoriënteerde programmeertaal en voegt een aantal nieuwe functies toe om de functionaliteit van objectgeoriënteerd JavaScript te verbeteren. U kunt bijvoorbeeld klassen maken met het trefwoord `class` in TypeScript.
U dient vertrouwd te raken met de volgende onderwerpen met betrekking tot objectgeoriënteerd programmeren:
Klassen en objecten.
Verouderd.
Polymorfisme.
Abstractie.
Hoe de objecttypen Object, object en {object} te gebruiken van TypeScript.
Interfaces
Een van de belangrijkste kenmerken van TypeScript is de interface. Met interfaces kunt u een specifieke structuur voor een variabele definiëren. U moet weten wat een interface kan bevatten en hoe u een interface definieert.
Modules
Modules is een TypeScript-functie waarmee u uw code kunt splitsen in vele kleine, herbruikbare componenten. Het kan u helpen uw project beter te organiseren. U zou de basissyntaxis moeten kennen die TypeScript gebruikt om formulieren naar bestanden te importeren en exporteren.
We hebben slechts enkele van de belangrijkste TypeScript-functies behandeld waarmee u misschien bekend bent - er valt nog zoveel meer te ontdekken! Door uzelf vertrouwd te maken met de hierboven genoemde concepten, bent u op een goede basis om door te gaan met het verkennen van andere TypeScript-concepten.
Hoe u TypeScript online leert
Er is een enorme hoeveelheid bronnen om u te helpen TypeScript te leren. Dit is een goede zaak - hoe meer bronnen beschikbaar zijn, hoe groter de kans dat er een is die precies aan uw behoeften voldoet. Het kan echter ontmoedigend zijn om te kiezen welke bronnen u wilt gebruiken.
Het eerste dat u moet doen voordat u TypeScript leert, is uzelf afvragen hoe u het beste leert.
Houd je van online tutorials of doe je dat niet geef je de voorkeur aan online lessen? Wil je werken aan teamprojecten of vind je het prettig om alleen te leren? Door deze vraag vooraf te overwegen, kunt u een beter idee krijgen van ​​naar wat voor soort materiaal u moet zoeken.
Deze cursus is bedoeld om de basisprincipes van TypeScript. U leert hoe u TypeScript op uw computer kunt compileren, testen en uitvoeren. Aan het einde van deze cursus heb je een eenvoudige applicatie gemaakt met TypeScript.
TypeScript Fundamentals onderzoekt de concepten die u moet kennen om een webtoepassing in TypeScript te schrijven. Deze cursus behandelt onderwerpen zoals TypeScript-syntaxis, de code-editor, typen en variabelen, en modules.
Deze cursus behandelt de basis van TypeScript en de belangrijkste functies. Je ontwikkelt een belangrijk begrip van het nut van TypeScript en hoe het kan worden gecombineerd met andere frameworks voor webontwikkeling. Deze cursus omvat 15 uur aan video en 210 downloadbare bronnen.
De beste TypeScript-tutorials
Het internet staat vol met tutorials om alles te leren wat u maar wilt leren. Tutorials bieden een eenvoudige handleiding voor het uitvoeren van een specifieke taak met een specifieke tool, in dit geval TypeScript. Hieronder bespreken we de beste TypeScript-tutorials die beschikbaar zijn voor beginners en gevorderde gebruikers, samen met de beste gratis opties.
Controleer Out Tutorial Teacher als je nieuw bent bij TypeScript en meer wilt leren. Op deze site kun je alles leren, van de basis tot de meest geavanceerde functies van de taal. Er zijn lessen over basissyntaxis, typeannotatie, variabelen, arrays, strings, interfaces, klassen, objecten en naamruimten, om er maar een paar te noemen.
Een van de functies die door de site worden aangeboden is " Try It " Optie waarmee u online coderegels kunt uitvoeren en wijzigen en de resultaten kunt bekijken. Om het meeste uit deze tutorial te halen, is het het beste om een duidelijk begrip te hebben van Object Oriented Programming (OOP) en een basiskennis van JavaScript.
Leer alle belangrijke dingen over TypScript in deze uitgebreide tutorial, mogelijk gemaakt door TekTutorialsHub. Het behandelt niet alleen alle functies van de taal, het is ook volledig gratis. Net als de hierboven genoemde website is het het beste als je een basisidee hebt van ​​OOP en JavaScript-code.
Deze zelfstudie leidt u door de belangrijkste aspecten van de programmeertaal, zoals syntaxis en basisregels. Het legt ook uit hoe u TypeScript installeert en de ontwikkelomgeving configureert. Als u elke zelfstudie voltooit, begrijpt u variabele declaraties, typeannotaties, typeinterfaces, stringgegevenstypen, getallen, BigInt, speciale en geavanceerde typen en zelfs TypeScript-operators.
Je hebt gratis toegang tot deze TypeScript-cursus, zelfs als je geen Educatief account hebt. Als je je gratis toegang echter al hebt gebruikt voor een van hun trainingen, moet je $ 34 per jaar betalen om deze tutorial te krijgen. Dit is een op tekst gebaseerde zelfstudie met 114 lessen, die u in ongeveer 12 uur kunt voltooien.
Begin met de basis en ga verder met meer geavanceerde concepten zoals typecontrole en arraymanipulatie. Je leert fundamentele concepten zoals de basis van variabelen, generieke typen en functies. Er is ook een programmeeromgeving waar je kunt coderen en oefenen wat je hebt geleerd.