AngularJS, maîtriser le Framework JavaScript de Google

Objectifs

Développé par Google, AngularJS est un framework structurant et simplifiant le développement des applications riches côté client. Cette formation vous apportera la maîtrise des fonctionnalités clés du framework : filtres, contrôleurs, templates... Vous verrez également son intégration dans une architecture REST.

Participants

Architectes, développeurs et chefs de projet Web désireux d'optimiser leur application Web avec JavaScript.

Pré-requis

Bonnes connaissances du HTML et des technologies du Web. Connaissance du langage de programmation JavaScript.

Moyens pédagogiques

1 poste par participant - 1 Vidéo projecteur - Support de cours fourni à chaque participant – Formation présentielle

Durée

3 jours

Les sessions inter-entreprises

Date Session
Du 29/01/2018
Au 31/01/2018
Paris
Formation standard
Du 29/01/2018
Au 31/01/2018
Caen
Formation standard
Du 29/01/2018
Au 31/01/2018
Lyon
Formation standard
Du 29/01/2018
Au 31/01/2018
Rennes
Formation standard
Du 29/01/2018
Au 31/01/2018
Lille
Formation standard
Du 29/01/2018
Au 31/01/2018
Rouen
Formation standard
Du 03/04/2018
Au 05/04/2018
Paris
Formation standard
Du 03/04/2018
Au 05/04/2018
Caen
Formation standard
Du 03/04/2018
Au 05/04/2018
Lyon
Formation standard
Du 03/04/2018
Au 05/04/2018
Rennes
Formation standard
Du 03/04/2018
Au 05/04/2018
Lille
Formation standard
Du 03/04/2018
Au 05/04/2018
Rouen
Formation standard
Du 11/06/2018
Au 13/06/2018
Paris
Formation standard
Du 11/06/2018
Au 13/06/2018
Caen
Formation standard
Du 11/06/2018
Au 13/06/2018
Lyon
Formation standard
Du 11/06/2018
Au 13/06/2018
Rennes
Formation standard
Du 11/06/2018
Au 13/06/2018
Lille
Formation standard
Du 11/06/2018
Au 13/06/2018
Rouen
Formation standard
Ce plan de cours est établi à titre indicatif. Son contenu peut être adapté à chaque formation Télécharger la fiche pdfDemander un devis

Code

ANGJS-MAIFRAMEJAVAGOO

Description détaillée

Rappels JavaScript 

Composants d'une application Web. HTML5 et CSS3.

Outils de développement Web/JavaScript.

Moteurs de rendu HTML et JavaScript. DOM, BOM.

JavaScript rappels : prototypes, closures et callbacks.

Rappels sur les concepts objet en JavaScript.

Application Ajax orientée REST.

Exercice 

Configuration de l'environnement.

 

Présentation du framework AngularJS 

AngularJS, positionnement : jQuery, ExtJS...

Intégration. Compatibilité, versions, documentation.

Fonctionnalités et principes généraux.

Directives AngularsJS, compilateur HTML.

Expressions. Data-Binding bidirectionnel. Filtres.

Exercice 

Préparation d'une maquette HTML pour développer avec AngularJS.

 

Contrôleurs et gestion des scopes 

Création et utilisation des contrôleurs.

Gestion du contexte, la variable $scope.

Propagation des événements. API. Dirty Checking.

Traitement et validation des formulaires.

Exercice 

Intégration des contrôleurs.

 

Module et injection de dépendance 

Fonctionnalités de l'objet angular.

Principe de l'injection de dépendance.

Notion de module. Configuration.

Découper son application.

Exercice 

Modularisation de l'application.

 

Définition des routes 

Routing. API ($routeProvider). Le "deep linking".

Historique et accès aux paramètres de l'URL.

Utilisation de $location et $routeParams. Modes Hashbang et HTML5.

Prétraitement des vues. Utilisation des "fragments".

Exercice 

Création d'une "Single Page Application".

 

Fonctionnalité de données, Echange Serveur 

API ($provide, $injector). Création de provider.

Les méthodes : Service, Factory, Provider, Value.

Requête Ajax avec le service $http. Intégration REST avec le service $resource. WebSockets. API Promise.

Intégration avec Node.js.

Exercice 

Intégration REST avec Node.js.

 

Intégration des tests automatisés

Utilitaires de test : Jasmine. Angular-scenario. Test : contrôleurs, services... Utilisation avec Karma.

End to End Testing : interface utilisateur.

Exercice 

Création des tests unitaires.

 

Bonnes pratiques et outils

Yeoman, optimisation du développement.

Internationalisation (I18N), mise en œuvre.

Démonstration

Mise en œuvre.

 
 
 
 
 
 
 

Les dernières places disponibles

Aucune annonce pour le moment
Une erreur est survenue
Une erreur est survenue, l'administrateur a été contacté
Revenir à la première page