Angular – Développer des applications Web

Référence : T44A-046

Infos pratiques

  • Durée : 5 jours soit 35 heures
  • Population visée : Ouvrier – Employé – Employé qualifié – Cadre – Cadre supérieur
  • Public concerné : Toute personne souhaitant apprendre à industrialiser, structurer et optimiser ses développements d’applications Web JavaScript en utilisant le framework Angular et le langage TypeScript

Programme

Objectifs pédagogiques

A l’issue de cette formation, l’apprenant sera capable de :

  • 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

Pré-requis

  • Connaître les notions fondamentales de la création de pages Web HTML [T448-030]
  • Maîtriser un langage de programmation (C#, Java, C++, PHP, JavaScript, Python)

Objectifs opérationnels et contenu de la formation

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

Méthodes et moyens

 Explications théoriques suivies de pratiques guidées puis de mises en autonomie


Votre formation a lieu en présentiel :

  • 1 vidéoprojecteur par salle
  • 1 ordinateur

Votre formation se déroule à distance avec :

  • 1 ordinateur
  • 1 connexion Internet
  • 1 adresse e-mail valide
  • 1 équipement audio (micro et enceintes ou casque)
  • 1 Webcam (facultatif – dans l’idéal)
  • 1 deuxième écran (facultatif – dans l’idéal)

Votre formation se déroule sur notre plate-forme de formation avec :

  • 1 ordinateur
  • 1 connexion Internet
  • 1 adresse e-mail valide
  • 1 équipement audio (micro et enceintes ou casque - facultatif)

Méthodes d’évaluation des acquis

L’acquisition des compétences de la formation se fait à travers le suivi du formateur tout au long de la formation (séquences synchrones et asynchrones). Elle s’appuie également sur la réalisation d’exercices et de TP. Enfin, des quiz s’ajoutent aux différents outils de validation de l’acquisition des compétences visées.
Une évaluation est systématiquement réalisée par chaque stagiaire, à l’issue de la formation.

Profil formateur

Nos formateurs sont certifiés à l’issue d’un parcours organisé par nos soins. Ils bénéficient d’un suivi de maintien et d’évolution de leurs compétences aussi bien au niveau technique que pédagogique.
Chacun de nos formateurs a bénéficié d’une formation spécifique à l’animation de classe virtuelle et à l’utilisation des solutions de formation à distance du Groupe ARKESYS.

Support stagiaire

À l’issue de la formation, les exercices et travaux pratiques réalisés, leurs corrigés ainsi qu’un support de cours dématérialisé sera fourni à chaque stagiaire par e-mail ou via la plate-forme FOAD.

Accessible à tous

Cette formation est accessible à toute personne en situation de handicap. Notre référent handicap prendra contact avec les stagiaires concernés pour adapter l’animation à leurs besoins et rendre l’apprentissage accessible à tous. Enfin, nos centres de formation sont accessibles aux personnes à mobilité réduite.