> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation Angular, maîtriser le Framework Front-End de Google > Formations > Technologies numériques > Formation Angular, maîtriser le Framework Front-End de Google
Formation incontournable

Angular, maîtriser le Framework Front-End de Google

migration et développement

Angular, maîtriser le Framework Front-End de Google

migration et développement
Télécharger au format pdf Partager cette formation par e-mail 2


Angular est le framework javascript de référence de Google. Il utilise tous les standards du Web. Il offre des performances accrues avec une conception modulaire adaptée à la mobilité ainsi qu’une amélioration de la productivité de vos équipes de développement. Angular bénéficie immédiatement d’un écosystème riche et d’une communauté toujours plus grande.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf. AGU
Prix : 2490 € H.T.
  4j - 28h
Pauses-café et
déjeuners offerts




Angular est le framework javascript de référence de Google. Il utilise tous les standards du Web. Il offre des performances accrues avec une conception modulaire adaptée à la mobilité ainsi qu’une amélioration de la productivité de vos équipes de développement. Angular bénéficie immédiatement d’un écosystème riche et d’une communauté toujours plus grande.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • Organiser, modulariser et tester ses développements JavaScript
  • Maîtriser les fondamentaux du Framework Angular
  • Créer rapidement des applications Web complexes
  • Savoir intégrer les tests unitaires au développement
  • Connaître les bonnes pratiques de développement et de mise en production

Public concerné
Architectes, développeurs et chefs de projets Web.

Prérequis
Bonnes connaissances des technologies du Web et des outils modernes de développement Front-End. Connaissances de JavaScript.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

Programme de la formation

Développement JavaScript : rappels

  • Bonnes pratiques ECMAScript 5.
  • ES7/ES6/ES2015, présentation générale.
  • Nouveautés syntaxiques : portée, "template string", "arrow functions", les promesses...
  • Le développement JavaScript Objet avec la syntaxe de class.
  • Le pattern observer/observable (ES7).
  • La librairie RX.js : opérateur clés pour la manipulation d'observable.
  • Outils indispensables. Babel, Traceur et Typescript.
  • Typescript en détail, configuration.
  • ES6/2015 approche modulaire.
  • ES7 gestion de l'asynchronicité : await async.
  • "Modules Loaders" : Webpack, "import/export".
Travaux pratiques
Migrer un script ES5/ES6. Mise en œuvre de l'environnement avec TypeScript.

Migrer d'AngularJS 1.x à Angular

  • Comparaison et "topographie" des concepts.
  • Préparer la migration. Structure d'une application Angular.
  • Les modules Angular, "core" et principaux modules.
  • Principe de l'injection de dépendance.
  • Classification des directives : composant, attribut, structure.
  • Les décorateurs : définition des hiérarchies.
Démonstration
Migrer une application AngularJS 1.x vers Angular.

L'utilitaire ng ou @angular/cli

  • Utilisation de l'utilitaire en ligne de commande.
  • Scaffolder une structure de projet : anatomie et dépendance.
  • Configuration des utilitaires de tâches.
  • Configuration et commandes clés.
  • Lancer un server de développement/production (build).
  • Compilation Ahead of Time. La notion de "Tree Shaking".
  • Gestion des modules : bonnes pratiques.
  • BootStrap d'application.
Travaux pratiques
Structurer, "scaffolder" un projet d'application.

Définition de composants

  • Comprendre les Web Components. (standard, concepts, shadow DOM, scoped CSS...).
  • Cycle de vie dans l'application.
  • Angular Compiler : Change Detection.
  • Syntaxe des templates : interpolation/expression, "Binding" et filtres.
  • Directives de transformation : ngIf, ngFor, ngSwitch...
  • Définition syntaxique, le symbole (*).
  • Variables locales et variables de Template.
  • Classe de composants. Directives de configuration : selector, provider.
  • Evénements utilisateur et événements logiques personnalisés : EventEmitter.
Travaux pratiques
Création de composants.

Classifications des composants applicatifs

  • Module, RouterModule, SharedModule.
  • Component, Directive, Pipe, Service, Guard.
  • Principe de l'injection de dépendances.
  • Création de services injectables. Classification des services.
  • Configuration de l'injecteur.
  • Les décorateurs et leurs propriétés en détails.
  • @Host, @ContentChild, @ViewChild.
  • JavaScript Pure function, PurePipe.
Travaux pratiques
Création de composants et de directives personnalisées.

Gestion des formulaires, "Routing" et requête HTTP

  • FormControl et FormGroup.
  • TDF versus DDF : Template Driven Form et Data Driven Form
  • Validation et gestion d'erreur personnalisée.
  • Liaison de données via HTTP.
  • Gestion et configuration des échanges HTTP au niveau applicatif.
  • Création de routes.
  • Intercepter les paramètres de routage et wildcard.
  • Ciblage, "router-outlet" événements de routage.
  • Gestion de routes dans l'arbre des composants.
  • Configuration des "Guard" pour le l'initialisation des routes.
Travaux pratiques
Mise en œuvre des cycles de validation de formulaire. Consommation d'une API REST.

