Formation complète ici: http://www.alphorm.com/tutoriel/formation-en-ligne-typescript-le-guide-complet TypeScript est un langage développé par Microsoft, il a été conçu pour rendre la production de code JavaScript plus simple et plus fiable. Dans cette formation TypeScript, vous verrez concrètement ce qu’est TypeScript, comment l’installer et le configurer et vous utiliserez Visual Studio Code comme outil de développement. Vous découvrirez comment utiliser les types dans tous les cas d’utilisation : déclarations de variables, déclaration de fonction, et passages de paramètres. Pendant cette formation TypeScript, vous verrez également comment utiliser dans TypeScript les principes de programmation orientée objet proposés par la dernière version de JavaScript. Le développement d’une classe, l’héritage les interfaces, les différents types de membres. L’utilisation de décorateurs, et le mixage de classe. Vous apprendrez à organiser votre code et à vous appuyer sur des chargeurs de module pour dynamiser la gestion des dépendances. Vous verrez comment utiliser des bibliothèques connues comme JQuery dans un projet TypeScript. A la fin de cette formation TypeScript vous aurez les connaissances nécessaires pour aborder l’utilisation de framework JavaScript comme Angular (Angular2) ou d’autres.

1. Formation
TypeScript
Une formation
Frédéric GAURAT

2. Une formation
Introduction
1. Présentation du langage TypeScript
2. Les éléments du Langage TypeScript
3. Organiser son code TypeScript
4. Les particularités du langage TypeScript
Conclusion
Plan de la formation

3. Une formation
Les développeurs et chefs de projets qui souhaitent
découvrir le langage TypeScript
Public concerné

4. Une formation
Connaissances requises

5. A vous de jouer !

6. Présentation du projet
Une formation
Frédéric GAURAT

7. Une formation
Plan
Le projet Todo List
Le serveur et la base de données
Présentation des outils

8. Une formation
Le serveur et la BDD

9. Une formation
Présentation des outils
Les éditeurs
SublimeText
Atom
Microsoft Visual Studio Code
NotePad++

10. Merci

11. Une formation
Les développeurs et chefs de projets qui souhaitent
découvrir le langage TypeScript
Public concerné

12. Une formation
Limites de JS
TypeScript
Transpilateur (Transpiler)
Plan

13. Une formation
Les limites de JavaScript
Les types
Les portées
Les modules
La vérification

14. Une formation
TypeScript
Sur-ensemble de JavaScript
Langage conçu par Microsoft
Utilisé pour le développement d’Angular 2

15. Une formation
Principe de fonctionnement

16. Une formation
Compilateur
Logiciel
Matériel
Compilation

17. Une formation
Transpileur : avantages
Logiciel
Matériel
Transpileur

18. Une formation
Transpileur : principe
TypeScript Transpileur JavaScript
Transpileur
CoffeeScript

19. Une formation
Connaissances requises

20. Installation de TypeScript
Une formation
Frédéric GAURAT

21. Une formation
Installation de Node.js
Installation de TypeScript
Installation de Visual Studio Code
Vérification de l’installation
Plan

22. Merci

23. Utilisation de TypeScript
Une formation
Frédéric GAURAT

24. Une formation
Un projet Javascript vs TypeScript
Démonstrations
Plan

25. Une formation
Un projet JavaScript
node_modules
bower_components
package.json
bower.json
gulpfile.js

26. Une formation
Un projet TypeScript
node_modules
typings
bower_components
package.json
bower.json
gulpfile.js
tsconfig.json
typings.json

27. A vous de jouer !

28. Merci

29. Les types sous TypeScript
Une formation
Frédéric GAURAT

30. Une formation
Notion de type
Rappel sur les portées et déclaration
Les types fondamentaux
L’affirmation de type
Plan

31. Une formation
Notion de type
Préciser la taille d’une donnée en mémoire
Garantir une cohérence dans votre code
TypeScript :
var a:int = 3;

32. Une formation
Rappel
JavaScript (es5) JavaScript (es6)
TypeScript

33. Une formation
Les types fondamentaux
Les BooléensLes NombresLes ChaînesLes templates de chaînesLes tableauxLes tableaux typésLes TuplesLes Enumsanyvoid

34. Une formation
L’affirmation de type
Indiquer à TypeScript que « nous savons
ce que nous faisons »
Proche du cast de type dans d’autres
langages

35. Merci

36. Présentation du projet
Une formation
Frédéric GAURAT

37. Une formation
Rappel sur les fonctions
Les types appliqués aux fonctions
Les paramètres
Lambdas et this
Surcharge de fonction
Plan

38. Une formation
Rappel sur les fonctions
Fonction nommée
Fonction anonyme

39. Une formation
Démonstrations
Les types appliqués aux fonctions
Les paramètres optionnels
Les paramètres par défaut
Nombre de paramètres variable
Lambdas et this
Surcharge de fonction

40. Merci

41. Les Classes sous TypeScript
Une formation
Frédéric GAURAT

42. Une formation
Rappel sur les classes
Démonstrations
Plan

43. Une formation
Plan
Le projet Todo List
Le serveur et la base de données
Présentation des outils

44. Une formation
Rappel sur les classes
TypeScript propose d’utiliser les notions
de programmation orientée objet.

45. Une formation
Démonstrations
Le constructeur
L’encapsulation
Les accesseurs (es5)
L’héritage
Les propriétés static
Les classes abstraites
Les classes et interfaces

46. Merci

47. Les interfaces sous TypeScript
Une formation
Frédéric GAURAT

