Cours de formation en ligne sur Google Meet + Cours au format PDF
25.00$
CompareCette formation Angular a pour but de vous apprendre à concevoir des applications Web avec le framework Angular.
La formation Angular porte sur la dernière version majeure du framework de Google (Angular 13). Conçu pour créer des applications web complexes, Angular est une réécriture complète de sa version 1 AngularJS.
Cette version s’appuie sur des concepts et outils ultra modernes tels que ES2015, TypeScript, les Web Components et la programmation réactive.
Dans cette formation Angular, vous apprendrez les notions de base et les bonnes pratiques pour créer vos propres composants Angular et produire des applications robustes et efficaces. Nous mettrons également l’accent sur les aspects réactifs et fonctionnels de ce framework
Les objectifs
- Appréhender la philosophie et le fonctionnement du framework Angular
- Concevoir une application Angular avec TypeScript et RxJS
- Créer vos propres composants Angular
- Produire des applications robustes et efficaces
Pré-requis
- Connaissance de HTML, CSS et un bon niveau en JavaScript
- Ordinateur portable à apporter
Le programme de la formation Angular
chapitre 1 : De la théorie aux 1ers composants Angular
Installation / introduction
- Philosophie du framework
- Installation minimale
- Ecosystème
TypeScript et ES2015
- Types
- Classes
- Modules
- Promesses
- Décorateurs
- Outils
Composants
- Définition
- Décorateur
- Vue
- Contrôleur
- Composants natifs
- Cycle de vie
chapitre 2 : Intégration de RxJS et des services associés
Reactive Programming
- Concept
- RxJS : Approche approfondie d’un framework au coeur d’Angular
Services
- Créer un service
- Injection de service
Pipes
- Pipes natifs
- Écrire un pipe
Formulaires
- Contrôles
- Validateurs
- Observateurs
- ngModel
chapitre 3 : Amélioration, évolution et scalabilité
Service HTTP
- Communication avec une API
- Options
- De l’API REST à la vue avec le pipe async
Routeur
- Principe
- Composant de route
- Paramètres
Tests
- Karma et Jasmine
- Injection de dépendance
Concepts avancés
- PWA : gestion simplifiée des caches par Angular
- Injection de dépendance avancée
- Animations
