DÉVELOPPEMENT D’APPLICATIONS AVEC ANGULAR

DÉVELOPPEMENT D’APPLICATIONS AVEC ANGULAR

Type(s) : PDE
Prérequis : Avoir des bases en JavaScript
Objectifs : A l’issue de la formation, les participants seront capables de : Expliquer le développement d'une nouvelle application Web Expliquer ce qu'est le Framework Angular, TypeScript et NodeJs Créer une application professionnelle Angular Utiliser les tests unitaires et fonctionnels au développement Optimiser un projet Angular en production
Durée : 5 Jous - 35 Heures

Profil du formateur

Formateur consultant, expert, pédagogue et certifié dans son domaine

Méthode pédagogique

La formation est constituée d’apports théoriques et d’exercices pratiques. Chaque stagiaire dispose d’un poste de travail pour la formation en présentiel, et la gestion en petit groupe (jusqu’à 8 stagiaires) permet un suivi individualisé et adapté. Durant les sessions de formation, un support pédagogique est remis aux stagiaires.

Votre formation est en distanciel

Vous munir : un ordinateur, une connexion internet, une adresse e-mail valide, un équipement audio (micro et enceintes ou casque), une Webcam (facultatif , dans l’idéal) un deuxième écran (facultatif, dans l’idéal)

Suivi, évaluation, sanction

Des tours de table permettent de suivre la progression du stagiaire au fur et à mesure de la formation. Un suivi de la formation est réalisé par une feuille de présence émargée par demi-journée par les stagiaires et le formateur. Un questionnaire de satisfaction et une validation des acquis sont complétés par chaque stagiaire en fin de formation.

Formation sans certification.

Plan du cours

 

Programme

  • Concepts de programmation réactive
  • Angular et RxJS (Reactive Extensions for JavaScript)
  • Comprendre et utiliser les observables et observateurs

Gestion des formulaires

  • Les différentes façons de créer des formulaires : template-driven ou reactive ?
  • Comprendre la gestion du flux de données
  • Valider et gérer les erreurs : considérations pour la sécurité
  • Créer des validateurs personnalisés et les ajouter à un formulaire

Cas pratique : création du module d’administration de notre projet

Communication avec les Webservices

  • Utilisation de l’API REST
  • Gestion des requêtes HTTP avec l’API HttpClient d’Angular

Cas pratique : création et communication avec un WebService Rest

Routing et navigation

  • Vue d’ensemble du routage Angular
  • Déclarer et configurer des routes et URLs
  • La navigation avec routerLink et navigate
  • Gérer les redirections

Cas pratique : ajout des redirections et des navigations nécessaires pour finaliser le site

Tests

  • Configurer l’environnement de test
  • Karma et Jasmine
  • Utiliser Protractor pour des tests end-to-end
  • Les bonnes pratiques pour tester sous Angular

Cas pratique : Tester le projet file rouge

Les nouveautés Angular et concepts avancés

  • Focus sur les nouveautés et changements apportés par Angular 15 et 14
  • UI Design avec Angular Material et le Component Dev Kit (CDK)
  • Composants standalone
  • Les API autonomes
  • Compilation Ahead of Time (AoT)
  • Le lazy-loading

Cas pratique : Optimisation et déploiement du projet File rouge

 

En partenariat avec Global Knowledge.

Nous contacter

AMS Formation (France)
03 83 67 63 05
22 Rue de Medreville
54000 Nancy – France

AMS Formation (Luxembourg)
00 352 26 10 22 58
145, route de Pétange
L-4645 Niederkorn – Luxembourg

ams-formation@ams-training.com

Suivez-nous

Retrouvez toute l'actualité d'AMS Formation sur les réseaux sociaux.