Quest-ce que TypeScrip et pourquoi les développeurs devraient-ils lessayer?

JavaScript est un langage de programmation unique. Il est conçu pour le développement Web et a des règles différentes de celles des autres langages de programmation.

L'une des différences notables est que JavaScript est un langage de frappe dynamique, ce qui signifie que vous n'avez pas à déclarer de types lors de la création de variables. Les langages comme C, C # et Java nécessitent que vous déclariez des types de variables. Celles-ci sont appelées variables de typage statiques.

Les langages qui utilisent des variables de calcul offrent plus de stabilité et réduisent les erreurs de code. TypeScript est responsable de combler l'écart entre JavaScript et les règles de programmation traditionnelles.

Quest-ce que TypeScrip et pourquoi les développeurs devraient-ils lessayer?

Quel est le type de variable?

Le type de variable correspond aux informations que vous avez l'intention de stocker dans la variable.

Par exemple une variable Java

int myNumber = 10;

Cette variable est un entier, abréviation d'entiers. Il indique que la variable myNumber a l'intention de stocker un entier. Si vous essayez de stocker une autre valeur dans la variable (telle qu'une chaîne), le programme ne s'exécutera pas.

Voici quelques autres variables que vous pouvez utiliser:

  • int - nombres réguliers (les nombres sont des diviseurs de 60)
  • float - forme décimale.
  • char - caractères uniques tels que «x» ou «a».
  • chaîne - une chaîne de caractères comme "Bonjour" et "Ceci est une chaîne"
  • boolean - valeur vraie ou fausse.

JavaScript ne vous oblige pas à déclarer des types de variables. Cela vous donne plus de liberté mais peut également entraîner de mauvaises habitudes. C'est à ce moment que TypeScript facilite votre travail.

Qu'est-ce que TypeScript?

TypeScript peut être considéré comme une version améliorée de JavaScript développée par Microsoft, ajoutant des types de variables à votre code. Ce n'est pas une langue complètement nouvelle.

Pour voir à quel point ils sont similaires, regardez une seule ligne de code en JavaScript et TypeScript

JavaScript:

let myNumber = 10;

TypeScript:

let myNumber: number = 10;

Lorsque vous déclarez une variable dans TypeScript, vous déclarez son type en même temps. Ce petit changement mais il y a une grande différence. TypeScript est un langage de programmation compilé, contrairement à JavaScript qui s'exécute dans le navigateur. La compilation des langues peut être plus rapide et aider les programmes à fonctionner plus efficacement.

Instructions pour l'installation de TypeScript

Télécharger TypeScript 

  • Via le gestionnaire de packages Node.js (NPM).
  • Installez le plug-in TypeScript à partir de Visual Studio.

L'installation avec NPM est très simple avec la ligne de commande:

> npm install -g typescript

Si vous utilisez Visual Studio 2017 ou Visual Studio 2015 Update 3, vous disposez déjà de TypeScript inclus.

Avantages de l'utilisation de TypeScript

Ce sont les raisons pour lesquelles les développeurs Web devraient essayer d'utiliser TypeScript

Types variables

TypeScript vous permet d'assigner des types à des variables dans votre code. Cela vous aidera à devenir un meilleur codeur. Il oblige l'utilisateur à réfléchir à chaque variable qu'il écrit lors de la planification de son application. Cela permet d'éviter les erreurs de code, facilite la malveillance des applications et facilite le test du code.

TypeScript vous offre de nombreuses options pour créer des variables

Numéro

let myNumber: number = 10;

String

let myString: string = "TypeScript";

Variables booléennes

let myBoolean: boolean = true;

Array

Lorsque vous spécifiez un tableau, vous utiliserez le type de valeur contenu dans le tableau suivi de crochets

let myArray: number [] = [1,2,3];

Tout (tout)

Ce type de variable est utilisé lorsque vous souhaitez que TypeScript autorise tout type à être affecté à la variable, ce qui rend le codeur plus flexible en cas de doute sur votre variable.

let anyType: any = 10;
 anyType = "Hello"; //No error
 anyType = true; //Still no error

Néant

Void est utilisé lorsque vous ne souhaitez affecter aucun type à la variable, idéalement lorsque la fonction ne renvoie aucune valeur.

function randomMessage(): void { Console.log("This is just a message"); }

Null (valeurs nulles)

Il vous donne une valeur invalide.

let myNull: null = null; //This is all you can do

Indéfini (indéfini)

Donnez-vous une valeur inconnue.

let myUndefined: undefined = undefined; //This is all you can do

Fonctionnalités supplémentaires

TypeScript vous offre quelques fonctionnalités et styles supplémentaires, vous permettant de faire plus que JavaScript

Tuple

Tuple est un tableau spécial que vous déclarez avec un nombre fixe d'éléments. Ces éléments peuvent avoir différents types, mais l'ensemble de données doit respecter les types dans l'ordre que vous déclarez.

let myTuple: [number,string];
 myTuple = [45, "Hello"];
 myTuple = ["Hello", 45]; // Error

Types d'énumération

Les types d'énumération sont un type spécial qui attribue des valeurs numériques à une chaîne.

enum Color { Red, Green, Blue }

Dans cette énumération, le rouge se voit attribuer une valeur de 0, le vert est de 1 et le bleu de 2. Les énumérations sont indexées avec 0, tout comme les tableaux en JavaScript.

Classes d'objets

Les classes d'objet, d'interface et d'héritage sont également prises en charge dans TypeScript

JavaScript n'a pas de véritable système de classes pour la programmation orientée objet. JavaScript utilise un système prototype similaire, mais pas tout à fait le même

Vous pouvez créer une classe avec des constructeurs:

class Student { 
 Name: string; constructor(first,middle,last) { 
 this.Name = first + " " + middle + " " + last; } 
 }
 
 let newStudent = new Student("John", "Leonard","Smith");

Vous pouvez créer une interface et l'utiliser comme type

interface Person {
  personName: string;
 
 function sayHello(person: Person) {
  return "Hello " + person.personName;
 }

Les fonctions

TypeScript déclare également les types de données dans les fonctions.

function addNum(num1: number, num2: number) {
  return num1 + num2;
 }

Vous pouvez également utiliser des paramètres par défaut dans vos fonctions. Ceci est utile lorsque vous souhaitez définir une valeur dans un paramètre lorsque la fonction s'exécute sans arguments.

function addNums(num1: number, num2 = 15) {
  return num1 + num2;
 }
 
 addNums(5,5); // This will return 10
 addNums(5); // This will return 20. There was no second value, so the default parameter of 15 is used

Le compilateur TypeScript facilite les tests de code

JavaScript s'exécute dans un bon navigateur Web car c'est simple.

TypeScript utilise le compilateur pour traduire le code dans un fichier JavaScript. Ainsi, il vous aide à vérifier votre code lors de l'écriture. Lorsque vous exécutez un fichier TypeScript dans l'EDI, il signalera les erreurs s'il est détecté.

La réduction de ces erreurs dans l'EDI aidera à garder votre code plus propre. Une fois compilé en JavaScript simple, la précision de votre code a été vérifiée. Le compilateur TypeScript peut être personnalisé en fonction des préférences de programmation de chaque personne.

Open source

TypeScript est open source et créé par Microsoft. Les logiciels open source ont de nombreux avantages car la communauté des développeurs travaillera constamment pour résoudre les bugs ou ajouter de nouvelles fonctionnalités.

TypeScript fonctionne bien avec Visual Studio et Visual Studio Code. Visual Studio Code est un excellent choix pour travailler avec JavaScript. Alors, envisagez de l'utiliser.

Utilisation de différents cadres Web

Parce que JavaScript est le roi dans le domaine du développement Web, il existe de nombreux cadres Web. Beaucoup d'entre eux sont très populaires.

TypeScript ne vous empêche pas d'utiliser ces cadres Web utiles. Il est compatible avec React, Angular, Express, Babel, Vue.js, ASP.NET Core et React Native.

Développement Web et JavaScript

TypeScript a été créé pour aider les développeurs JavaScript à développer plus facilement des applications et le Web. Il est important que vous ayez une base JavaScript solide et que vous compreniez comment cela fonctionne avant de plonger dans TypeScript.

Sign up and earn $1000 a day ⋙

Instructions pour créer une tendance de phase de lune

Instructions pour créer une tendance de phase de lune

Instructions pour créer une tendance Phase de Lune. La tendance Lune est extrêmement populaire sur TikTok, créant une fièvre sans précédent. Grâce à la phase de la Lune vous aidera à connaître la date

Instructions pour installer et enregistrer Microsoft Teams sur votre téléphone

Instructions pour installer et enregistrer Microsoft Teams sur votre téléphone

Instructions pour installer et enregistrer Microsoft Teams sur votre téléphone. À l'heure actuelle, alors que le besoin d'étudier et de travailler en ligne a considérablement augmenté, le

Comment faire pivoter du texte et des images dans Microsoft PowerPoint

Comment faire pivoter du texte et des images dans Microsoft PowerPoint

Comment faire pivoter du texte et des images dans Microsoft PowerPoint. Souhaitez-vous faire pivoter du texte et des images dans PowerPoint afin qu'ils s'adaptent parfaitement et conformément à la présentation ? C'est ici

Comment corriger les erreurs de recherche sur Outlook

Comment corriger les erreurs de recherche sur Outlook

Comment corriger l'erreur de recherche Outlook, Impossible de rechercher sur Outlook ? Ne t'inquiète pas. Vous trouverez ci-dessous des conseils pour vous aider à corriger les erreurs de recherche sur Outlook simplement et facilement.

Instructions pour passer des appels vidéo de groupe Messenger Rooms sur Instagram

Instructions pour passer des appels vidéo de groupe Messenger Rooms sur Instagram

Instructions pour les appels vidéo de groupe sur Messenger Rooms sur Instagram.La fonctionnalité Messenger Rooms est désormais également intégrée sur l'application Instagram. Ce qui suit,

Instructions pour activer le mode temporaire sur Instagram afin que les messages puissent sautodétruire

Instructions pour activer le mode temporaire sur Instagram afin que les messages puissent sautodétruire

Instructions pour activer le mode temporaire sur Instagram pour autodétruire les messages. Récemment, Instagram a lancé la fonctionnalité Vanish Mode (détruire automatiquement les messages). Nous voilà

Instructions pour visionner lexposition du Musée 3D sur Instagram

Instructions pour visionner lexposition du Musée 3D sur Instagram

Instructions pour visualiser les expositions de musées 3D sur Instagram, Smithsonian est un effet qui aide les utilisateurs à afficher des antiquités que l'on trouve couramment dans les musées. Voici votre invitation

Comment éditer des vidéos publiées sur YouTube sans perdre de vues

Comment éditer des vidéos publiées sur YouTube sans perdre de vues

Comment éditer des vidéos publiées sur YouTube sans perdre de vues, Vous avez oublié de flouter le contenu sensible dans les vidéos publiées sur YouTube. Ne vous inquiétez pas, voici comment l'ajuster

Comment supprimer plusieurs publications à la fois sur Instagram

Comment supprimer plusieurs publications à la fois sur Instagram

Comment supprimer plusieurs publications en même temps sur Instagram. La suppression de publications individuelles sur Instagram prend beaucoup de temps, c'est pourquoi Instagram aide désormais les utilisateurs à supprimer une série de publications.

Comment activer le mode sombre sur TikTok

Comment activer le mode sombre sur TikTok

Comment activer le mode sombre sur TikTok, Comment activer le mode sombre sur TikTok n'est pas difficile. L'article vous expliquera en détail comment changer l'interface TikTok en noir sur Samsung

Tableau des tailles de chemise – Comment choisir la taille de chemise la plus précise

Tableau des tailles de chemise – Comment choisir la taille de chemise la plus précise

Tableau des tailles de chemise - Comment choisir la taille de chemise la plus précise, Qu'est-ce que le tableau des tailles de chemise ? La taille de la chemise désigne uniquement la taille et la taille de la chemise ou du pantalon. La taille de la chemise varie selon la direction

Instructions pour répondre automatiquement aux messages sur Zalo

Instructions pour répondre automatiquement aux messages sur Zalo

Instructions pour répondre automatiquement aux messages sur Zalo. Répondre automatiquement aux messages Zalo est très simple. Cet article vous guidera sur la façon d'utiliser les messages automatiques de Zalo

Instructions pour enregistrer des emplacements de stationnement sur Google Maps

Instructions pour enregistrer des emplacements de stationnement sur Google Maps

Instructions pour enregistrer les emplacements de stationnement sur Google Maps. Actuellement, l'application Google Maps a lancé la fonctionnalité Enregistrer l'emplacement de stationnement. Aujourd'hui, WebTech360 vous invite

Instructions pour masquer temporairement la chaîne Youtube

Instructions pour masquer temporairement la chaîne Youtube

Instructions pour masquer temporairement une chaîne Youtube Pour une raison quelconque, je souhaite masquer ma chaîne Youtube mais je ne sais pas comment faire ? Aujourd'hui, WebTech360 vous invite

Comment reconnaître un SSD défectueux

Comment reconnaître un SSD défectueux

Comment reconnaître un SSD défectueux Craignez-vous un dysfonctionnement du SSD ou une panne soudaine, entraînant la perte de toutes les données qu'il contient ? Faites attention aux signes ci-dessous pour une reconnaissance rapide

Instructions pour classer les messages sur Zalo

Instructions pour classer les messages sur Zalo

Instructions pour classer les messages sur Zalo, la classification des messages est une fonctionnalité qui vous aide à séparer les conversations non prioritaires sur la page des messages pour vous concentrer et

Instructions pour tirer des prix pour recevoir de largent chanceux sur ZaloPay

Instructions pour tirer des prix pour recevoir de largent chanceux sur ZaloPay

Instructions pour tirer des prix pour recevoir de l'argent chanceux sur ZaloPay. Récemment, Zalo a lancé le programme "Amazing Lucky Money, Happy Spring Luck" qui se déroulera du 29 janvier 2021 à

Comment afficher et récupérer le mot de passe Microsoft Outlook

Comment afficher et récupérer le mot de passe Microsoft Outlook

Comment afficher et récupérer le mot de passe Microsoft Outlook. Comment afficher le mot de passe Outlook sur un ordinateur n'est pas difficile. Cet article vous expliquera comment afficher et récupérer le mot de passe Outlook

Instructions pour utiliser les filtres sur Google Meet

Instructions pour utiliser les filtres sur Google Meet

Instructions pour l'utilisation des filtres sur Google Meet, Filter GG Meet est une fonctionnalité qui contribue à rendre les réunions en ligne plus intéressantes. Voici comment utiliser les filtres dans Google Meet.

Instructions pour créer et rechercher des brouillons de publications sur Facebook

Instructions pour créer et rechercher des brouillons de publications sur Facebook

Instructions pour créer et rechercher des brouillons d'articles sur Facebook Actuellement, nous pouvons enregistrer les articles que nous avons créés mais que nous n'avons pas encore publiés sur Facebook. Ici, WebTech360 invite