Développement web - Frontend

Objectifs

• Maîtriser la programmation objet JavaScript
• Comprendre comment TypeScript intègre les nouveautés portées par EcmaScript 6
• Connaître les concepts avancés comme les Promise
• Apprendre à structurer un projet web / JavaScript

Programme

Rappels JS

• Variables et portée
• Conditionnelles et boucles
• Fonctions
• Isolation de code

Nouveautés ECMA Script 2015 (ES 6)

• Support (cf. http://kangax.github.io/compattable/es6/) et transpilation
• Variables et portée
• Templates et interpolation
• Boucles ("for ... of", itérateurs)
• Fonctions "flèches" et paramètres (par défaut, "infinis")
• Modules
• Classes et héritage
• Promesses
• Déstructuration
• Générateurs
• Mais aussi : Symbol, Map, Set, Arrays

TypeScript

• Typage (statique et dynamique)
• Interfaces
• Classes
• Modules
• Énumérations
• Paramètres optionnels et unions
• Alias

Outillage

• Développement
• Transpilation