Dernière mise à jour le 11/06/2025
Informations générales
Type de formation : Formation continue
Domaine : Développement
Filière : Transformation digitale
Rubrique : HTML - CSS - JavaScript - XML
Formation éligible au CPF : Non
Formation Action collective : Non
Objectifs & compétences
A l’issue de la formation, le stagiaire sera capable :
- Maîtriser les concepts du framework Angular
- Utiliser Angular pour développer des applications web performantes
Public visé
Développeurs Javascript
Pré-requis
Bonnes connaissances en JavaScript, DOM, CSS et notions d'AJAX
Programme
Introduction
- Présentation de l'environnement de développement NodeJS
- Présenation de la CLI Angular
- Rappel des normes EcmaScript
- Créer un projet Angular à l'aide d'angular CLI
Atelier : Configurer un projet Angular
TypeScript
- Présentation de TypeScript
- Les types de variables de TS
- Le typage fort
- Les interfaces de classe
- Présentation des décorateurs
Présentation
- La Syntaxe de base d'Angular
- L'organisation en Module et Composant
- Les décorateurs Angular
- Le MVVM / MVW
- Le One Way et Two Way Data Binding
- L'opérateur "moustache"
- La gestion des Events et l'objet $event
- Les NgModel
- Les variables de template
Atelier : Réaliser une TodoList
Routage
- Le Module de Routage
- Déclarer les routes d'un projet
- Gérer les redirections
- La route par défaut
- Récupérer les paramètres d'url, les query-strings, etc
- Limiter l'accès au route: Les guards
- Routes imbriquées
Atelier : Mettre en place une application multi-vues
Les pipes
- Présentation des pipes « | »
- Utiliser le safeOperator « ?»
- Importer des locales dans notre projet
- Définir une locales par default
- Utiliser les locales avec les filtres
- Créer des pipes personnalisées
- Les pipes pures et impures
Atelier : Créer une pipe personnalisée
Les Directives
- Différence entre directives d'attributs et structurelles
- Les directives ngFor, ngIf, ngSwitch, ngClass, ngStyle
- Utiliser les attributs ARIA (directive attr.*)
- Créer une directive personnalisée
- Transmettre des valeurs à une directive (@input)
- Gérer les événements dans une directive
Atelier : Créer une directive personnalisée?
Les Formulaires
- Présentation des formulaires
- Les Templates Driven Form et Reactive Form
- Gérer la validations des champs et du formulaire
- Présentation des états d'un formulaire (ngControl)
- Valider les formulaires (ngSubmit)
- Créer des validateurs personnalisés
Atelier : Gestion des entrées utilisateurs
Injection de dépendances
- Principes de DI
- Configurer l'injecteur
- Enregistrer des services dans un composant
- Création de l'injecteur
- Différents types de service: classe, valeur, fabrique...
Atelier : Architecturer notre application sous forme d'une organisation de services
Le client HTTP
- Principe de communication asynchrone
- Fonctionnement des promesses et async/await
- Présentation des Observables RxJS
- Le Module HttpClientModule
- Communiquer avec une API REST (http.get, http.post, etc)
- Appliquer des fonctions de callback
- Gestion des erreurs
- Typage les données retournées
Atelier : Mettre en place un client d'API ReST
Déploiement
- Les commandes de compilation
- Les modes de compilation
- Les compilations AOT et JIT
- Gestion du base href
- Les règles de réécriture
Atelier : Compiler un projet pour la publication
Modalités
Modalités : en présentiel, distanciel ou mixte . Toutes les formations sont en présentiel par défaut mais les salles sont équipées pour faire de l'hybride. – Horaires de 9H à 12H30 et de 14H à 17H30 soit 7H – Intra et Inter entreprise.
Pédagogie : essentiellement participative et ludique, centrée sur l’expérience, l’immersion et la mise en pratique. Alternance d’apports théoriques et d’outils pratiques.
Ressources techniques et pédagogiques : Support de formation au format PDF ou PPT Ordinateur, vidéoprojecteur, Tableau blanc, Visioconférence : Cisco Webex / Teams / Zoom.
Pendant la formation : mises en situation, autodiagnostics, travail individuel ou en sous-groupe sur des cas réels.
Méthodes
Fin de formation : entretien individuel.
Satisfaction des participants : questionnaire de satisfaction réalisé en fin de formation.
Assiduité : certificat de réalisation.
Validations des acquis : grille d'evalution des acquis établie par le formateur en fin de formation.
Code de formation : LEDN202
Tarifs
Prix public : 2640 €
Tarif & financement :
Nous vous accompagnons pour trouver la meilleure solution de financement parmi les 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.
France Travail: sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
CPF -MonCompteFormation
Contactez nous pour plus d’information : contact@aston-institut.com
Lieux & Horaires
Durée : 35
heures
Délai d'accès : Jusqu'a 8 jours avant le début de la formation, sous condition d'un dossier d'insciption complet
Prochaines sessions
Formation accessible aux personnes en situation de handicap. En savoir plus sur nos aménagements et nos contacts.