TypeScript 101

480 vues

Publié le

Très brève introduction à TypeScript. Réalisé à des fins scolaires dans un cours de recherche et développement.

Ce document sert de support visuel dans le cadre d'une présentation en classe. Le but principal est de vulgariser au maximum le principe du typage de variables et d'introduire son fonctionnement au sein du langage TypeScript.

Publié dans : Internet
0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
480
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
9
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

TypeScript 101

  1. 1. }TypeScript 101 Présenté par Gabriel Rodrigue
  2. 2. } TypeScript 101 Introduction var Quoi = new Question ( - JavaScript + types + outils - TypeScript → JavaScript - Améliorations )
  3. 3. } TypeScript 101 Introduction var Pourquoi = new Question ( - Sécurité - Structure - Modifications, mises à jour - [ … ] )
  4. 4. } TypeScript 101 Introduction var Quand = new Question ( - Projets de grand envergure - Optimisation )
  5. 5. } TypeScript 101 Types http://ecx.images-amazon.com/images/I/61UDCYxdjVL._SX522_.jpg
  6. 6. } TypeScript 101 Types - Boolean - Number - String - Array + Enum + Any + Void (function)
  7. 7. } TypeScript 101 Types http://scene7.samsclub.com/is/image/samsclub/0073665223637_A?$img_size_380x380$
  8. 8. } TypeScript 101 if, for, while, do…while
  9. 9. } TypeScript 101 Changements - Variables var presentationTerminee: boolean = false; var nom: string = “gab”; // ‘gab’ var maListe:number[] = [1, 2, 4]; enum Fruits {fraise, raisin, bleuet}; var f: = Fruits.fraise; var pasSure:any = 8; var listeMelangee:any[] = [3, “avion”, false]; function afficheMessage(): void{ alert(“C’est quand la pause ?”); }
  10. 10. } TypeScript 101 Changements - Classes class Utilisateur { prenom: string; constructor(msgBienvenue: string) { this.prenom = msgBienvenue; } composeMessage() { return “Bonjour, ” + this.prenom; } } var nouvelUtilisateur = new Utilisateur(“Simon”);
  11. 11. } TypeScript 101 Conclusion - Avantages / Désavantages - Questions / Commentaires Sources: http://www.typescriptlang.org https://www.youtube.com/watch?v=Ut694dsIa8w

×