Développement d'applications avec Angular
- Référence ANGULAR
- Durée 5 jour(s)
- Version 15
Modalité pédagogique
Classe inter en présentiel Prix
EUR3,150.00
hors TVA
Demander une formation en intra-entreprise S'inscrireAller à:
Modalité pédagogique
La formation est disponible dans les formats suivants:
-
Classe inter à distance
Depuis n'importe quelle salle équipée d'une connexion internet, rejoignez la classe de formation délivrée en inter-entreprises.
-
Classe inter en présentiel
Formation délivrée en inter-entreprises. Cette méthode d'apprentissage permet l'interactivité entre le formateur et les participants en classe.
-
Intra-entreprise
Cette formation est délivrable en groupe privé, et adaptable selon les besoins de l’entreprise. Nous consulter.
Demander cette formation dans un format différent
Résumé
Haut de pageAngular est le framework créé par Google. Ses dernières versions amènent de nombreuses fonctionnalités, permettant de développer des applications web plus rapidement et de meilleure qualité.
Cette formation permet aux participants d'acquérir les compétences et connaissances nécessaires pour utiliser tous les nouveaux concepts introduits par ce framework.
Mise à jour : 28.06.2023
Prochaines dates
Haut de pagePublic
Haut de pageObjectifs de la formation
Haut de page- Expliquer le développement d'une nouvelle application Web
- Expliquer ce qu'est le Framework Angular, TypeScript et NodeJs
- Créer une application professionnelle Angular
- Utiliser les tests unitaires et fonctionnels au développement
- Optimiser un projet Angular en production
Programme détaillé
Haut de page- Présentation de l’architecture de NodeJs
- Le moteur V8 de Google
- Caractéristiques de NodeJs
- Présentation de Npm
- Présentation de expressJS
Mise en place d’un premier Backend en NodeJS
Le langage TypeScript
- Le typage
- Décorateurs / annotations
- Autres outils : visibilité, statique, abstraction…
Mise en place de l'environnement et Outillage : Cas pratique : Développer et tester une application Angular
Comprendre Angular
- Concepts fondamentaux et vue d’ensemble de l’architecture : composants, services, vues…
- Organisation du code avec les modules : les conteneurs NgModules et l’encapsulation
Cas pratique : création du projet file rouge
Les composants
- Comprendre la notion de Web components du W3C (custom elements, shadow DOM, HTML templates et imports)
- Cycle de vie et structure des Angular components
- Les mécanismes d’interaction entre composants
- Le dataBinding
Cas pratique : création des composants nécessaires pour le projet file rouge
Injection des dépendances
- Retour sur le système d’injection de dépendances
- Les injecteurs et instances dans Angular
- Enregistrer un service : les différentes options
- Les directives de Angular
Cas pratique : création et injection d’un service de type bouchon pour simuler la génération des données dans notre projet
Programmation réactive
- Concepts de programmation réactive
- Angular et RxJS (Reactive Extensions for JavaScript)
- Comprendre et utiliser les observables et observateurs
Gestion des formulaires
- Les différentes façons de créer des formulaires : template-driven ou reactive ?
- Comprendre la gestion du flux de données
- Valider et gérer les erreurs : considérations pour la sécurité
- Créer des validateurs personnalisés et les ajouter à un formulaire
Cas pratique : création du module d’administration de notre projet
Communication avec les Webservices
- Utilisation de l’API REST
- Gestion des requêtes HTTP avec l’API HttpClient d’Angular
Cas pratique : création et communication avec un WebService Rest
Routing et navigation
- Vue d’ensemble du routage Angular
- Déclarer et configurer des routes et URLs
- La navigation avec routerLink et navigate
- Gérer les redirections
Cas pratique : ajout des redirections et des navigations nécessaires pour finaliser le site
Tests
- Configurer l’environnement de test
- Karma et Jasmine
- Utiliser Protractor pour des tests end-to-end
- Les bonnes pratiques pour tester sous Angular
Cas pratique : Tester le projet file rouge
Les nouveautés Angular et concepts avancés
- Focus sur les nouveautés et changements apportés par Angular 15 et 14
- UI Design avec Angular Material et le Component Dev Kit (CDK)
- Composants standalone
- Les API autonomes
- Compilation Ahead of Time (AoT)
- Le lazy-loading
Cas pratique : Optimisation et déploiement du projet File rouge
Pré-requis
Haut de pageAvoir des bases en JavaScript.
Bon à savoir
Haut de pageTout au long de la formation, les participants développeront un projet qui servira de fil conducteur à la formation.
