Formation Angular

Angular : développer des applications Web

à distance

Dans cette formation, vous apprendrez à industrialiser, structurer et optimiser vos développements d’applications Web JavaScript en utilisant le framework Angular et le langage TypeScript.

icon Contenu

Introduction

  • HTML5 et JavaScript
  • Principes et architecture d’une Single Page Application
  • Comparaison AngularJS/Angular
  • Outils et installation

Démarrer un projet

  • Utilisation de NodeJS
  • Langage TypeScript et outils associés
  • Modules et dépendances
  • Mise en place d’un serveur de développement

Structure du projet Angular

  • Fichiers de configurations
  • Modules, import, export et provider
  • Intégration de librairie externe CSS ou JavaScript
  • Scripts et outils de construction/packaging

Composants et templates

  • Application et composant
  • Template et expressions
  • Data Binding
  • Gestion d’événements
  • Directives de structure
  • Pipes et formatage

Formulaires

  • Lier le formulaire au modèle
  • Valider les champs
  • Gérer les erreurs
  • Regroupement d’items
  • Création de formulaire dynamique (ReactiveForm)

Navigation dans l’application

  • Principe des routes
  • Module Router
  • Configuration des routes
  • Navigation dans l’application

Services

  • Injections de dépendances
  • Créer des services injectables
  • Structurer ses services
  • Visibilité des fonctions

Communication avec le serveur

  • Requêtes AJAX avec le module HTTP
  • Programmation réactive pour manipuler la requête
  • Objets « observable »
  • Filtrer et transformer les données avec RxJS

Notions avancées sur les composants

  • Créer des composants réutilisables
  • Communication inter-composants
  • Paramétrage @Input et @Output
  • Manipuler le DOM avec @ViewChild
  • Stratégies de détection du changement
  • Gestionnaire d’états @ngxs
  • Structurer son code en modules

Tester l’application

  • Présentation du framework de test
  • Ecriture de tests unitaires
  • Scénario de tests d’intégration
  • Exécution des tests

[Option] Material Design

  • Configuration du projet pour Material
  • Présentation des composants
  • Intégration des principaux composants
  • Personnalisation du thème

[Option] Internationalisation

  • L’API i18n d’Angular
  • Attributs i18n et attributs personnalisés
  • Gestion des singuliers et pluriels
  • Création de fichiers de traduction

Travaux pratiques

  • Création d’une application bancaire de gestion de comptes et de clients
    • Mise en place du projet
    • Création d’un premier composant
    • Ajout d’un formulaire de création d’un nouveau client
    • Mise en place de la navigation dans l’application
    • Création de services métiers de persistance locale
    • Connexion de l’application à un service Web REST
    • Création de composants personnalisés réutilisable

icon Compétences visées

  • Installer et configurer un projet Angular
  • Créer des composants d’application réutilisables
  • Collecter des données utilisateurs avec des formulaires simples et des formulaires dynamiques
  • Mettre en place la navigation dans l’application
  • Structurer les traitements avec des services et mettre en œuvre les mécanismes d’injection de dépendances
  • Échanger des données avec le serveur
  • Synchroniser des traitements avec les objets Observable
  • Traduire une application en plusieurs langues
  • Intégrer des composants de la librairie Material
  • Ecrire des tests unitaires et des tests d’intégration

icon Méthodologie

Depuis votre domicile ou votre entreprise. Vous rejoignez un environnement de formation en ligne, à l’aide de votre ordinateur, tout en étant éloigné physiquement du formateur et des autres participants. Vous êtes en totale immersion avec le groupe et participez à la formation dans les mêmes conditions que le présentiel.

En début et en fin de formation, les stagiaires réalisent une auto-évaluation de leurs connaissances et compétences en lien avec les objectifs de la formation. L’écart entre les deux évaluations permet ainsi de mesurer leurs acquis.

icon Public & Prérequis

Cette formation s’adresse aux concepteurs/développeurs.

Prérequis :

icon Titre obtenu

Vous recevez une attestation de suivi de cours CPI Formations à la fin de cette formation.

Intervenant

Formateur informatique

Intervenant de la formation

Professionnel de l'informatique et de la pédagogie
Formateur informatique

Intervenant de la formation

Professionnel de l'informatique et de la pédagogie

La formation est animée par un professionnel de l’informatique et de la pédagogie, dont les compétences techniques, professionnelles et pédagogiques ont été validées par des certifications et/ou testées et approuvées par les éditeurs et/ou notre équipe pédagogique. Il est en veille technologique permanente et possède plusieurs années d’expérience sur les produits, technologies et méthodes enseignés. Il est présent auprès des stagiaires pendant toute la durée de la formation.

Prochaine session

icon Dates

icon Prix

icon Lieu

Dates
06/12/2021 – 10/12/2021
inscriptions ouvertes
35 périodes de 60 minutes (5 jours de formation)

⌚ Horaire : 9h00 – 17h30

Prix
CHF 2'950
Lieu
À distance
Détails

icon Planifiez votre propre session.

Vous êtes une entreprise ? Vous êtes un particulier ? Nous nous tenons à votre disposition pour étudier la mise en place d'une formation sur mesure adaptée à vos besoins.

Plus d'informations link icon

Angular : développer des applications Web

Questions et pré-inscription

Claudia vous conseille et répond à vos questions sur ce cours

026 305 27 64 link icon
claudia.magne@cpi.ch link icon