DÉVELOPPER DES APPLICATIONS WEB RICHES GRÂCE AU FRAMEWORK ANGULARJS
Objectifs de la formation AngularJS
OBJECTIFS :ATTENTION: Cette formation en INTER se fait dorénavant sur la base des versions 2 et 4 d’Angular. Il s'agit de la Formation Angular 2 et 4 : 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 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
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
PROGRAMME :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
Formation à distance AngularJS
REMARQUES :Vous pouvez suivre cette formation AngularJS à distance, vous participez en temps réel à la même session en même temps que les autres participants présents eux en salle de cours. Un kit spécial formation à distance vous sera envoyé avec notamment le matériel (casque micro). Vous n’avez besoin que d’un navigateur et d’une connexion internet pour suivre dans les meilleures conditions cette formation à distance AngularJS. Contactez-nous pour plus d’informations sur cette formation AngularJS à distance de chez vous ou depuis votre bureau. Attention sur cette formation toutes les sessions ne sont pas réalisables en formule cours à distance.
3 j
Web - Digital
Angular Avancé3 j
Web - Digital
Angular : Développer une application Web3 j
Web - Digital
Backbone.js2 j
Web - Digital
EmberJS
PO
Mon avis sur le contenu du stage :
"donne envie de refaire les différents tutoriels pour bien appréhender les concepts utilisés. "
Mon avis sur la salle de formation :
"bonne formation , complexe car nécessite la connaissance des dernières évolutions javascript, (node js, rpm )"
Ce que j'ai le plus apprécié :
"travail individuel sur pc puis récupération du travail sur github"
Bastien
Mon avis sur le formateur :
"Très bon formateur, toujours agréable et très compétent."
Mon avis sur la salle de formation :
"Très bon centre de formation, accueil très agréable (café, croissants...)"
Ce que j'ai le plus apprécié :
"Café, croissants, jus d'orange... à disposition"
Alvyn
Mon avis sur le formateur :
"Très bonne prestation. Il a été disponible et très percutent dans sa manière de transmettre son savoir-faire."
Mon avis sur la salle de formation :
"Quelques problèmes avec le projecteur. Faut fermer toutes les fenêtres pour bien voir à l'écran"
Ce que j'ai le plus apprécié :
"Pause déjeuner"
Lire tous les avis
CV
3 j
Web - Digital
Angular Avancé3 j
Web - Digital
Angular : Développer une application Web3 j
Web - Digital
Backbone.js2 j
Web - Digital
EmberJS
Des questions ?
ON VOUS RAPPELLE