This document provides an introduction to TypeScript 101. It discusses TypeScript as JavaScript with types and tools. TypeScript compiles to JavaScript. The document outlines reasons for using TypeScript like security, structure, and updates. It also discusses when TypeScript should be used, like on large projects and for optimization. It then covers TypeScript types like Boolean, Number, String, Array, Enum, Any, and Void. The document also discusses TypeScript statements like if, for, while, do...while. It shows changes made by TypeScript like adding types to variables, enums, classes, and functions. The document concludes with discussing advantages and disadvantages of TypeScript and providing additional resources.

1. }TypeScript
101
Présenté par Gabriel Rodrigue

2. }
TypeScript
101 Introduction
var Quoi = new Question (
- JavaScript + types + outils
- TypeScript → JavaScript
- Améliorations
)

3. }
TypeScript
101 Introduction
var Pourquoi = new Question (
- Sécurité
- Structure
- Modifications, mises à jour
- [ … ]
)

4. }
TypeScript
101 Introduction
var Quand = new Question (
- Projets de grand envergure
- Optimisation
)

5. }
TypeScript
101 Types
http://ecx.images-amazon.com/images/I/61UDCYxdjVL._SX522_.jpg

6. }
TypeScript
101 Types
- Boolean
- Number
- String
- Array
+ Enum
+ Any
+ Void (function)

7. }
TypeScript
101 Types
http://scene7.samsclub.com/is/image/samsclub/0073665223637_A?$img_size_380x380$

8. }
TypeScript
101
if, for, while,
do…while

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. }
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. }
TypeScript
101 Conclusion
- Avantages / Désavantages
- Questions / Commentaires
Sources:
http://www.typescriptlang.org
https://www.youtube.com/watch?v=Ut694dsIa8w