Aquantic training - Formation

Angular, maîtriser le Framework Front-End de Google

Icône DuréeDurée

4 jours - 28 heures

Icône EuroPrix

2450 € HT

Icône RéférenceRéférence

AQ-AMFFEG-92

Icône TypeType

🏢 Intra

Public

Cette formation s'adresse aux architectes, développeurs et chefs de projets Web.

Pré-requis

Il est recommandé d'avoir de bonnes connaissances des technologies du Web et des outils modernes de développement Front-End, ainsi que des connaissances préalables en JavaScript.

Objectifs

  • Organiser, modulariser et tester leurs développements JavaScript de manière efficace.
  • Maîtriser les fondamentaux du Framework Angular pour créer rapidement des applications Web complexes.
  • Intégrer les tests unitaires au processus de développement.
  • Appliquer les bonnes pratiques de développement et de mise en production.
  • Mettre en pratique la programmation réactive avec RxJS pour gérer des flux de données asynchrones.

Programme

Module 1 : Développement JavaScript : Rappels

  • Historique et évolution de JavaScript.
  • Bonnes pratiques ECMAScript 5.
  • ES13/ES6/ES2015 : présentation générale.
  • Nouveautés syntaxiques, programmation objet, TypeScript.
  • Modules Loaders : Webpack, "import/export".
  • Travaux pratiques : Mise en œuvre de l'environnement.

Module 2 : Les Fondamentaux d'Angular

  • Structure de l'application, composants, modules.
  • Templates, styles, Angular CLI.
  • Types de binding, directives, formulaires.
  • Programmation réactive avec RxJS.
  • Travaux pratiques : Réalisation d'une application interactive (Exemple du Tchat).

Module 3 : Approfondissement des Composants

  • Cycle de vie des composants, communication entre composants.
  • Inputs, Outputs, internationalisation.
  • Bootstrapping, services, injection de dépendance.
  • Observables, subjects, Modules, RouterModule, SharedModule.
  • Travaux pratiques : Tests dans l'application interactive.

Module 4 : "Routing" et Requête HTTP

  • Requêtes HTTP, intercepteurs, gestion des erreurs.
  • Configuration des routes, RouterLink, RouterLinkActive.
  • Services ActivateRoute et Router, paramètres de routage.
  • Utilisation de QueryParams, Fragment, Imbrication de routes.
  • Travaux pratiques : Intégration des points détaillés dans l'application. Consommation d'une API REST.

Module 5 : Tests Unitaires, Bonnes Pratiques et Outils

  • Configuration de l'environnement de test.
  • Présentation de Karma et de Jasmine.
  • Écriture des tests avec Jasmine, tests d'intégration avec Protractor.
  • Couverture du code, BDD, TDD.
  • Travaux pratiques : Mise en œuvre du Test Driven Development.

Module 6 : Déployer une Application avec Angular

  • Gestion de l'authentification et des habilitations.
  • Application isomorphique, préparation des fichiers pour le déploiement.
  • Commande unique pour préparer les fichiers.
  • Déploiement sur un serveur web, optimisation des fichiers en production.
  • Travaux pratiques : Livraison en production du projet interactif.

Modalités et informations pratiques

Angular, maîtriser le Framework Front-End de Google

Icône DuréeDurée

4 jours - 28 heures

Icône EuroPrix

2450 € HT

Icône RéférenceRéférence

Icône TypeType

Intra

Public

Cette formation s'adresse aux architectes, développeurs et chefs de projets Web.

Pré-requis

Il est recommandé d'avoir de bonnes connaissances des technologies du Web et des outils modernes de développement Front-End, ainsi que des connaissances préalables en JavaScript.

Objectifs

  • Organiser, modulariser et tester leurs développements JavaScript de manière efficace.
  • Maîtriser les fondamentaux du Framework Angular pour créer rapidement des applications Web complexes.
  • Intégrer les tests unitaires au processus de développement.
  • Appliquer les bonnes pratiques de développement et de mise en production.
  • Mettre en pratique la programmation réactive avec RxJS pour gérer des flux de données asynchrones.

Programme

Module 1 : Développement JavaScript : Rappels

  • Historique et évolution de JavaScript.
  • Bonnes pratiques ECMAScript 5.
  • ES13/ES6/ES2015 : présentation générale.
  • Nouveautés syntaxiques, programmation objet, TypeScript.
  • Modules Loaders : Webpack, "import/export".
  • Travaux pratiques : Mise en œuvre de l'environnement.

Module 2 : Les Fondamentaux d'Angular

  • Structure de l'application, composants, modules.
  • Templates, styles, Angular CLI.
  • Types de binding, directives, formulaires.
  • Programmation réactive avec RxJS.
  • Travaux pratiques : Réalisation d'une application interactive (Exemple du Tchat).

Module 3 : Approfondissement des Composants

  • Cycle de vie des composants, communication entre composants.
  • Inputs, Outputs, internationalisation.
  • Bootstrapping, services, injection de dépendance.
  • Observables, subjects, Modules, RouterModule, SharedModule.
  • Travaux pratiques : Tests dans l'application interactive.

Module 4 : "Routing" et Requête HTTP

  • Requêtes HTTP, intercepteurs, gestion des erreurs.
  • Configuration des routes, RouterLink, RouterLinkActive.
  • Services ActivateRoute et Router, paramètres de routage.
  • Utilisation de QueryParams, Fragment, Imbrication de routes.
  • Travaux pratiques : Intégration des points détaillés dans l'application. Consommation d'une API REST.

Module 5 : Tests Unitaires, Bonnes Pratiques et Outils

  • Configuration de l'environnement de test.
  • Présentation de Karma et de Jasmine.
  • Écriture des tests avec Jasmine, tests d'intégration avec Protractor.
  • Couverture du code, BDD, TDD.
  • Travaux pratiques : Mise en œuvre du Test Driven Development.

Module 6 : Déployer une Application avec Angular

  • Gestion de l'authentification et des habilitations.
  • Application isomorphique, préparation des fichiers pour le déploiement.
  • Commande unique pour préparer les fichiers.
  • Déploiement sur un serveur web, optimisation des fichiers en production.
  • Travaux pratiques : Livraison en production du projet interactif.

Modalités et informations pratiques

Sauf indication contraire, le prix indiqué est valable pour une session complète de formation Inter-entreprises dans nos locaux, et par personne. Pauses café offertes. Déjeuner en option. Pour l'adapation d'une formation en Intra-entreprises vous pouvez nous consulter pour établir un devis.

Au démarrage de la session, le formateur échangera avec le(s) stagiaire(s) afin d'effectuer une analyse de leurs attentes, de leurs besoins et de leurs acquis.

  • Apports théoriques et mises en pratique.
  • Chaque point du programme fait l'objet d'une explication théorique appuyée d'une démonstration. Elle est suivie d'une mise en pratique par le biais d'exercices concrets
  • Un ordinateur équipé des logiciels et outils nécessaires à la réalisation de la formation
  • Un formateur possédant plusieurs années d'expérience

Une feuille d'émargement fournie par Aquantic sera signée par les stagiaires à chaque début de session (matin et après-midi). Elle sera transmise avec l'ensemble des documents relatifs à la formation à Aquantic.

  • Une évaluation de la formation sera complétée par le stagiaire au terme de la session.
  • Le formateur évaluera les acquis des stagiaires tout au long de la formation par des mises en situations pratiques.

📝 Pour nous faire part de vos retours, merci de compléter notre formulaire en ligne. 💭 Vos commentaires sont essentiels pour nous améliorer !

Contact

Logo Aquantic