top of page

Pourquoi utiliser Angular pour développer son Site Web ?

Dernière mise à jour : 20 avr. 2023

Angular (aussi appelé « Angular 2+ » ou « Angular v2 et plus ») est un framework pour clients, open source, basé sur TypeScript et codirigé par l'équipe du projet Angular chez Google ainsi que par une communauté de particuliers et de sociétés.


Angular aussi appelé « Angular 2+ » ou « Angular v2 et plus ».
Angular aussi appelé « Angular 2+ » ou « Angular v2 et plus ».

Angular est une réécriture complète d'AngularJS, framework construit par la même équipe. Il permet la création d’applications Web et plus particulièrement d'applications Web monopages : des applications Web accessibles via une page Web unique qui permet de fluidifier l’expérience utilisateur et d’éviter les chargements de pages à chaque nouvelle action.


Le framework est basé sur une architecture du type MVC et permet donc de séparer les données, le visuel et les actions pour une meilleure gestion des responsabilités. Un type d’architecture qui a largement fait ses preuves et qui permet une forte maintenabilité et une amélioration du travail collaboratif.



Les différences avec AngularsJS


Angular n'a pas de notion de « portée » (scope) ou de contrôleurs ; au lieu de cela, il utilise une hiérarchie de composants comme principale caractéristique architecturale.


Angular a une syntaxe d'expression différente, en se concentrant sur les "[ ]" pour la liaison des propriétés, et les "( )" pour la liaison des évènements.


Modularité : beaucoup de fonctionnalités de base ont été déplacées vers des modules.


Angular recommande l'utilisation du langage TypeScript créé par Microsoft, qui présente les caractéristiques suivantes :

  • Le principe de classes, à la base de la Programmation Orientée Objet.

  • Le typage statique.

  • Les génériques.


TypeScript est un sur-ensemble d'ECMAScript 6 (ES6) et est rétrocompatible avec ECMAScript 5 (c'est-à-dire JavaScript). Angular comprend également les principes d'ES6 suivants :

  • Les fonctions anonymes.

  • Les itérateurs.

  • Les boucles for-of.

  • Les générateurs dans le style du langage Python.

  • La réflexion.


Le chargement dynamique.


La compilation asynchrone des modèles.


Les rappels itératif fournis par RxJS. RxJS limite l'état de visibilité et de débogage mais ces problèmes peuvent être résolus avec add-ons réactifs comme ngReact ou ngrx.



Les versions d'Angular


Clarification du nom


À l'origine, la réécriture d'AngularJS avait été appelée « Angular 2 » par l'équipe mais cela avait conduit à des confusions entre les développeurs. Pour clarifier, l'équipe a annoncé que des termes différents allaient être utilisés pour chaque framework. « AngularJS », se référant aux versions 1.X, et « Angular » (sans le « JS »), en référence aux versions 2 et plus.


Version 2.0.0


Angular 2.0 est annoncé à la conférence ng-europe 2014, qui s'est déroulée les 22 et 23 octobre de cette même année. Les changements drastiques dans la version 2.0 ont créé beaucoup de controverses parmi les développeurs. Le 30 avril 2015, les développeurs d'Angular annoncent que la version 2 passe de la version alpha à la version d'essai pour les développeurs. Angular 2 passe en version bêta en décembre 2015 et la première version candidate à la production est publiée en mai 2016. La version finale est publiée le 14 septembre 2016.


Version 4.0.0


Le 13 décembre 2016, Angular 4 a été annoncé ; le saut de la version 3 étant fait pour éviter une confusion en raison de l'absence d'alignement de la version du routeur de paquets qui avait déjà été distribuée en v3.3.0. La version finale a été publiée le 23 mars 2017. Angular 4 est compatible avec Angular 2.


Angular 4.3 est une version mineure, ce qui signifie qu'il ne contient pas de modifications importantes et que c'est un remplacement direct pour les versions 4.x.x.


Fonctionnalités de la version 4.3 :

  • Introduction de HttpClient, bibliothèque plus petite, plus facile à utiliser et plus puissante pour faire des requêtes HTTP ;

  • Nouveaux évènements du cycle de vie du routeur pour les Gardes et les Résolveurs. Quatre nouveaux évènements : GuardsCheckStart, GuardsCheckEnd, ResolveStart, ResolveEnd rejoignent l'ensemble des évènements de cycle de vie tels que NavigationStart ;

  • Désactivation conditionnelle des animations.


Version 5.0.0


Angular 5 est sorti le 1er novembre 2017. Des améliorations-clés dans Angular 5 incluent le soutien des applications web progressives, un optimiseur de production et des améliorations liées à Material Design.


Version 6.0.0


Angular 6 est sorti le 4 mai 2018. C'est une version majeure permettant de moins mettre l'accent sur le cadre sous-jacent, de plus en plus sur la suite d'outils et de rendre plus facile le passage à Angular dans le futur, avec :


Version 7


Angular 7 est sorti le 18 octobre 2018.


Version 8


Angular 8 est sorti le 28 mai 2019.


Version 9


Angular 9 est sorti le 6 février 2020.


Version 10


Angular 10 est sorti le 24 juin 2020.


Version 11


Angular 11 est sorti le 10 novembre 2020.


Version 12


Angular 12 est sorti le 13 mai 2021.


Version 13


Angular 13 est sorti le 4 novembre 2021.

  • Suppression du support d'IE 11.

  • View Engine a été supprimé du mode de compilation au profit d'Ivy. Un avertissement est affiché pour les bibliothèques encore sous View Engine (Angular 12 et moins).


Version 14


Angular 14 est sorti le 2 juin 2022

  • Amélioration du support des micro-frontends.

  • Mise en place des composants autonomes sans ngModule.

  • La validation des formulaires est maintenant typable.


Version 15


Angular 15 est sorti le 16 novembre 2022.


Futures versions


Chaque version est prévue pour être compatible avec la version antérieure.

Google a promis de faire des mises à jour deux fois par an.



Sources :

Comments


Créez votre Site Web pour Google.

Vous êtes la lanterne rouge de Google et rien ne bouge ? 

Soyez en tête des moteurs recherche.

Être le premier ça se mérite, ne soyez pas fleur bleue !

Optimisez vos campagnes d'annonces.

Vous riez jaune en découvrant vos coûts par clic Google Ads ?

Boostez votre référencement local.

Vous êtes vert de rage quand vos concurrents vous devancent ?

bottom of page