> 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
Vous avez déjà un compte client ORSYS
Se connecter
Vous êtes nouveau chez ORSYS
Créer un compte
Vous ne souhaitez pas créer de compte
Poursuivre sans me connecter

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

concepts de développement

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

concepts de développement

Moyenne des avis clients Moyenne des avis clients Moyenne des avis clients Moyenne des avis clients
4,4 / 5

Formation incontournable Nouvelle édition du programme de la formation

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 à distance
Disponible en anglais, à la demande

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

Télécharger le programme

Partager cette formation




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
Mettre en pratique la programmation réactive avec RxJS pour gérer des flux de données asynchrones

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.

Méthodes et moyens pédagogiques
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.

Programme de la formation

1
Développement JavaScript : rappels

  • Historique évolution de JavaScript.
  • Bonnes pratiques ECMAScript 5.
  • ES13/ES6/ES2015, présentation générale.
  • Nouveautés syntaxiques : collection, template string, affectation destructurée, arrow functions, promesses, boucles...
  • La programmation objet : La syntaxe de class.
  • L’instruction spread.
  • Le pattern observer/observable (ES7).
  • TypeScript en détail, configuration.
  • Les décorateurs en TypeScript.
  • Les Webcomponents.
  • "Modules Loaders" : Webpack, "import/export".
Travaux pratiques
Mise en œuvre de l'environnement.

2
Les fondamentaux d'Angular

  • Structure de l’application.
  • Les composants.
  • Les modules Angular, "core" et principaux modules.
  • Les templates et les styles.
  • Utiliser Angular CLI.
  • Les différents types de binding.
  • Encapsulation des vues et des styles.
  • Les filtres, filtres personnalisés.
  • Les directives, directives personnalisées.
  • Variables de template.
  • Les décorateurs et leurs propriétés en détails.
  • Les évènements.
  • Les formulaires : Reactive Forms, FormControl et FormGroup.
  • La validation des formulaires.
Travaux pratiques
Réalisation d’une application interactive. Exemple du Tchat.

3
La programmation réactive

  • Configuration d’une application RxJS.
  • Les observables.
  • Les souscriptions.
  • Les opérateurs.
  • Les Hots observables.
  • Les observable d’ordre 2.
Travaux pratiques
Créer une page RxJS pour tester chacun des points ci-dessus.

4
Approfondissement des composants

  • Les décorateurs @Host, @ContentChild, @ViewChild.
  • Echanges de paramètres entre composants.
  • Le cycle de vie des composants et la communication entre composants.
  • Les Inputs et les Outputs.
  • L’encapsulation et L’internationalisation : component locale.
  • Le Bootstrapping.
  • Les services et l’injection de dépendance.
  • Providers et hiérarchie des injecteurs.
  • Injection de service dans un service.
  • Utilisation des services : Communication entre composants.
  • Les observables et les subjects et les Modules, RouterModule, SharedModule.
Travaux pratiques
Tester dans l’application interactive chacun des points ci-dessus

5
"Routing" et requête HTTP

  • Introduction aux requêtes HTTP.
  • Créer des requêtes HTTP .
  • Utilisation d’un cloud externe.
  • Les intercepteurs.
  • Headers et gestion des erreurs.
  • Gestion de routes dans l'arbre des composants.
  • Les directives RouterLink et RouterLinkActive.
  • Les services ActivateRoute et Router.
  • Transmission de paramètres dans les routes.
  • Utilisation de QueryParams et Fragment et Imbrication de routes.
  • Intercepter les paramètres de routage et wildcard.
  • Configuration des "Guard" pour le l'initialisation des routes.
Travaux pratiques
Reprendre l’application, intégrer les points détaillés dans le chapitre. Consommation d'une API REST.

6
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 development, TDD Test driven development.
  • Cas de test : pipe, composant, application.
Travaux pratiques
Reprendre l’application interactive, intégrer les points détaillés dans le chapitre. Mise en œuvre du Test driven development.

7
Déployer une application avec Angular

  • Gestion de l’authentification et des habilitations.
  • Application isomorphique.
  • Préparer les fichiers pour le déploiement.
  • Une commande pour les préparer tous.
  • Déployer sur un serveur web.
  • Optimiser les fichiers en production.
Travaux pratiques
Livraison en production du projet interactif.


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

Solutions de financement
Plusieurs solutions existent pour financer votre formation et dépendent de votre situation professionnelle.
Découvrez-les sur notre page Comment financer sa formation ou contactez votre conseiller formation.

Avis clients
4,4 / 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.
SIMON F.
17/06/25
5 / 5

Michel explique très bien, cette formation me sera utile. Merci beaucoup.
LUDOVIC B.
17/06/25
5 / 5

Super formation. Bonne animation par le formateur.
SÉBASTIEN M.
17/06/25
4 / 5

Michel est à l’écoute et a une bonne connaissance du sujet

> Afficher plus d’avis clients


Horaires
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.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 16h le dernier jour.

Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance

Dernières places
Date garantie en présentiel ou à distance
Session garantie
PARTICIPANTS
Futurs managers et responsables d’équipe souhaitant structurer leur pratique managériale

PRÉREQUIS
Aucun

COMPÉTENCES DU FORMATEUR
Les experts qui animent la formation sont des spécialistes des matières abordées. Ils ont été validés par nos équipes pédagogiques tant sur le plan des connaissances métiers que sur celui de la pédagogie, et ce pour chaque cours qu’ils enseignent. Ils ont au minimum cinq à dix années d’expérience dans leur domaine et occupent ou ont occupé des postes à responsabilité en entreprise.

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.

MOYENS PÉDAGOGIQUES ET TECHNIQUES
• Les moyens pédagogiques et les méthodes d’enseignement utilisés sont principalement : aides audiovisuelles, documentation et support de cours, exercices pratiques d’application et corrigés des exercices pour les stages pratiques, études de cas ou présentation de cas réels pour les séminaires de formation. • À l’issue de chaque stage ou séminaire, ORSYS fournit aux participants un questionnaire d’évaluation du cours qui est ensuite analysé par nos équipes pédagogiques. • Une feuille d’émargement par demi-journée de présence est fournie en fin de formation ainsi qu’une attestation de fin de formation si le stagiaire a bien assisté à la totalité de la session.

MODALITÉS ET DÉLAIS D’ACCÈS
L’inscription doit être finalisée 24 heures avant le début de la formation.

ACCESSIBILITÉ AUX PERSONNES HANDICAPÉES
Pour toute question ou besoin relatif à l’accessibilité, vous pouvez joindre notre équipe PSH par e-mail à l'adresse psh-accueil@orsys.fr.