Concevoir des applications web modernes avec Angular, TypeScript, RxJS et les bonnes pratiques front-end
Cette formation offre aux développeurs et architectes une maîtrise pratique d’Angular 2+ pour concevoir des applications web modernes, modulaires et performantes. Elle aborde les fondements du framework, l’utilisation de TypeScript, l’architecture des composants, la gestion des formulaires, le routing, les services HTTP, ainsi que l’intégration de tests unitaires dans le cycle de développement.
Les participants explorent également les bonnes pratiques de développement, la montée en version et l’utilisation des outils du front-end moderne (npm, Webpack, angular-cli), tout en découvrant les fonctionnalités clés d’ES6 et d’RxJS pour mieux tirer parti de la programmation réactive.
Est-ce pour vous ?
Architectes, développeurs, chefs de projets
Préalables
Disposer de connaissances pratiques sur les technologies du Web, les outils actuels de développement Front-End et JavaScript.
Ce que vous saurez faire
- ✓ Développer des applications Angular avec composants, services et architecture modulaire
- ✓ Exploiter TypeScript et ES6 pour écrire un code typé, maintenable et moderne
- ✓ Concevoir des interfaces dynamiques avec templates, data binding, directives et formulaires réactifs
- ✓ Gérer la navigation et les échanges de données via routing, HTTP et observables RxJS
- ✓ Tester, faire évoluer et maintenir des applications Angular dans des environnements complexes
Contenu de la formation
1 Introduction générale
- Outils et IDE
- Packaging, grunt, npm
- Webpack
- Installation npm
- Installation angular-cli
2 TypeScript et ES6
- Installation TypeScript
- Transpiler EcmaScript
- Let, variables locales et constantes
- Typage et types natifs
- Paramètres optionnels, valeurs par défaut
- Classes et interfaces
- Gestion des modules
- Arrow functions
- Décorateurs
3 Les templates
- Présentation des templates
- Interpolation / expression
- Binding et interactions
- Variables locales
- Symbole , directives de structure
- Pipes, filtres
4 Les formulaires
- Control et ControlGroup
- Validations
- Gestions d’erreurs
- Gestion des modifications
- Groupes de champs avec FormBuilder
5 Les composants et services
- Directives : selectors, inputs, outputs, cycle de vie, providers
- Composants : templates, styles, directives, pipes
- Visibilité des composants
- Services, injectable
6 Observable et rxJs
- Présentation
- Observable et rxJs
- EventEmitter dans Angular 2+
7 Le routing
- Concepts de routage
- Router providers et config
- Router directives
- Méthodes de routage et paramètres
8 HTTP
- HTTP providers
- Requêtes
- Transformation des données et observables
- Options de requêtes
9 Les tests
- Migration
- Composants Angular
- ng-upgrade : coexistence des différentes versions
- ng-forward.
📌 Informations pratiques
Nos formations sont offertes à Montréal ou Québec, en présentiel ou en classe virtuelle. Les dates et lieux sont précisés lors de votre choix de session ci-dessous. Si vous avez des questions, consultez notre FAQ.