Nos solutions de formation à distance et en présentiel éligibles au dispositif FNE-Formation 100% financées En savoir plus
ORSYS formation
NOUS CONTACTER - +33 (0)1 49 07 73 73
NOUS CONTACTER - 📞 +33 (0)1 49 07 73 73    espace pro ESPACE CLIENT     inscription formation orsys S'INSCRIRE     drapeau francais   drapeau anglais

Nos formations :

Toutes nos formations Développement Front-End

Formation AngularJS, maîtriser le framework JavaScript de Google

4,6 / 5
Stage pratique
Durée : 3 jours
Réf : FAN
Prix  2020 : 2090 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Cycles certifiants
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis vérifiés
Programme

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.

Objectifs pédagogiques

  • Développer des applications Web performantes avec AngularJS
  • Maîtriser les fonctionnalités clés du framework (filtres, contrôleurs, routes, templates...)
  • Intégrer AngularJS dans une architecture orientée REST
  • Intégrer des tests automatisés

Travaux pratiques

Vous transformerez une maquette HTML en "Single Page Application" utilisant les fonctionnalités du framework AngularJS.

Méthodes pédagogiques

Développement, présentation d'applications existantes.
PROGRAMME DE FORMATION

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 oeuvre.

Démonstration
Mise en oeuvre.

Cycles certifiants
Participants / Prérequis

» Participants

Architectes, développeurs et chefs de projets Web.

» Prérequis

Bonnes connaissances du HTML et des technologies du Web. Connaissance du langage de programmation JavaScript.
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis vérifiés
picto avis vérifiés
Arnaud V. 20/07/2020
5 / 5
Bon pour voir ou revoir les bases d'AngularJS

Geoffrey D. 20/07/2020
5 / 5
Formation très intéressante. Formateur très pédagogue et disponible.

Stéphane B. 20/07/2020
5 / 5
Mise en pratique rapide avec un exercice complet.

François R. 20/07/2020
5 / 5
Contenu ok mais pour moi un peu rapide, le passage d'un concept à un autre laissant peu de temps à l'assimilation. Ceci dit le formateur a été impeccable.

Lynda S. 22/06/2020
5 / 5
Le prof explique bien le cours, il prend le temps de corriger et expliquer nous exercices. Je le remercie. Merci à vous tous.

Cédric D. 25/05/2020
3 / 5
Rien à redire sur la pédagogie de notre formateur qui a toujours pris soin du bon suivi des "élèves".

didier p. 25/05/2020
4 / 5
laisser les écrans de sources de codes présentés un peu plus longtemps

Herilanja R. 25/05/2020
4 / 5
très bien pour apprendre les bases.

marie b. 25/05/2020
4 / 5
Très bien, le fait que la classe soit à distance rend parfois difficile de suivre quand on a du mal sur un exo mais globalement ça a été pour moi

Valentin V. 20/04/2020
5 / 5
Contenu très complet et formateur très à l'écoute de nos difficultés.

Alexandre L. 20/04/2020
5 / 5
L'animateur est très compétent et pedagogue! C'etait agréable! Tous les concepts un peu compliqués sont expliqués précisement et patiemment!

Corinne R. 20/04/2020
5 / 5
session très interactive.

Serge M. 09/12/2019
5 / 5
Formation de très bonne qualité mais mon niveau était un peu juste par rapport aux pré requis et j'ai rencontré beaucoup de difficultés lors des exercices pratiques.

Christelle L. 09/12/2019
5 / 5
Cours dynamique et intéressant..

Stéphanie H. 09/12/2019
5 / 5
Formateur très dynamique. Formation très bien structurée et intéressante.

Kévin N. 09/12/2019
5 / 5
Formation qui mériterait peut être quelques jour de plus (5j)

David N. 02/12/2019
5 / 5
Formation et contenu intéressante

AZZOUK M. 04/11/2019
4 / 5
la formation ainsi que son déroulement était très intéressant.

Michel G. 04/11/2019
5 / 5
Très bon cours, très bonne écoute du formateur

Jacky R. 04/11/2019
5 / 5
Le contenu de la formation est bon pour une découverte du langage. De plus, le formateur explique bien et vient aider si nécessaire.
Avis client 4,6 / 5

Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.

CLASSE A DISTANCE

En inter et en intra-entreprise
Inscrivez-vous ou contactez-nous !

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
CLASSE A DISTANCE
[+]
PARIS
[+]
AIX
[+]
ANGERS
[+]
BORDEAUX
[+]
BRUXELLES
[+]
DIJON
[+]
GENEVE
[+]
GRENOBLE
[+]
LILLE
[+]
LIMOGES
[+]
LUXEMBOURG
[+]
LYON
[+]
MONTPELLIER
[+]
NANCY
[+]
NANTES
[+]
NIORT
[+]
ORLEANS
[+]
REIMS
[+]
RENNES
[+]
ROUEN
[+]
SOPHIA-ANTIPOLIS
[+]
STRASBOURG
[+]
TOULON
[+]
TOULOUSE
[+]
TOURS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.
En poursuivant votre navigation, vous acceptez l’utilisation de cookies nous permettant de vous proposer des offres correspondant à vos centres d’intérêt.
En savoir plus sur l’usage des cookies…   ✖ Fermer
linkedin orsys
twitter orsys
it! orsys
instagram orsys
pinterest orsys
facebook orsys
youtube orsys