Angular est un framework d’applications Web open source basé sur TypeScript. Ce framework s’impose déjà comme étant la référence des technologies Web modernes.
Angular
4 jours II Code CNCP : 2226 II Certif info : 83841
Les objectifs de la formation Angular
- Comprendre comment Angular est différent de Framework de développement web traditionnels
- Développer une application à partir de zéro en utilisant Angular
- Explorer le codage Angular et l’architecture des meilleures pratiques
- Comprendre et utiliser les formes Angular, Observables, injection de dépendance et de routage
- Récupérer, mettre à jour et supprimer des données en utilisant le service de Http Angular
- Test unitaire de toutes les parties d’une application Angular, y compris les modules, composants, services et Pipes
- Créer, construire et déployer une application Angular à l’aide de la CLI Angular
Les prérequis de la formation Angular
Les prérequis nécessaires pour la formation Angular sont :
- Maîtriser JavaScript et connaître HTML et CSS est un plus
Vous n’avez pas les prérequis nécessaires pour la formation Angular? Contactez-nous pour étudier ensemble un parcours sur mesure et garantir ainsi la réussite de votre projet.
Le public de la formation Angular
La formation ANGULAR s’adresse à tout public salarié, demandeur d’emploi ou en reconversion professionnelle, notamment :
- Toute personne ayant des connaissances en développement WEB et souhaitant maîtriser le développement orienté objet d’application WEB
- Informaticiens et concepteurs souhaitant maîtriser les techniques pour développer des sites WEB riches et interactif :avec TypeScript et Angular
- Toute personne souhaitant élargir ses compétences sur les missions liées à la fonction de développement WEB orienté objet
0
Certif Info
0
Code CNCP
0
Jours
0
Heures
Contenu de la formation
Angular
Section 1 : Environnement et fondamentaux
- S’initier aux prérequis Angular
- S’initier à Angular
- Découvrir JavaScript ES6
- Comprendre les classes ES6
- Utiliser les fonctions fléchées
- Prendre en main TypeScript
- Créer un projet
- Installer Node.js et npm
- Créer un projet avec la CLI
- Commencer avec Angular
- Afficher la page par défaut
- Définir la structure du projet
- Utiliser les outils de debug des navigateurs
- Travail à faire : Environnement et fondamentaux
- Quiz : Environnement et fondamentaux
Section 2 : Comprendre Angular et ses fonctionnalités
- Mettre en place les modules et les composants
- Créer un composant
- Lier la vue et le contrôleur d’un composant
- Styliser son composant
- Mettre en place les modules
- Les composants dans Angular
- Découvrir les directives et les pipes
- Aborder la notion de directive
- Définir les directives structurelles
- Utiliser les directives d’attribut
- Les directives dans Angular
- Comprendre les pipes
- Créer et configurer des routes
- Créer une navigation
- Ajouter des formulaires
- Découvrir la directive ngModel
- Découvrir les template driven forms et reactive forms
- Aller plus loin avec les reactive forms
- Découvrir les services
- Aborder la notion de service
- Créer un service
- Injecter un service
- Comprendre l’instanciation des services
- Les services
- Utiliser le HttpClientModule
- Découvrir l’API
- Intégrer le service HttpClient
Section 3 : Angular les services et les web services
- Découvrir les web services avec Angular
- Préparer l’environnement de travail
- Préparer le serveur
- Utiliser les fichiers d’exercice
- Comprendre les services
- Aborder RxJS et sa documentation
- Définir un service dans Angular
- Découvrir les web services
- Créer un service
- Comprendre les injections de dépendances et la globalisation
- Utiliser un service dans le projet
- Assimiler les bonnes pratiques des services
- Utiliser les services HTTP et RxJS
- Appréhender le service http
- Utiliser les observables
- Aborder la notion d’attente et le principe asynchrone
- Vérifier la réponse de retour
- Gérer les différences entre la base de données et l’application
- Comprendre les différents types d’appels
- Utiliser la méthode POST
- Utiliser la méthode PUT
- Programmation réactive
- Appréhender les API REST et SOAP
- Afficher les données avec Renderer
- Travail à faire : Angular les services et les web services
- Quiz : Angular les services et les web services
Section 4 : Gérer les états d’application avec Redux et NgRx
- Aborder les états d’application
- Définir la notion d’état
- Connaître les limites des solutions sans pattern
- Découvrir Redux
- Découvrir NgRx
- Quiz I : Gérer les états d’application avec Redux et NgRx
- Mettre en place le store NgRx
- Importer et configurer le store
- Installer des outils de débogage
- Appréhender l’architecture du store
- Typer et initialiser l’état
- Aborder et configurer les actions
- Aborder et créer les reducers
- Dispatcher une action et abonner un composant au store
- Utiliser les dev tools
- Travail à faire : Gérer les états d’application avec Redux et NgRx
Quiz II : Gérer les états d’application avec Redux et NgRx
Section 5 : Mettre en oeuvre un store avancé
- Mettre en oeuvre le store avancé
- Ajouter une payload à l’action
- Modifier un état de type Objet
- Associer reducers et contrainte d’immutabilité
- Modifier l’état via des opérations immutables
- Aborder d’autres contraintes des reducers
- Copier des objets
- Connaître la différence entre shallow copy et deep copy
- Modifier de façon immutable un état avec une profondeur
- Quiz I : Mettre en oeuvre un store avancé
- Employer les effets et les sélecteurs
- Défi – Ajouter une section à l’état
- Solution – Ajouter une section à l’état
- Aborder les effets
- Implémenter l’effet et émettre une nouvelle action
- Ajouter un niveau de profondeur dans l’état
- Découvrir les sélecteurs
- Travail à faire : Mettre en oeuvre un store avancé
- Quiz II : Mettre en oeuvre un store avancé
Section 6 : Angular les tests et le débogage
- Démarrer votre projet Angular
- Utiliser les fichiers d’exercice
- Démarrer avec le projet de base
- Prendre en main les outils nécessaires
- Comprendre les outils et les pratiques du débogage
- Évaluer son code à l’aide d’une source map
- Travailler avec des breakpoints
- Corriger les erreurs d’injection
- Comprendre les décorateurs Angular
- Corriger les décorateurs Angular
- Découvrir d’autres outils pour les développeurs
- Défi – Corriger du code
- Solution – Corriger du code
- Tester les applications Angular
- S’initier aux tests dans Angular
- Découvrir Jasmine et Karma
- Tests unitaires Jasmine
- Tests unitaires Karma
- Préparer les fichiers pour les tests unitaires
- Pratiquer les tests unitaires de base
- Tester les services
- Tester les composants
- Tester un composant
- Effectuer un test end-to-end
- Travail à faire : Angular les tests et le débogage
- Quiz : Angular les tests et le débogage
Une attestation d’assiduité sera délivrée après la validation de toutes les compétences du module Angular.
Modalités De Formations
Angular
La formation certifiante Angular est disponible en 3 modalités : E-learning tutoré, Blended Learning et en présentiel.