Qu'est-ce que AngularJS?
AngularJS est un framework Model-View-Controller open source qui est similaire au framework JavaScript.
Angular JS est probablement l'un des frameworks Web modernes les plus populaires disponibles aujourd'hui. Ce cadre est utilisé pour développer principalement des applications à une seule page. Ce cadre a été développé par un groupe de développeurs de Google lui-même.
En raison du soutien total de Google et des idées d'un vaste forum communautaire, le cadre est toujours mis à jour. En outre, il intègre toujours les dernières tendances de développement sur le marché.
Dans ce didacticiel, vous apprendrez-
- Caractéristiques AngularJS
- Architecture Angularjs
- Avantages d'AngularJS
Caractéristiques AngularJS
Angular possède les caractéristiques clés suivantes, ce qui en fait l'un des cadres puissants du marché.
-
MVC - Le framework est construit sur le célèbre concept de MVC (Model-View-Controller). 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 de 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.
-
Rédaction de code - Lors de la manipulation du DOM, beaucoup de JavaScript était nécessaire pour concevoir une application. Mais avec Angular, vous serez étonné de la moindre quantité de code que vous devez écrire pour la manipulation du DOM.
-
Test unitaire prêt - Les concepteurs de Google ont non seulement développé Angular, mais également développé un cadre de test appelé «Karma» qui aide à concevoir des tests unitaires pour les applications AngularJS.
Architecture AngularJS
Angular.js suit l'architecture MVC, le schéma du framework MVC comme indiqué ci-dessous.
-
Le contrôleur représente la couche qui a la logique métier. Les événements utilisateur déclenchent les fonctions qui sont 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
-
Des modèles sont utilisés pour représenter vos données. Les données de votre modèle peuvent être aussi simples que d'avoir simplement des déclarations primitives. Par exemple, si vous gérez une application étudiante, votre modèle de données peut simplement avoir un identifiant étudiant et un nom. Ou cela peut aussi être complexe en ayant un modèle de données structuré. Si vous gérez une application de propriété de voiture, vous pouvez avoir des structures pour définir le véhicule lui-même en termes de capacité du moteur, de capacité en places assises, etc.
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 les données et la couche de présentation synchronisées. Vous n'avez plus besoin d'écrire de code JavaScript supplémentaire pour synchroniser les données de votre code HTML et vos données ultérieurement. 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 à une seule page; dans lequel vous pouvez passer à 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, les tests unitaires et les tests 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 (tel 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.