TypeScript pour débutants : utiliser TypeScript

Name: TypeScript pour débutants : utiliser TypeScript
Author: Mark Nair

Améliorez votre développement Web grâce au typage fort, à l'inférence de type et aux puissantes fonctionnalités de TypeScript

Preview the first lesson free — get full access to all 10 lessons.

Demander une démo Se connecter

Cours : à la demande

Bonjour, dans ces leçons, vous découvrirez TypeScript variables et types de données, chaînes, booléens, nombres. Le type que nous appellerons any, type inférence, objets et fonctions. Désormais, une variable n'est qu'un conteneur pour vos données. Et les informations que vous détenez dans ces conteneurs peuvent changer en fonction de vos besoins. Je vais agrandir cet écran un peu pour que nous puissions le voir. Il existe deux manières de configurer une variable dans TypeScript. Nous peut utiliser la clé var comme ceci. Donc ici, j'ai dit que la variable var nommée ville actuelle est de type chaîne, et il contient une valeur de la chaîne, Austin. Mais le mot clé var, ici, cela pourrait provoquer des trucs si nous n'y sommes pas prêts. L'une d'elles en particulier est que vous pouvez accéder aux déclarations var n'importe où dans votre fonction qui les contient ou module ou espace de noms. Les gens appellent cela la var scoping De ce fait, vous pouvez déclarer la même variable plusieurs fois. Et cela pourrait finir par être assez déroutant, surtout si vous ne savez pas ce que vous cherchez. Pour l'instant, évitons complètement cette astuce et déclarez plutôt les variables avec le mot-clé let. Maintenant, cela pourrait vous causer un peu de chagrin si vous avez l'habitude d'utiliser let dans d'autres langages comme Swift, par exemple exemple. Dans Swift, let désigne une constante et var désigne un variable. Dans ce cas, cependant, nous n'allons pas nous en inquiéter non plus beaucoup. Nous dirons simplement que nous utiliserons let pour les variables. Maintenant, une autre remarque sur l'idée de variable. Nous parlons d'informations qui évoluent avec le temps. C'est pourquoi c'est une variable. Si vous avez des informations que vous ne souhaitez pas modifier, nous utiliserons la constante que je viens de mentionner. Et la raison pour laquelle nous utilisons une constante, ou nous avons le préférence d'utiliser une constante, si vous savez que vous n'allez pas modifier les informations, c'est vraiment à court d'allocation de mémoire, de cohérence et de vitesse votre code. Maintenant, pour créer une constante, nous allons utiliser le mot-clé const. Maintenant, la variable ici, nous disons que la ville actuelle ne le sera pas changement. Si nous essayons de changer cette ville actuelle, nous ne pouvons pas le faire. Et vous verrez que la ligne ondulée ci-dessous la ville actuelle nous indique qu'il y a une erreur. Et si on fait un retournement, j'aurai, Je ne peux pas attribuer la ville actuelle car c'est une constante. Et cela est parfaitement logique. Nous ne pouvons pas y ajouter une nouvelle valeur si nous l'avons déjà dit la valeur ne changera pas avec le temps. Essayons encore une fois, juste pour vérifier. J'ai donc ici une const de pâtes préférées, qui sont de tapez chaîne, et cela est égal à penne. Si j'essaye de le changer, les pâtes préférées sont désormais égales aux ziti. Nous ne pouvons pas le faire. Et ici, dans le journal des erreurs, cela se produit maintenant dans le Terrain de jeu TypeScript, ce qui est assez pratique. Cela nous montre simplement tout cela ensemble. Dans différents IDE, différentes erreurs apparaîtront différentes façons. Mais pour ici, on va juste utiliser ce qu'on a dans la cour de récréation pour nous aider. Erreur : impossible d'attribuer des pâtes préférées car il s'agit d'une constante. Désormais, TypeScript nous donnera également une erreur si j'essaie de modifier penne en un type différent. Je ne veux pas dire que cela donnera une erreur à cause de penne. Il n'y a pas de préférence sur les pâtes, mais la valeur que je mettre dans vos pâtes préférées. Laissez-moi essayer ceci en disant, nous allons nous débarrasser de cette ligne ici, et je dirai juste, oui, mes pâtes préférées sont les pâtes à ficelle de type ficelle, mais c'est vrai. Je dirai simplement que c'est une valeur booléenne ici. Eh bien, nous ne pouvons pas le faire car ici notre erreur, tapez Boolean est non attribuable au type chaîne. Tout ce que cela signifie, c'est que nous avons dit que les pâtes préférées sont celles du type chaîne, mais ce que je lui donne est une valeur booléenne. Maintenant, si, pour une raison quelconque, je veux que cela soit, disons, vrai en tant que chaîne, je pourrais le faire, mais gardez simplement à l'esprit que vrai ou false sont des mots-clés spéciaux que nous utilisons pour les booléens. N'oubliez pas que TypeScript est avant tout une question de sécurité des types, et même bien que le JavaScript compilé fonctionne parfaitement avec le erreurs, laissez-moi vous montrer ceci, même si c'est une erreur ici, si je viens ici pour mon JavaScript, cela fonctionne parfaitement ici. Même s'il fait cela en JavaScript, ce n'est pas ça TypeScript concerne. Merci d'avoir regardé. Restez à l'écoute pour la prochaine leçon où je vous montrerai comment utiliser chaînes en TypeScript.

