Accueil    Formations    Informatique    Langages et développement    Développeur Web HTML 5, CSS 3 et JavaScript    Angular 2 à 13 - Développement d'applications Web

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Objectifs pédagogiques / Compétences visées

  • Utiliser la version 13 du Framework Angular
  • Développer et tester complètement une application
  • Appliquer les bonnes pratiques de développement.

Niveau requis

Connaître des langages Web comme HTML, CSS et JavaScript.

Public concerné

Développeurs et chefs de projets.

Programme

Jour 1 - Matin

Architecture, installation et premier test

  • Architecture typique d'une application Angular
  • Installation minimale d'Angular
  • Test d'un code simple

TypeScript

  • TypeScript : le JavaScript typé
  • Les types, classes et modules
  • L'asynchrone et les promesses

Rôle majeur des composants

  • Définition d'un composant Angular
  • Décorateurs
  • Les vues
  • Le modèle

Exemples de travaux pratiques (à titre indicatif)

  • Création d'une application et analyse du code généré

Jour 1 - Après-midi

Une première application Angular

  • Démarrer "from scratch" avec Angular CLI
  • Création d'un premier projet
Exemples de travaux pratiques (à titre indicatif)
  • Avec Angular CLI, création d'une application et analyse du code généré, modification des composants

Les templates

  • Utiliser l'interpolation
  • Property et event bindings
  • Utiliser des variables locales
  • Utilisation des pipes

Les services

  • Création de services
  • Injection de services

Exemple de travaux pratiques (à titre indicatif)

  • Travaux d'interpolation sur diverses zones d'affichage en relation avec les données métier alimentées via de services

Jour 2 - Matin

Les formulaires

  • Création de formulaires avec :
    • Le FormsModule
    • Le FormBuilder
  • Validation et gestion des erreurs
Exemples de travaux pratiques (à titre indicatif)
  • Ajout de formulaires d'affichage et de saisie en utilisant FormsModule et FormBuilder

Jour 2 - Après-midi

Rôle de RxJS (Reactive extensions for JavaScript)

  • Présentation des flux de données asynchrones
  • Propagation des changements avec RxJS

Travail avec HTTP

  • Le service HTTP
  • Communication avec une API en asynchrone
Exemples de travaux pratiques (à titre indicatif)
  • Appel asynchrone à des API externes, intégration à un service Angular

Jour 3 - Matin

Le routage

  • Les différentes versions du module de routage
  • Fonctionnement du routage
  • Configurer des routes et utiliser les directives
Exemple de travaux pratiques (à titre indicatif)
  • Ajout des tables de routage dans l'application Angular

Jour 3 - Après-midi

Les PWA (Progressive Web Apps)

  • Présentation des Progressive Web Apps
  • Notion de Service Worker
  • Implémentation d'une PWA avec Angular

Les tests

  • Présentation de Jasmine et Karma
Exemple de travaux pratiques (à titre indicatif)
  • Utilisation d'un outil de test

Certification (en option)

  • Prévoir l'achat de la certification en supplément
  • L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
  • Il s'agit d'un QCM dont la durée moyenne est d'1h30 et dont le score obtenu attestera d'un niveau de compétence
  • La certification n'est plus éligible au CPF depuis le 31/12/2021, mais permettra néanmoins de valider vos acquis

Modalités d’évaluation des acquis

  • En cours de formation, par des études de cas ou des travaux pratiques
  • Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Vous souhaitez suivre cette formation ?

Cette formation est disponible en présentiel ou en classe à distance, avec un programme et une qualité pédagogique identiques.

Choisissez la modalité souhaitée pour vous inscrire :

Votre société a besoin d'une offre personnalisée ? Contactez-nous

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.

Contactez-nous