Qu’est-ce qu’AngularJS ? Introduction, ArchiStructure et fonctionnalités
James Hartmann
Qu'est-ce qu'AngularJS ?
AngularJS est un framework Model-View-Controller open source similaire au Javascénario cadre. AngularJS est probablement l'un des frameworks Web modernes les plus populaires disponibles aujourd'hui. Ce framework est utilisé pour développer principalement des applications à page unique. Ce framework a été développé par un groupe de développeurs de Google lui-même.
Grâce au soutien de Google et aux idées d'un large forum communautaire, le cadre est toujours tenu à jour. De plus, il intègre toujours les dernières tendances de développement du marché.
AngularJS Architecture
Angular.js suit l'architecture MVC, le schéma du framework MVC comme indiqué ci-dessous :
- Le contrôleur représente la couche qui possède la logique métier. Les événements utilisateur déclenchent les fonctions stockées dans votre contrôleur. Les événements utilisateur font partie du contrôleur.
- Les vues sont utilisées pour représenter la couche de présentation qui est fournie aux utilisateurs finaux
- Les modèles sont utilisés pour représenter vos données. Les données de votre modèle peuvent être aussi simples que de simples déclarations primitives. Par exemple, si vous gérez une candidature d'étudiant, votre modèle de données peut simplement contenir un identifiant d'étudiant et un nom. Cela peut également être complexe en disposant d'un modèle de données structuré. Si vous gérez une demande de propriété de voiture, vous pouvez disposer de structures pour définir le véhicule lui-même en termes de cylindrée, de nombre de sièges, etc.
Caractéristiques d'AngularJS
Angular possède les caractéristiques clés suivantes, ce qui en fait l'un des frameworks les plus puissants du marché :
- MVC – Le cadre est construit sur le célèbre concept de MVC (Modèle-Vue-Contrôleur). Il s'agit d'un modèle de conception utilisé dans toutes les applications Web modernes. Ce modèle est basé sur la division de la couche de logique métier, de la couche de données et de la couche de présentation en sections distinctes. La division en différentes sections est faite pour que chacune puisse être gérée plus facilement.
- Liaison du modèle de données – Vous n'avez pas besoin d'écrire de code spécial pour lier les données aux contrôles HTML. Cela peut être fait par Angular en ajoutant simplement quelques extraits de code.
- Écrire moins de code – Lors de la manipulation du DOM, beaucoup de Javascénario devait être écrit pour concevoir toute application. Mais avec Angular, vous serez étonné de la moindre quantité de code que vous devrez écrire pour la manipulation du DOM.
- Unité Contrôle de qualité prêt – Les concepteurs de Google ont non seulement développé Angular, mais ont également développé un cadre de test appelé « Karma » qui aide à concevoir des tests unitaires pour les applications AngularJS.
Avantages d'AngularJS
Voici les avantages d’AngularJS :
- Puisqu'il s'agit d'un framework open source, vous pouvez vous attendre à ce que le nombre d'erreurs ou de problèmes soit minime.
- Liaison bidirectionnelle – Angular.js maintient la couche de données et de présentation synchronisées. Vous n'avez désormais plus besoin d'écrire de code supplémentaire JavaCode de script pour synchroniser les données de votre code HTML et vos données ultérieures. Angular.js le fera automatiquement pour vous. Il vous suffit de spécifier quel contrôle est lié à quelle partie de votre modèle.
- Routage – Angular peut prendre en charge le routage, ce qui signifie passer d'une vue à une autre. C’est la clé fondamentale des applications à page unique ; dans lequel vous pouvez accéder à différentes fonctionnalités de votre application Web en fonction de l'interaction de l'utilisateur, tout en restant sur la même page.
- Angular prend en charge les tests, à la fois Tests unitaires et Test d'intégration.
- Il étend HTML en fournissant ses propres éléments appelés directives. À un niveau élevé, les directives sont des marqueurs sur un élément DOM (tels qu'un attribut, un nom d'élément et un commentaire ou une classe CSS) qui indiquent au compilateur HTML d'AngularJS d'attacher un comportement spécifié à cet élément DOM. Ces directives aident à étendre les fonctionnalités des éléments HTML existants pour donner plus de puissance à votre application Web.
