Introduction à AngularJS

AngularJS est un cadre d'application web open source. Il a été développé initialement par Misko Hevery et Adam Abrons en2009Développé en1221

La définition d'AngularJS dans la documentation officielle est la suivante-

AngularJS est un cadre structurel pour des applications web dynamiques. Il vous permet d'utiliser HTML comme langage de modèle et d'étendre la syntaxe d'HTML pour exprimer clairement et concisément les composants de l'application. Son liaison de données et l'injection de dépendances éliminent de nombreux codes que vous devrez écrire actuellement. Tout cela se passe dans le navigateur, le rendant un partenaire idéal pour toute technologie serveur.

Fonctionnalités générales

Les fonctionnalités générales d'AngularJS sont les suivantes-

• AngularJS est un cadre efficace pour créer des applications internet riches (RIA).

• AngularJS offre aux développeurs la possibilité d'écrire des applications clients en utilisant JavaScript de manière propre en suivant le modèle Model View Controller (MVC).

• Les applications écrites avec AngularJS sont compatibles avec les navigateurs multiples. AngularJS traite automatiquement le code JavaScript adapté à chaque navigateur.

• AngularJS est open source, complètement gratuit et utilisé par des milliers de développeurs à travers le monde. Il est licencié selon la version Apache License.2

En général, AngularJS est un cadre utilisé pour construire des applications web à grande échelle, à haute performance et faciles à maintenir.

Fonctionnalités centrales

Les fonctionnalités centrales d'AngularJS sont les suivantes-

• Données-binding − C'est la synchronisation automatique des données entre les composants modèle et vue.

• Scope − Ce sont des objets qui référencent le modèle. Ils agissent comme un adhésif entre le contrôleur et la vue.

• Controller − Ce sont des fonctions JavaScript liées à un domaine spécifique.

• Services − AngularJS inclut certains services intégrés, tels que $http pour générer XMLHttpRequests. Ce sont des objets singuliers, qui ne sont instanciés qu'une seule fois dans l'application.

• Filters − Ce sont des fonctions JavaScript liées à un domaine spécifique.

• Directives − Les directives sont des balises (par exemple des éléments, des attributs, des css, etc.) sur les éléments DOM. Elles peuvent être utilisées pour créer des balises HTML personnalisées servant de nouveaux composants personnalisés. AngularJS possède des directives intégrées, telles que ngBind, ngModel, etc.

• Templates − Ce sont des vues rendues avec des informations provenant du contrôleur et du modèle. Ce peuvent être des fichiers individuels (par exemple index.html), ou des fichiers utilisantpartialsPlusieurs vues sur une page.

• Routing − C'est le concept de basculement de vue.

• Model View Whatever − MVW est un patron de conception utilisé pour diviser une application en différentes parties, appelées modèle, vue et contrôleur, chacune ayant des responsabilités différentes. AngularJS ne met pas en œuvre le MVC dans le sens traditionnel, mais est plus proche de MVVM (Model-Vue-ViewModel). Angular Le team JS l'appelle humoristiquement "Model View".

• Deep Linking − Le deep linking permet de coder l'état de l'application dans l'URL, afin de pouvoir le convertir en favori. Ensuite, l'application peut être restaurée à l'état même à partir de l'URL.

• Injection de dépendance − AngularJS possède un sous-système d'injection de dépendance intégré, qui aide les développeurs à créer, comprendre et tester les applications de manière simple.

Concept

La figure suivante décrit certaines parties importantes d'AngularJS, que nous discuterons en détail dans les chapitres suivants.

Les avantages d'AngularJS

Les avantages d'AngularJS sont-

• Il fournit des fonctionnalités pour créer des applications web monopages de manière propre et maintenable.

• Il fournit des fonctionnalités de liaison de données HTML, donc il offre aux utilisateurs une expérience riche et rapide.

• Le code AngularJS peut être testé en unité.

• AngularJS utilise l'injection de dépendance et profite de la séparation des préoccupations.

• AngularJS fournit des composants réutilisables.

• Avec AngularJS, les développeurs peuvent réaliser plus de fonctionnalités avec un code court.

• Dans AngularJS, la vue est une page HTML pure, et les contrôleurs écrits en JavaScript s'occupent des traitements commerciaux.

Le plus important est que les applications AngularJS peuvent fonctionner sur tous les principaux navigateurs et smartphones, y compris les téléphones basés sur Android et iOS/Tablette.

Inconvénients d'AngularJS

Bien que AngularJS ait de nombreux avantages, voici quelques points à noter-

• Sécurité − En tant que cadre JavaScript pur, les applications écrites en AngularJS ne sont pas sécurisées. L'authentification et l'autorisation côté serveur sont des conditions nécessaires pour garantir la sécurité de l'application.

• 失效 − Si les utilisateurs de votre application désactivent JavaScript, tout contenu sauf la page de base ne sera pas visible.

Instructions AngularJS

Le cadre AngularJS peut être divisé en trois parties principales-

• ng-app − Cette instruction définit l'application AngularJS et la lie à l'HTML.

• ng-modèle − Cette pseudo-instruction lie les valeurs des données de l'application AngularJS aux contrôles d'entrée HTML.

• ng-lier − Cette instruction lie les données de l'application AngularJS aux balises HTML.