Angular - Développez vos applications JavaScript à base de composants

Référence : 18782-180625-1-ANG

Infos pratiques

  • Durée : 4 jours soit 28 heures
  • Population visée : Ouvrier – Employé – Employé qualifié – Cadre – Cadre supérieur
  • Public concerné : Toute personne souhaitant apprendre à industrialiser, structurer et optimiser vos 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 :

  • Développer une " Single Page Application " en JavaScript avec le framework Angular ;
  • Créez des composants d'application réutilisables.

Pré-requis

  • Maîtriser les langages HTML et CSS, ou idéalement avoir suivi la formation " Maîtriser HTML5 et CSS3 pour créer des pages Web Responsives " ;
  • Maîtriser le langage JavaScript, ou idéalement avoir suivi la formation " JavaScript - Exploiter sa puissance pour dynamiser les applications Web "

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

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

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

Composants et modules

  • Créer des composants réutilisables
  • Communication inter-composants
  • Paramétrage @Input et @Output
  • Structurer son code en modules

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éutilisables

Méthodes et moyens

  • Explications théoriques suivies de pratiques guidées puis mises en autonomie
  • 1 vidéoprojecteur par salle
  • 1 ordinateur par stagiaire

Méthodes d’évaluation des acquis

  • Exercices de synthèse et d’évaluation
  • Evaluation de fin de stage

Profil formateur

Nos formateurs sont certifiés à l’issue d’un parcours organisé par nos soins. Ils bénéficient d’un suivi de compétences aussi bien au niveau technique que pédagogique.

Support stagiaire

  • Support papier ou électronique (dématérialisé)
  • Les exercices d’accompagnement peuvent être récupérés sur clef USB