Débutant Fournisseur : Mark Nair 10 leçons · 43m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Chinese

Description du cours

Dans ces leçons, nous examinerons les avantages de TypeScript, notamment le typage et l'inférence de type forts, les opérateurs, les objets et les fonctions. L'un des principaux avantages de TypeScript est son typage fort, qui garantit un meilleur outillage et une meilleure détection des erreurs. Lorsqu'ils travaillent avec TypeScript, les développeurs doivent déclarer les types de leurs variables et données, qui peuvent inclure des chaînes, des booléens et des nombres. Le type « any » peut également être utilisé dans les cas où le type de données est inconnu ou varie.

L'inférence de type est une autre fonctionnalité qui permet d'accélérer le développement en déterminant automatiquement le type d'une variable en fonction de sa valeur. Cela réduit la quantité de code à écrire et garantit que le code est correctement tapé.

Les opérateurs, y compris les opérateurs d'affectation et les opérateurs logiques, peuvent également être utilisés dans TypeScript, ce qui permet aux développeurs d'effectuer des opérations sur leurs données. Les objets sont également un aspect essentiel de TypeScript, permettant aux développeurs de créer des structures de données et des classes complexes.

Les fonctions en TypeScript peuvent être déclarées avec des types pour leurs paramètres et leurs valeurs de retour, ce qui garantit que les entrées et les sorties sont correctement typées. Cette fonctionnalité permet d'éviter les erreurs et d'améliorer la maintenabilité du code.

Dans l'ensemble, TypeScript est un langage puissant qui améliore l'efficacité et la fiabilité du développement Web. Sa prise en charge du typage fort, de l'inférence de type, des opérateurs, des objets et des fonctions en fait un langage polyvalent adapté à un large éventail d'applications.

Ce que vous allez apprendre

Utiliser le typage fort et les fonctionnalités d'inférence de type de TypeScript pour détecter les erreurs et améliorer l'outillage
Déclarer et travailler avec des variables utilisant des types tels que les chaînes (strings), les booléens (Booleans) et les nombres (numbers), plus le type « any » pour les données inconnues ou variables
Appliquer les opérateurs TypeScript, y compris les opérateurs d'affectation et les opérateurs logiques, pour effectuer des opérations sur les données
Créer des structures de données complexes et des classes à l'aide d'objets
Déclarer des fonctions avec des paramètres typés et des valeurs de retour pour s'assurer que les entrées et les sorties sont correctement typées

Points clés à retenir

Le typage fort de TypeScript exige que les développeurs déclarent les types de leurs variables et données, ce qui garantit de meilleurs outils et une meilleure détection des erreurs.
L'inférence de type détermine automatiquement le type d'une variable en fonction de sa valeur, réduisant la quantité de code écrit et garantissant un typage correct.
Le type « any » peut être utilisé dans les cas où le type de la donnée est inconnu ou varie.
Typer les paramètres de fonction et les valeurs de retour aide à prévenir les erreurs et améliore la maintenabilité du code.
La prise en charge par TypeScript du typage fort, de l'inférence de type, des opérateurs, des objets et des fonctions en fait un langage polyvalent adapté à une large gamme d'applications.

Foire aux questions

À qui s'adresse ce cours ?

C'est un cours TypeScript pour débutants, destiné aux développeurs qui souhaitent apprendre à utiliser le typage fort, l'inférence de type, les opérateurs, les objets et les fonctions de TypeScript dans le développement Web.

Quels sujets ce cours couvre-t-il ?

Les leçons couvrent les variables et les types de données, les chaînes, les booléens, les nombres, le type « any », l'inférence de type, les opérateurs d'affectation, les opérations logiques, les objets et les fonctions.

Quelles compétences vais-je acquérir ?

Vous acquerrez des connaissances sur le typage, JavaScript, JavaScript orienté objet et TypeScript, y compris comment déclarer et travailler avec des variables et comment utiliser des opérateurs, des objets et des fonctions.

Comment l'inférence de type aide-t-elle lors de l'écriture en TypeScript ?

L'inférence de type accélère le développement en déterminant automatiquement le type d'une variable en fonction de sa valeur, ce qui réduit la quantité de code à écrire et garantit que le code est correctement typé.

Pourquoi utiliser des fonctions typées en TypeScript ?

Les fonctions peuvent être déclarées avec des types pour leurs paramètres et leurs valeurs de retour, garantissant que les entrées et les sorties sont correctement typées, ce qui aide à prévenir les erreurs et à améliorer la maintenabilité du code.