Angular : développer des applications Web

Présentation
Intervenants
Prochaines sessions
Pré-inscription

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.

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

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

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é.e physiquement du/de la formateur.trice et des autres participant.e.s. 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, vous réalisez une auto-évaluation de vos connaissances et compétences en lien avec les objectifs de la formation. L’écart entre les deux évaluations permet ainsi de mesurer vos acquis.

Public & Prérequis

Cette formation s’adresse aux concepteur.trice.s/développeur.euse.s.

Prérequis :

Connaître les notions fondamentales de la création de pages web HTML,
Maîtriser un langage de programmation (C#, Java, C++, PHP, JavaScript, Python).

Titre obtenu

Vous recevez une attestation de suivi de cours CPI Formations à la fin de cette formation, pour autant que votre taux de présence atteigne 80%.

Intervenant

Intervenant.e de la formation

Professionnel.le de l'informatique et de la pédagogie

Intervenant.e de la formation

Professionnel.le de l'informatique et de la pédagogie

La formation est animée par un.e professionnel.le 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/Elle est en veille technologique permanente et possède plusieurs années d’expérience sur les produits, technologies et méthodes enseignés. Il/Elle est présent.e auprès des stagiaires pendant toute la durée de la formation.