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

Logo Nativo Logo Qualiopi
Nativo Address

Adresse :

26-28 rue de Londres
75009 Paris

Metro :

3
9
12
13
14
RER
A
E

Déclaration CNIL n° 1286285