Tests unitaires. Bonnes pratiques et outils

  • Configurer l'environnement de test.
  • Présentation de Karma et de Jasmine.
  • Ecrire les tests avec Jasmine.
  • Ecrire des tests d'intégration avec protractor.
  • Couverture du code. Indices du code-coverage.
  • BDD Behaviour Driven Developpemnt, TDD Test Driven Developpement.
  • Cas de test : pipe, composant, application.
  • Angular "Coding guide Style".
Travaux pratiques
Développement d'une application à partir de tests unitaires. Mise en œuvre du Test Driven Developpement.


Modalités pratiques
Travaux pratiques
Composition modulaire d'une application avec Angular.
Méthodes pédagogiques;
Chaque nouveau concept théorique sera appliqué immédiatement de façon pratique.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Parcours certifiants associés
Pour aller plus loin et renforcer votre employabilité, découvrez les parcours certifiants qui contiennent cette formation :

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.

Avis clients
4,6 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
ARIANE D.
17/05/22
5 / 5

Pour quelqu’un qui débutait totalement en développement Web, un peu de théorie en plus n’aurait pas été de refus pour mieux comprendre les termes. Mais la pratique permet de progresser rapidement tout de même.
YOHANN R.
17/05/22
3 / 5

Quelques passages un peu rapide qu’il aurait été intéressant de d’approfondir, mais malheureusement le temps ne le permet pas. Sinon une formation somme toute bien complète et efficace !
ADRIEN N.
17/05/22
5 / 5

Formateur très pédagogue, qui prend son temps pour répondre à toutes les questions.




Horaires
En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.

