Angular2

Sommaire

• Historique
• Les SPA (Single Page Application)
• Angular2, VueJS, React.JS : des Frameworks
• La philosophie : la modularité
• Les prérequis
  • NodeJS
  • TypeScript
• Les ressources

Evolution de la place de Javascript

Javascript arrive en 1995 pour de toutes petites missions (dynamisme, calculs ...)

Il prend de plus en plus de place au fil des années.

Avec l'apparition d'AJAX et notamment de jQuery en 2006, Javascript prend une place prépondérante dans ce qu'on appelle le Web2.0, utilisé notamment par Facebook, Gmail, etc.

Evolution de la place de Javascript

A partir de la fin des années 2000, on commence à créer régulièrement des Single Page Applications : des applications qui tiennent sur une seule page et dont le fonctionnement est géré par Javascript

A partir de là, il faut organiser le développement de ces applications. On le fait grâce à différents Frameworks, dont AngularJS (2009) est un des plus avancés

Les Frameworks

• Plus qu'une librairie
• Un cadre de travail
• Des contraintes et un socle
• AngularJS : 2009
• Backbone.JS : 2010
• React.JS : 2013
• Vue.JS : 2014 (il me semble)
• Angular2 : 2016

La philosophie

• On offre un cadre modulaire
• On met en place des principes de programmation
  • Programmation orientée objets
  • Modèle MVC (ou MVVM ou MVP)
  • Modularité (petites pièces qui travaillent ensemble)
  • Routage
  • Templating

La philosophie

• Utilisation des "Directives" :
  • On créé nos propres balises et attributs
  • On les utilise dans notre page HTML
  • Chaque directive ou attribut correspond à un comportement
• Templating : 
  • L'application Javascript lit le HTML et complète les trous

Node et NPM

Node.js permet l'utilisation de Javascript hors du cadre du navigateur. Il nous permet d'exécuter du Javascript sur un serveur ou sur notre ordinateur.

La communauté de développeurs a donné naissance à de nombreux modules ré-utilisables

TypeScript

TypeScript est un sur-ensemble du langage Javascript créé par Microsoft.

Il ajoute des fonctionnalités à Javascript afin d'en faire un outil plus puissant mais plus contraint aussi.

TypeScript

• Gestion des Types de données
• Amélioration du système de classes
• Utilisation des décorateurs

Pour résumer

Angular2 est un ensemble d'outils et de règles / concepts de développement qui permettent de créer des applications web de façon modulaires.

L'utilisation du TypeScript permet au programmeur d'apporter une puissance supplémentaire par rapport à Javascript tout en limitant le risque d'erreurs humaines.

Les ressources

Documentation officielle https://angular.io/docs/ts/latest/

Premier tutoriel (QuickStart) :

https://angular.io/docs/ts/latest/quickstart.html

Gogo !

Téléchargez et installez Node.js

Suivons le QuickStart pour créer une structure basique Angular2. Et c'est parti !