Formation Angular Les fondamentaux

• 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

• Développeur
• Architecte

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

• 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

• Auto évaluation des acquis par le stagiaire via un questionnaire en fin de formation
• Attestation de fin de stage remise avec la facture