Formation Angular Avancé
Nous sommes Angular 10, 9, 8, 7, 6 & 5 Ready !
Présentation
Vous avez assisté à notre formation Angular, et vous souhaitez en connaitre plus ? Vous avez une application Angular, et vous rencontrez des difficultés à la maintenir ? Cette formation vous permettra de devenir expert Angular, vous apprendrez les concepts avancés d’Angular et découvrirez l’étendu de son écosystème.
Dans cette formation nous allons voir comment tester à 100% votre applicatif, comment résoudre des problèmes d’orchestration sur RxJS mais également toutes les astuces pour augmenter les performances de votre site web.
Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date et ses nouveautés : Angular 10.0.2 sortie le 30 juin 2020 à ce jour ainsi que Redux 4.0.5.
Objectifs
- Comprendre les concepts avancés
- Tester complètement son application
- Savoir développer et gérer des composants
- Augmenter les performances d’une application
Public visé
Développeur Web Angular, Lead developer
Pré-requis
Connaissances fondamentales sur Angular, ou avoir effectué notre formation Angular
Programme de la formation Angular Avancé
Reactive Forms
- FormControl et FormGroup
- Formulaires décomposés avec FormBuilder
- Validateurs personnalisés
- Validateurs asynchrones
Lazy Loading
- Améliorer les performances de démarrage
- Route integration : loadChildren
- Preloading
- Modules partagés
CHANGE DETECTION : DATABINDING OPTIMIZATION
- Optimisation de performance dans le cas du Data-binding, détection de changement
- OnPush
- Mode manuel : ChangeDetectorRef
- zone.js et NgZone
- runOutside, run
- trackBy pour *ngFor
Route guards & resolve
- Les différents types de Guards
- CanActivate, CanActivateChild : protéger une route
- CanDeactivate : sécuriser la sortie
- Pre-fetching avec resolve
Animations
- États et transitions
- Animations avec le routeur
Material avancé
- Étude et mise en oeuvre de quelques composants
- Nouveautés Angular 8 & 7
-
Création de vos propres librairies Material à l’aide du CDK
- Material & CDK
Composants et Directives avancés
- Comprendre les cycles de vie
- Composant avec projection de contenu (ng-content)
- HostBinding / HostListener
- ViewChild / ContentChild
Techniques de manipulation du DOM avancées
- Hooks et cycles de vie
- Composant avec projection de contenu (ng-content, ng-container, ngTemplateOutlet, …)
- Utiliser le Renderer (Ivy Renderer en Angular 7 – expérimental)
- Accéder à la vue : host
- HostBinding / HostListener
- Principe d’encapsulation
- Manipuler le DOM via le renderer : ViewChild / ContentChild
RxJS avancé
- Rxjs 6 : nouveautés et breaking changes (pipeable operators), compatibility package
- Multicast observables – behavior, replay ou async subjects
- Operators: instance VS static, categories
- Créer son propre opérateur
- Composition d’opérateurs : pipeable operators, pure / impure operator pipes
- WebSocket : utilisation du built-in WebsocketSubject
Internationalisation
- Internationalization : i18n marker
- Gestion des textes à traduire
- Gestion du pluriel
@ngrx/store
- Concept : immutable data store
- Reducers & Actions
Les Tests
- Tests unitaires
- Jasmine & Karma
- Tester un composant
- Tester un service
- Wiremock
- Tests fonctionnels (E2E)
- Pourquoi du E2E ?
- Protractor
- Écrire des tests
- Lancer les tests
Server-side Rendering : Angular Universal
- ServerModule
- Moteur back-end (Node.js et autres) : @nguniversal/express-engine
Astuces
- Intégration continue
- La mise en production
- Bootstrap 4
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Nos Formateurs Référents
Romain
Je m’efforce toujours d’apprendre de nouvelles technologies et d’essayer de les mettre en œuvre dans notre monde moderne. J’ai tendance à penser que nous n’avons pas fini de le construire. Tout peut être amélioré avec le bon état d’esprit, et quelques lignes de JavaScript.
Témoignages
Pourquoi ne pas utiliser un tableau avec un feutre pour faire des diagrammes et illustrer les propos (notamment les interactions entre composants, les événements etc). Aussi les exercices sont trop cloisonnés les un les autres et trop complexes d’entrée de jeu. Sincèrement les personnes ont été larguées mais n’ont pas osées le dire. les sujets de TP étaient trop cloisonnés et purement technique. il faudrait aussi lier les sujets de TP entre eux dans un cas contexte réaliste (fonctionnel) : par exemple que tous les TP soient fait dans un contexte de site web de vente (tel amazon) => 1 module angular pour le panier, 1 module angular pour le profil , 1 guard pour le panier, 1 guard pour le profil, 1 reducer pour les différentes étapes de commandes du panier… En revanche le formateur se montre disponible et peut répondre a nos question ce qui est très bien.
Afficher tous les témoignages
Pourquoi ne pas utiliser un tableau avec un feutre pour faire des diagrammes et illustrer les propos (notamment les interactions entre composants, les événements etc). Aussi les exercices sont trop cloisonnés les un les autres et trop complexes d’entrée de jeu. Sincèrement les personnes ont été larguées mais n’ont pas osées le dire. les sujets de TP étaient trop cloisonnés et purement technique. il faudrait aussi lier les sujets de TP entre eux dans un cas contexte réaliste (fonctionnel) : par exemple que tous les TP soient fait dans un contexte de site web de vente (tel amazon) => 1 module angular pour le panier, 1 module angular pour le profil , 1 guard pour le panier, 1 guard pour le profil, 1 reducer pour les différentes étapes de commandes du panier… En revanche le formateur se montre disponible et peut répondre a nos question ce qui est très bien.
Réponse d'Ambient Formations
Merci Christophe, nous avons pris bonne note de vos remarques. En effet la formation est assez avancé et l’équipe n’était pas forcement homogène en niveau.
Beaucoup de choses, contenu très dense pour 2 jours. Le formateur est compétent et clair dans ses explications.
Peut-être parfois pas assez de temps sur la théorie.
Mais comme le formateur est compétent, on s’y retrouve.
Cette formation est très importante pour comprendre les subtilités d’angular. Merci Romain.
Au top aussi !
Très satisfait de la formation, du formateur et du rythme !
Encore de nouveaux acquis qui va me permettre d’avancer dans mon apprentissage d’angular.
Locaux propres, bonne formation, formateur sympa et à l’écoute.
Merci
Très bonne formation et formateur, peut-être un petit peu simple par rapport à ce qu’on attendait.
Rien à dire sur la formation, mais je me suis vu trop beau. Pas assez d’expérience de mon côté pour ce niveau d’Angular. J’ai quand même appris pas mal de choses et ça m’a donné une bonne visibilité des possibilités du framework. Je pense que ça me permettra d’avancer plus vite par la suite.
Cette formation a répondu à toutes mes attentes. Merci.
Noter la formation
Une question ? Un projet ?
Pour des informations complémentaires, n’hésitez pas à nous contacter.
