Angular | Formation Avancée

Boostez l’intéractivité de vos applications web avec Angular

Présentation de la formation

Angular est l’un des frameworks Front End modernes les plus populaires conçu par Google, classé en 3ème position en 2018 selon JavaScript Developer Survey. Il s’agit d’une plateforme événementielle très puissante et flexible permettant la création des applications web dynamiques et immersives avec une excellente offre d’éxpérience utilisateur. En outre, il est un complément aux langages côté serveur et offre de nombreuses solutions et conceptions prêtes à l’emploi.

En effet, Angular 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… etc.

En conclusion, Angular est l’un des framework javascript les plus performants et les plus puissants permettant le développement des applications web ambitieuses et avec beaucoup de technicité tout en offrant un écosystème très riche et une large communauté.

Chez ADN Academy, vous auriez l’occasion, avec l’accompagnement de nos meilleurs experts, d’apprendre des fonctionnalités avancées du framework Angular . Découvrez donc le contenu de la formation Angular avancée pour créer des applications plus dynamiques et plus interactives.

Programme de la formation

Objectifs pédagogiques

Au terme de cette formation, qui s’adresse aux informaticiens, aux webmasters et ceux ayant besoin de rafraîchir leurs connaissances en Angular , vous serez capable de:

Apprendre la programmation orienté objet en JS.
Découvrir et travailler avec l’architecture MVM

Pré-requis

Afin de suivre cette formation, 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

Nos formateurs sont certifiés à l’issue d’un parcours organisé par nos soins. Ils bénéficient d’un suivi de compétences aussi bien au niveau technique que pédagogique.