48. Une formation
Les interfaces et le typage structurel
Démonstrations
Plan

49. Une formation
Les interfaces et
le typage structurel
Wikipédia :
Une interface est la couche limite par laquelle ont lieu
les échanges et les interactions entre deux éléments.
Exemple : Interface Homme Machine
Dans la plupart des langages une interface est un
contrat.
En JavaScript : pas d’interface.

50. Une formation
Démonstrations
Les interfaces et le typage structurel
Attributs optionnels
Attributs en lecture seule
Attribut de type indexable

51. Une formation
Le serveur et la BDD

52. Les types génériques
sous TypeScript
Une formation
Frédéric GAURAT

53. Une formation
Introduction aux Generics
Les fonctions génériques
Les classes génériques
Ajouter des contraintes sur les types
Plan

54. Une formation
Introduction aux Generics
L’ajout de type à JavaScript offre une sécurité aux
développeurs
Mais limite le passage des paramètres aux seuls
types déclarés
La solution est de déclarer une autre variable qui
sera initialisée avec le type

55. Une formation
Démonstrations
Les fonctions génériques
Les classes génériques
Ajouter des contraintes sur les types

56. Merci

57. Les Enums sous TypeScript
Une formation
Frédéric GAURAT

58. Une formation
Notion d’énumération
Syntaxe et utilisation
Plan

59. Une formation
Présentation des outils
Les éditeurs
SublimeText
Atom
Microsoft Visual Studio Code
NotePad++

60. Une formation
Démonstrations
Syntaxe et utilisation

61. Merci

62. Les Symbols sous TypeScript
Une formation
Frédéric GAURAT

63. Une formation
Présentation des Symbols
Un exemple simple d’utilisation
Plan

64. Une formation
Présentation des Symbols
Un Symbol est un type de données
apparu en ES6
Type primitif avec des caractéristiques
particulières :
• Initialisé à partir d’un constructeur,
• Unique et non modifiable,
• Utilisable comme attribut d’objet.

65. Merci

66. Merci

67. Une formation
Un objet itérable
Implémentation d’un itérateur
Les générateurs
Plan

68. Une formation
Un objet itérable
Supporte les boucles for..of ou
for..in
Implémente la propriété
Symbol.iterator

69. Merci

70. Les Modules sous TypeScript
Une formation
Frédéric GAURAT

71. Présentation de TypeScript
Une formation
Frédéric GAURAT

72. Une formation
Notion de module
Les modules permettent d’organiser du code plus
facilement
Les modules sont stockés dans des fichiers distincts (un
module par fichier)
Les relations entre modules sont spécifiées en terme
d’import / export
Le chargement des modules dépend du contexte
d’exécution du script (navigateur ou node.js)

73. Une formation
Démonstrations
Déclarer un module et l’exporter
Importer un module ou une partie
Les chargeurs de module
Configuration de TypeScript

74. Merci

75. Les Namespaces
sous TypeScript
Une formation
Frédéric GAURAT

76. Une formation
Présentation des namespaces
Démonstrations
Plan

77. Une formation
Présentation des namespaces
Organiser le code
Eviter les collisions de nom
Limiter la portée des éléments
déclarés

78. Une formation
Limites de JS
TypeScript
Transpilateur (Transpiler)
Plan

79. Merci

80. Les décorateurs
Une formation
Frédéric GAURAT

81. Une formation
Présentation des décorateurs
Démonstrations
Plan

82. Une formation
Présentation des décorateurs
Des déclarations particulières appliquées
à des : classes, méthodes, accesseurs, propriétés,
paramètres.
Préfixés d’un @
Exécutés au moment du runtime

83. Une formation
Implémenter un décorateur
Une function :
Appel immédiat pas d’initialisation possible
Une factory :
Appel immédiat mais permet de paramétrer
le décorateur

84. Une formation
Démonstrations
Implémenter un décorateur

85. Une formation
Les limites de JavaScript
Les types
Les portées
Les modules
La vérification

86. Les mixins
Une formation
Frédéric GAURAT

87. Une formation
Notion de mixins
Implémenter un mixin en TypeScript
Plan

88. Une formation
Notion de mixins
mixer plusieurs classes dans une
seule
L’héritage multiple (non supporté,
TypeScript)

89. Merci

90. Les fichiers de déclaration
de type
Une formation
Frédéric GAURAT

91. Une formation
Présentation des fichiers
Démonstrations
Plan

92. Une formation
TypeScript
Sur-ensemble de JavaScript
Langage conçu par Microsoft
Utilisé pour le développement d’Angular 2

93. Une formation
Démonstrations
Créer un fichier de déclaration de type
Utilisation d’un fichier de déclaration de type
Utiliser TypeScript avec d’autres Bibliothèques

94. Merci

95. Le projet TodoList
Une formation
Frédéric GAURAT

96. Une formation
Plan
Le projet Todo List
Installation des outils
Développement du projet

97. Une formation
Le projet Todo List

98. Une formation
Installation des outils
Node/npm
MongoDB / Deployd

99. Une formation
Démonstration
Préparation du projet
Installation des dépendances

100. Une formation
Principe de fonctionnement

101. Conclusion
Une formation
Frédéric GAURAT

102. Une formation
Ce qui a été couvert
Ce qui reste à aborder
Plan

103. Une formation
Ce qui a été couvert
Présentation de la formation
Présentation du projet de la formation
TypeScript présentation installation et utilisation
Les éléments du Langage TypeScript
L’organisation du code TypeScript
Les particularités

104. Une formation
Ce qui reste à aborder

105. Merci