Formation Angular Maitrise Complete Angular
REF
ANG-COMP
DUREE
5 Jours
TARIF
2590€ HT
>
Objectifs
- Mettre en place des processus d’industrialisation au sein d’une application Angular
- Mettre en place les bonnes pratiques DevOps pour la maintenabilité d’une application Angular
- Maintenir un niveau de qualité de code avec les tests unitaires et fonctionnels
- Être capable de mettre en place le développement piloté par les tests
- Maitriser le framework Angular de Google
- Comprendre l’architecture Angular pour créer des applications performantes de toutes tailles
- Maitriser le bonnes pratiques de développement au sein d’une application Angular
- Connaitre Les nouveautés de la dernière version
>
Public
- Développeur
- Architectes
>
Prérequis
- Avoir les connaissances de base sur HTML et Javascript
>
Programme
Intégration continue
- Agilité au sein d’une application Angular
- Création d’un dépôt GitLab
- Git et gitflow pour le versionning de releases
- Production Line Déploiement d’une application
- Angular dans le Cloud
- Intégration continue d’une application Angular
- Qualité du code et suivi d’une application Angular
- Déploiement continue d’une application Angular
Développement piloté par les tests
- Bonnes pratiques pour les test unitaire et couverture de code
- Écriture des tests unitaires : Jasmine
- Utilisation du développement piloté par les tests : TDD
- Configurer et exécuter les tests unitaires avec Karma
- Intégrer les tests unitaire dans le processus d’intégration continue.
- Bonnes pratiques pour les tests end to end
- Écriture des tests end to end pour tester le comportement d’une application Angular.
- Intégrer les tests end to end dans le processus d’intégration continue.
Découverte de l'écosystème Angular
- AngularJs et Angular
- L’écosystème d’Angular
- Nouveautés ES2015, ES2016, ES2017
- Les web component
- Découverte du TypeScript
- Découverte de RxJs
- Installation de NodeJs
- Package manager, npm et yarn
- Versionner son application avec git et github
- VsCode et les plugins essentiels
- Appréhender la documentation Angular
- Le style guide Angular
Architecture et composants Angular
- Le client Angular et ses commandes (@angular/cli)
- Architecture, concevoir des applications modulaires de toute taille avec Angular
- Comprendre les imports et exports
- Les modules Angular
- Générer une documentation technique avec Compodoc
- Les components Angular
- L’interpolation
- Cycle de vie d’un composant
- TP : Achitecture de l’application pour la réutilisabilité, la maintenabilité et les performances
- TP : Installer et utiliser une librairie graphique pour Angular
- Les interfaces avec Angular
- Les services angular
- Les enum avec Angular
- TP : Création d’un service
Communication entre composants Angular et routing
- L’injection de dépendance
- Les styles de component et les styles globaux Stratégies d’encapsulation
- TP : Afficher une collection à l’aide de la directive *ngFor
- Les directives (structure, attribut, personnalisées)
- NG container
- Cycle de vie d’une directive
- TP : créer une directive personnalisée
- Property Binding
- Le decorator @Input
- Création de component enfant
- TP : Passer des données d’un component parent à un component enfant via un @Input
- Tour d’horizon des Pipes Angular
- TP : Création d’un Pipe personnalisé
- Events Binding Angular
- Le router Angular
- Un ficher de routing par module
- Les méthodes forRoot() et forChild()
- TP : créer les routes de l’application
Les formulaires Angular
- Formulaire piloté par le template (FormsModule)
- Le double data Binding avec ngModel
- Formulaire piloté par le code avec
- FormBuilder et Validators (ReactiveFormsModule)
- Le decorator @Output et EventEmitter
- Les Observables
- Observable chaud vs Observable froid
- TP : Création d’un formulaire réutilisable avec ReactiveFormsModule, @Output et EventEmitter
- Créer une base de donnée temps réel
- Angular et le service HttpClient
- Utilisation d’une API
- Installer une librairie utilitaire pour Angular
- Utilisation du Pipe Async Bonnes pratiques
- TP : Persister les données en utilisant une API et HttpClient
>
Moyens et Méthodes Pédagogiques
- La formation est constituée d’un cas pratique au cours duquel les apprenants créent une application Angular complète
- Réalisation de travaux pratiques et d’exercices pour la validation des acquis
- Un poste par stagiaire
- Formateur Expert Certifié Nativo
- Remise d’une documentation pédagogique papier ou numérique pendant le stage
>
Validation des acquis
- Auto évaluation des acquis par le stagiaire via un questionnaire en fin de formation
- Attestation de fin de stage remise avec la facture
Dates des sessions
Lieu
>12/05/2025
au
16/05/2025
Paris ou à Distance
>09/06/2025
au
13/06/2025
Paris ou à Distance
>23/06/2025
au
27/06/2025
Paris ou à Distance
Toutes les dates
Un Intra ?Une formation sur mesure ?
>12/05/2025
au
16/05/2025
Paris ou à Distance
>09/06/2025
au
13/06/2025
Paris ou à Distance
>23/06/2025
au
27/06/2025
Paris ou à Distance
>15/09/2025
au
19/09/2025
Paris ou à Distance
>29/09/2025
au
03/10/2025
Paris ou à Distance
>21/10/2025
au
27/10/2025
Paris ou à Distance
>03/11/2025
au
07/11/2025
Paris ou à Distance
>24/11/2025
au
28/11/2025
Paris ou à Distance
>08/12/2025
au
12/12/2025
Paris ou à Distance
Moins des dates
Un Intra ? Une formation sur mesure ?
Nos Clients



Adresse :
26-28 rue de Londres75009 Paris
Metro :
3
9
12
13
14
RER
A
E