Formation Angular – Avancée
Créer votre professionnelle site web avec Angular
Présentation de la formation
Angular est un framework javascript open source le plus performant et le plus puissant permettant le développement des applications web de type « Single Page Application » dirigée par l’équipe du projet Angular à Google.
il permet de gérer l’interface utilisateur des pages de façon dynamique grâce à l’architecture MVM qui exploite le langage Typescript :de l’encapsulation des appels HTTP à l’injection de dépendances en passant par le routage, l’internationalisation, les tests…
Commencez cette formation et créer des applications plus dynamiques et plus interactives.
Programme de la formation
Objectifs pédagogiques
- Apprendre la programmation orienté objet en JS.
- Découvrir et travailler avec l’architecture MVM
Pré-requis
Pour suivre la formation Python basique il suffit :
- Avoir des connaissances en HTML5
- Avoir des connaissances en CSS3
- Avoir des connaissances en JavaScript
- Ayant suivi la formation Angular basique
Contenu de la formation
CONCEPTS AVANCÉS : INJECTION DE DÉPENDANCES
- Principes de l’injection de dépendance
- Injection hiérarchique
- Inject anything : InjectionToken
CONCEPTS AVANCÉS : ZONES
- Principes de fonctionnement
- Utilisation dans Angular
CONCEPTS AVANCÉS : CHANGE DETECTION STRATEGIES
- Principe et utilité
- État de la vue (component)
- Propagation du changement
CONCEPTS AVANCÉS : LAZY LOADING
- Améliorer les performances de démarrage
- Route integration : loadChildren
- Preloading
- Modules partagés
CONCEPTS AVANCÉS : AHEAD OF TIME COMPILATION
- AOT vs JIT
- Mise en place
CONCEPTS AVANCÉS : ROUTE GUARDS & RESOLVE
- Les différents types de Guards
- CanActivate, CanActivateChild : protéger une route
- CanDesactivate : sécuriser la sortie
- Pre-fetching avec resolve
CONCEPTS AVANCÉS : INTERNATIONALISATION I18N
- i18n marker
- Singulier / pluriel & select
- ng-xi18n
- AOT gotchas
ÉCOSYSTÈME : @NGRX/STORE
- Concept : immutable data store
- Reducers & Actions
ÉCOSYSTÈME : SEVER SIDE RENDERING
- Platform-server
- Bootstraper depuis le serveur
- Pages statiques & pages dynamiques
ÉCOSYSTÈME : PWA
- Service Workers
- Static Content Cache
- Route Redirection
- Push Notifications
ÉCOSYSTÈME : @ANGULAR/MATERIAL
- Étude et mise en oeuvre de quelques composants
- Material & CDK
Méthodes & moyens
Explications théoriques suivies de pratiques guidées puis mises en autonomie
- 1 vidéoprojecteur par salle
- 1 ordinateur par stagiaire
Profil du formateur
Support de cours
- Support papier ou électronique (dématérialisé)
- Les exercices d’accompagnement peuvent être récupérés sur clef USB