Dernière mise à jour le 16/09/2024
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 – 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 (validation des acquis)
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.
- Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
- CPF -MonCompteFormation
Contactez nous pour plus d’information
Lieux & Horaires
Durée : 35
heures
Délai d'accès :
8 jours avant le début de la formation
Prochaines sessions
Handi-accueillante
Accessible aux personnes en situations de handicap.
Pour toutes demandes, contactez notre référente,
Mme Rizlene Zumaglini
Mail : rzumaglini@aston-ecole.com