Angular

4 jours II Code CNCP : 2226 II Certif info : 83841

/Angular

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.

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
Lien vers site CPF

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.

Lien vers site CPF

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
Lien vers site CPF

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.

FOAD / E-Learning tutoré

La formation certifiante Angular est disponible en e-learning tutoré. Vous serez accompagné par un formateur / Tuteur tout au long de la formation.

Blended-Learning

La formation Angular est disponible en Blended learning. La partie apprentissage se déroule en e-learning, et les projets fil rouge en présentiel.

Présentiel

Le module de formation Angular est disponible en présentiel ou en distanciel. La formation sera animée par un formateur à distance ou en classe.

Financement et Éligibilité

de la formation Angular

CPF

CPF « Compte Personnel de Formation.

VAE

VAE: Validation des Acquis de l’Expérience.

AIF

AIF : Aide Individuelle à la Formation par Pôle Emploi.

CPF de transition

CPF de transition pour une Reconversion Professionnelle.

Contrat PRO

Contrat d’alternance ou de Professionnalisation.

POEc

Préparation Opérationnelle Emploi Collective.

PDC

Plan de Développement de Compétences de l’entreprise.

AFPR

Action de Formation Préalable à l’Embauche.

POEi

Préparation Opérationnelle Emploi Individuelle.

Besoin d'un