picto Web - Digital

Formation AngularJS V1

Développer des applications web riches grâce au Framework AngularJS

Référence

IAJS

Durée

3 JOURS

Tarif

1720 € HT

NIVEAU

Intermédiaire

Cours à distance

Partiellement

Bestseller

Objectifs de la formation AngularJS V1

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 se propose de vous apprendre à le maîtriser de bout en bout, avec une mise en pratique de chacun des sujets enseignés.
A l'issue de ce cours AngularJS vous saurez :
- 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

Pré-Requis

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 se propose de vous apprendre à le maîtriser de bout en bout, avec une mise en pratique de chacun des sujets enseignés.
A l'issue de ce cours AngularJS vous saurez :
- 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.

Contenu du cours AngularJS V1

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