Développer des applications Angular

Objectifs, programme, validation de la formation

Objectifs

Maîtriser les fonctionnalités clés du framework Angular
Développer des applications Web performantes
Intégrer un projet Angular dans une architecture orientée REST (avec Java ou NodeJS)
Intégrer des tests automatisés

Description, programmation

Introduction – De ?couvrez l’environnement et les principes d’Angular
Pre ?sentation ge ?ne ?rale du de ?veloppement Web et des principales briques
Introduction aux Framework en ge ?ne ?ral et Framework Front-End
Cre ?ation de balises personnalise ?es, les spe ?cifications W3C
Notion de shadow DOM et de template HTML
Installation, NodeJS, NPM, premie ?re application et environnement de de ?veloppement
Quelques de ?finitions sous Angular : Arrow functions, RxJS, Composants, Directives, Pipes, Formulaires, Services, Routage, Promesses, Observables, Asynchronicite ?, etc.
Travaux pratiques : Installation de votre environnement de développement

TypeScript – Appre ?hendez le futur du Web et Angular
Introduction a ? TypeScript
Transpiler ECMAScript
Let, variables locales et constantes
Types et classes
Modules, import et export
Interfaces
Arrow functions
Utiliser les de ?corateurs
ES6 et injections de de ?pendance
ES7 et la gestion de l’asynchronicite ? : await sync

Composants et directives – Ge ?rez-les efficacement
Annotations (@Component et @View)
Vues (templates et styles)
Directives (ngIf, ngFor, ngSwitch…)
Utilisation de composants dans les templates
Travaux pratiques : Ajouter un composant Angular au projet
Travaux pratiques : Afficher “Hello, my name is [VOTRE-NOM]” dans le nouveau composant
Travaux pratiques : Ajouter un INPUT qui va permettre de modifier le nom affiché à l’écran en fonction de la valeur saisie dans le INPUT
Travaux pratiques : Créer un slider d’images avec 2 composants

Pipes – Utilisez les transformateurs fournis ou cre ?ez vos propres pipes
Pipes natifs (uppercase, lowercase, percent, currency…)
Cre ?ation de pipes

Formulaires – Cre ?ez et validez des formulaires avec Angular
Nouvelles me ?thodes de cre ?ation d’un formulaire
Syste ?mes de validation et gestion des erreurs
Cre ?er ses propres validateurs spe ?cifiques
Groupes de contro ?les, objet Control
Travaux pratiques : Créer un formulaire de commande pour un site d’e-commerce

Services et injection de de ?pendances – Mai ?trisez les bonnes pratiques
Services fournis
Cre ?er un service
Annotation Injectable
Providers, injection des services
Travaux pratiques : Créer des Services en ligne de commande
Travaux pratiques : Refactoriser le slider d’images avec le Service

Asynchronicite ? – Formez-vous a ? la programmation re ?active avec Angular
La programmation re ?active : concepts Promesses
Observables
Introduction a ? RxJS

Routage – Mai ?trisez la navigation sous Angular
Concepts de routage
Configuration des routes et URLs
Directives du router
Routes imbrique ?s

Serveurs et communication HTTP – Envoyez et recevez des donne ?es par HTTP
Ajax & Reque ?tes, re ?ponses, communication avec une API
Me ?thodes et parame ?tres http, Promises, Operators
Travaux pratiques : Ajouter une API de récupération des images depuis le réseau pour le Slider

Allez plus loin avec Angular
Exercice/Projet a ? re ?aliser
Introduction aux WebSockets
Ajoutons un peu de se ?curite ? a ? notre projet !
Tests unitaires avec Karma et Jasmine

Niveau de sortie information non communiquée

---

Durée, rythme, financement

Modalités de l'alternance -

Conventionnement Non

Conditions d'accès

Modalités de recrutement et d'admission Connaissance des fondamentaux du Web : HTML5, CSS3 Bonne pratique de la programmation en JavaScript

Niveau d'entrée sans niveau spécifique

Conditions spécifiques et prérequis -

Inscription

Contact renseignement Nduka NZEKA

Téléphone 0973728930

---

Périodes prévisibles de déroulement des sessions

Session débutant le : 01/04/2021

Adresse d'inscription
292 RUE DE BEGLES 33800 Bordeaux

Lieu de formation

---

Organisme de formation responsable