Tutoriel Angular 2

Angular 2 est une bibliothèque JavaScript open source maintenue par Google pour aider à exécuter des applications monopages.

Angular 2 est une version améliorée d'Angular 1.x, avec des performances considérablement améliorées et un bon support des composants de développement Web.

Angular 2 est sorti en septembre 2016 et est développé sur la base d'ES6.

Prérequis pour suivre ce tutoriel

Avant d'apprendre ce tutoriel, vous devez avoir les bases fondamentales du front-end : HTML, CSS, JavaScript. De plus, vous devez comprendre NPM et TypeScript.

Différences entre Angular 2.x et Angular 1.x

La différence entre Angular 2.x et Angular 1.x est similaire à la différence entre Java et JavaScript, ou plutôt, à la différence entre Lei Feng et la tour Leifeng. Par conséquent, lorsque vous apprenez Angular 2.x, vous devez être prêt à réapprendre un langage.

Prérequis d'exécution !

Étant donné que divers environnements (navigateurs ou Node) ne prennent actuellement pas en charge le code ES6, certains shims et polyfills (nécessaires pour IE) sont requis pour convertir le code écrit en ES6 en forme ES5 afin qu'il puisse s'exécuter normalement dans les navigateurs.

Comme on peut le voir sur la figure ci-dessus, les chargeurs de modules suivants sont nécessaires dans les navigateurs ES5 :

  • systemjs- Chargeur de modules universel, prenant en charge le chargement de modules JS dans divers formats tels que AMD, CommonJS et ES6.

  • es6-module-loader- Chargeur de modules ES6 ; SystemJS chargera automatiquement ce module.

  • traceur- Transpileur ES6, convertit le code ES6 en code ES5 pris en charge par le navigateur actuel ; SystemJS chargera automatiquement ce module.

Documentation de référence associée

Autres extensions