Dates et lieux
Pour vous inscrire, sélectionnez la ville et la date de votre choix.
Du 5 au 8 juillet 2022 *
FR
Classe à distance
Session garantie
S’inscrire
Du 19 au 22 juillet 2022 *
FR
Classe à distance
Session garantie
S’inscrire
Du 9 au 12 août 2022 *
FR
Classe à distance
Session garantie
S’inscrire
Du 9 au 12 août 2022
FR
Paris La Défense
S’inscrire
Du 9 au 12 août 2022
FR
Lille
S’inscrire
Du 23 au 26 août 2022
FR
Lyon
S’inscrire
Du 23 au 26 août 2022
FR
Paris La Défense
S’inscrire
Du 23 au 26 août 2022
FR
Classe à distance
S’inscrire
Du 13 au 16 septembre 2022
FR
Classe à distance
S’inscrire
Du 13 au 16 septembre 2022
FR
Limoges
S’inscrire
Du 13 au 16 septembre 2022 *
FR
Paris La Défense
Session garantie
S’inscrire
Du 13 au 16 septembre 2022
FR
Bruxelles
S’inscrire
Du 13 au 16 septembre 2022
FR
Bruxelles
S’inscrire
Du 13 au 16 septembre 2022
FR
Luxembourg
S’inscrire
Du 13 au 16 septembre 2022
FR
Lausanne
S’inscrire
Du 13 au 16 septembre 2022
FR
Genève
S’inscrire
Du 13 au 16 septembre 2022
FR
Toulouse
S’inscrire
Du 13 au 16 septembre 2022
FR
Nantes
S’inscrire
Du 13 au 16 septembre 2022 *
FR
Aix-en-Provence
Session garantie
S’inscrire
Du 13 au 16 septembre 2022
FR
Lille
S’inscrire
Du 13 au 16 septembre 2022
FR
Angers
S’inscrire
Du 13 au 16 septembre 2022
FR
Orléans
S’inscrire
Du 13 au 16 septembre 2022
FR
Niort
S’inscrire
Du 13 au 16 septembre 2022
FR
Bordeaux
S’inscrire
Du 13 au 16 septembre 2022
FR
Brest
S’inscrire
Du 13 au 16 septembre 2022
FR
Strasbourg
S’inscrire
Du 13 au 16 septembre 2022
FR
Rennes
S’inscrire
Du 13 au 16 septembre 2022
FR
Montpellier
S’inscrire
Du 13 au 16 septembre 2022
FR
Sophia-Antipolis
S’inscrire
Du 13 au 16 septembre 2022
FR
Toulon
S’inscrire
Du 13 au 16 septembre 2022
FR
Tours
S’inscrire
Du 13 au 16 septembre 2022
FR
Reims
S’inscrire
Du 13 au 16 septembre 2022
FR
Rouen
S’inscrire
Du 20 au 23 septembre 2022
FR
Clermont-Ferrand
S’inscrire
Du 20 au 23 septembre 2022
FR
Grenoble
S’inscrire
Du 20 au 23 septembre 2022
FR
Lyon
S’inscrire
Du 20 au 23 septembre 2022
FR
Paris La Défense
S’inscrire
Du 20 au 23 septembre 2022
FR
Dijon
S’inscrire
Du 20 au 23 septembre 2022
FR
Classe à distance
S’inscrire
Du 4 au 7 octobre 2022
FR
Classe à distance
S’inscrire
Du 4 au 7 octobre 2022 *
FR
Paris La Défense
Session garantie
S’inscrire
Du 4 au 7 octobre 2022
FR
Bourges
S’inscrire
Du 4 au 7 octobre 2022
FR
Lille
S’inscrire
Du 4 au 7 octobre 2022
FR
Chartres
S’inscrire
Du 4 au 7 octobre 2022
FR
Le Mans
S’inscrire
Du 4 au 7 octobre 2022
FR
Caen
S’inscrire
Du 4 au 7 octobre 2022
FR
Le Havre
S’inscrire
Du 18 au 21 octobre 2022
FR
Sophia-Antipolis
S’inscrire
Du 18 au 21 octobre 2022
FR
Strasbourg
S’inscrire
Du 18 au 21 octobre 2022
FR
Pau
S’inscrire
Du 18 au 21 octobre 2022
FR
Mulhouse
S’inscrire
Du 18 au 21 octobre 2022
FR
Bordeaux
S’inscrire
Du 18 au 21 octobre 2022
FR
Metz
S’inscrire
Du 18 au 21 octobre 2022
FR
Lyon
S’inscrire
Du 18 au 21 octobre 2022
FR
Toulouse
S’inscrire
Du 18 au 21 octobre 2022
FR
Aix-en-Provence
S’inscrire
Du 18 au 21 octobre 2022
FR
Nantes
S’inscrire
Du 18 au 21 octobre 2022
FR
Paris La Défense
S’inscrire
Du 18 au 21 octobre 2022
FR
Classe à distance
S’inscrire
Du 18 au 21 octobre 2022
FR
Avignon
S’inscrire
Du 18 au 21 octobre 2022
FR
Saint-Etienne
S’inscrire
Du 7 au 10 novembre 2022
FR
Classe à distance
S’inscrire
Du 7 au 10 novembre 2022
FR
Paris La Défense
S’inscrire
Du 7 au 10 novembre 2022
FR
Genève
S’inscrire
Du 7 au 10 novembre 2022
FR
Lausanne
S’inscrire
Du 7 au 10 novembre 2022
FR
Luxembourg
S’inscrire
Du 7 au 10 novembre 2022
FR
Bruxelles
S’inscrire
Du 7 au 10 novembre 2022
FR
Bruxelles
S’inscrire
Du 7 au 10 novembre 2022
FR
Lille
S’inscrire
Du 7 au 10 novembre 2022
FR
Orléans
S’inscrire
Du 7 au 10 novembre 2022
FR
Angers
S’inscrire
Du 7 au 10 novembre 2022
FR
Tours
S’inscrire
Du 7 au 10 novembre 2022
FR
Rouen
S’inscrire
Du 7 au 10 novembre 2022
FR
Reims
S’inscrire
Du 15 au 18 novembre 2022
FR
Bordeaux
S’inscrire
Du 15 au 18 novembre 2022
FR
Niort
S’inscrire
Du 15 au 18 novembre 2022
FR
Grenoble
S’inscrire
Du 15 au 18 novembre 2022
FR
Clermont-Ferrand
S’inscrire
Du 15 au 18 novembre 2022
FR
Toulouse
S’inscrire
Du 15 au 18 novembre 2022
FR
Lyon
S’inscrire
Du 15 au 18 novembre 2022
FR
Limoges
S’inscrire
Du 15 au 18 novembre 2022
FR
Dijon
S’inscrire
Du 22 au 25 novembre 2022
FR
Classe à distance
S’inscrire
Du 22 au 25 novembre 2022
FR
Paris La Défense
S’inscrire
Du 22 au 25 novembre 2022
FR
Nantes
S’inscrire
Du 22 au 25 novembre 2022
FR
Brest
S’inscrire
Du 22 au 25 novembre 2022
FR
Strasbourg
S’inscrire
Du 22 au 25 novembre 2022
FR
Rennes
S’inscrire
Du 29 novembre au 2 décembre 2022
FR
Montpellier
S’inscrire
Du 29 novembre au 2 décembre 2022
FR
Toulon
S’inscrire
Du 29 novembre au 2 décembre 2022
FR
Sophia-Antipolis
S’inscrire
Du 29 novembre au 2 décembre 2022
FR
Aix-en-Provence
S’inscrire
Du 6 au 9 décembre 2022
FR
Lille
S’inscrire
Du 6 au 9 décembre 2022
FR
Paris La Défense
S’inscrire
Du 6 au 9 décembre 2022
FR
Classe à distance
S’inscrire
Du 13 au 16 décembre 2022
FR
Classe à distance
S’inscrire
Du 13 au 16 décembre 2022
FR
Paris La Défense
S’inscrire
Du 13 au 16 décembre 2022
FR
Lyon
S’inscrire
Du 13 au 16 décembre 2022
FR
Toulouse
S’inscrire
Du 13 au 16 décembre 2022
FR
Bordeaux
S’inscrire
Du 19 au 22 décembre 2022
FR
Strasbourg
S’inscrire
Du 19 au 22 décembre 2022
FR
Sophia-Antipolis
S’inscrire
Du 19 au 22 décembre 2022
FR
Aix-en-Provence
S’inscrire
Du 19 au 22 décembre 2022
FR
Nantes
S’inscrire