Formation AngularJS V1

ATTENTION: Cette formation concerne la version V1 d'Agular, AngularJS.
La formation sur les versions supérieures d’Angular est la formation Angular : Développer une application Web (ANGR)

AngularJS est le Framework JavaScript côté client utilisé et développé par Google. Ce Framework Open Source ne cesse de conquérir un public toujours plus nombreux, il faut dire qu’il dispose d’arguments forts par rapport à ses multiples confrères. Simple et efficace, jQuery ne suffit plus à garantir une maintenabilité suffisante du code JavaScript devenu de plus en plus dominant avec l'apparition de HTML5 dans les applications Web et Mobile. Conçu par Google avec l'objectif d'organiser et, à nouveau, simplifier ce code JavaScript, AngularJS s’appuie notamment sur une infrastructure MVC extrêmement productive et performante et s'impose comme la référence des nouveaux frameworks Javascript. Il existe de nombreux autres points forts et aussi quelques faiblesses et pièges à éviter.

Cette formation AngularJS V1 se propose de vous apprendre à le maîtriser de bout en bout, avec une mise en pratique de chacun des sujets enseignés.

Objectif opérationnel : 

Savoir maîtriser AngularJS V1.

Objectifs pédagogiques : 

À l'issue de cette formation AngularJS V1 vous aurez acquis les connaissances et compétences nécessaires :

• Le fonctionnement d'une Single Page Application avec AngularJS
• Créer vos propres directives et composants AngularJS
• Créer une application synchronisée avec des formulaires
• Tester automatiquement son Application

Public :

Cette formation s'adresse aux développeurs front-end ou back-end et aux designers expérimentés souhaitant apprendre AngularJS.

Prérequis :

Bonnes connaissances de JavaScript.

Les grands principes d'AngularJS

L'application Single Page Le MVC avec AngularJS L'injection de dépendance Les services Les limites de jQuery

Le Framework MVC par Google

Objectifs d'un controller Le modèle et les données Le scope du controller Principe d'un template Rôle d'une Directive Les vues dynamiques TP : Une application de conversion d'unité en 1h Création du template Réalisation de l'application Écrire un test automatique

L'accès au serveur

Ajax et asynchrone Principes Rest Le service $http Connexion aux web services TP : Un Forum en ligne L'application de Forum en fil rouge Affichage des sujets et des commentaires

Les Formulaires avec AngularJS

Les éléments de formulaires Utilisation du modèle La sélection multiple Validation du formulaire Soumission du formulaire TP : Création et validation des données Ajouter un commentaire Valider le commentaire

Les Scopes

Définition et utilité des scopes La hiérarchie des scopes Créer un nouveau scope Le cycle de vie des Scopes

La gestion des évènements

Le pattern Observer Les boucles d'observations Two ways databinding Observer les événements du DOM Insertion des directives d'événements TP : Interaction avec les données Affichage des Utilisateurs et Administrateurs Transformer un Utilisateur en Administrateur Supprimer un Utilisateur Modification dynamique des collections

Injection de dépendance

Le pattern d'injection de dépendance Le moteur d'injection d'Angular L'annotation $inject Les champs utilisations de l'injection de dépendances

Les Services

Service stateful ou stateless Découpage en couche Création d'un Service Définir les règles métiers

Création d'une Directive

Définition d'une Directive Les différents types de Directive Création d'une directive simple Directive avancée avec compile() et link() TP : Organiser son application Définir ses règles métiers dans un Service Créer une directive pour classer les utilisateurs Utiliser l'injection de dépendance

Le Javascript avec Angular

L'API basique d'Angular L'API Promise jQLite : jQuery simplifié pour Angular La gestion des Erreurs

Tester son Application

Principe des tests unitaires Les tests par comportement Les objects Mocks Simuler le serveur avec $httpBackend Tests d'intégration TP : Tester l'application Ecrire des tests Tester la gestion des erreurs

Concepts Avancés AngularJS

La modularité Optimisation Intégration dans une application Phonegap Le projet Angular UI Le Routage Sécurité de l'Application Les outils externes TP Avec ng-grid : Afficher les commentaires litigieux Avec UI-Router : Accorder une url par commentaire Porter l'application dans un mobile iPhone ou Android