Formation Angular 2 à 16 – Développement d’applications Web

  • Référence : OPS006B
  • Durée : 21 heures
  • Certification : Non
  • Eligible CPF : Non

CONNAISSANCES PREALABLES

  • Avoir une bonne connaissance des langages du Web comme HTML, CSS et JavaScript

PROFIL DES STAGIAIRES

  • Cette formation Angluar s'adresse aux Développeurs et chefs de projets

OBJECTIFS

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

METHODES PEDAGOGIQUES

  • 6 à 12 personnes maximum par cours, 1 poste de travail par stagiaire
  • Remise d’une documentation pédagogique papier ou numérique pendant le stage
  • La formation est constituée d’apports théoriques, d’exercices pratiques et de réflexions

METHODES D'EVALUATION DES ACQUIS

  • Auto-évaluation des acquis par le stagiaire via un questionnaire
  • Attestation de fin de stage adressée avec la facture

FORMATEUR

Consultant-Formateur expert Développement Internet

CONTENU DU COURS Développement Internet

1 - Jour 1 - Matin

    2 - Architecture, installation et premier test

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

    3 - TypeScript

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

    4 - Rôle majeur des composants

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

    5 - Exemples de travaux pratiques (à titre indicatif)

    • Création d’une application et analyse du code généré
    • Avec Angular CLI, création d’une application et analyse du code généré, modification des composants
    • Ajout de formulaires d’affichage et de saisie en utilisant FormsModule et FormBuilder
    • Appel asynchrone à des API externes, intégration à un service Angular

    6 - Jour 1 - Après-midi

      7 - Une première application Angular

      • Démarrer "from scratch" avec Angular CLI
      • Création d’un premier projet

      9 - Les templates

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

      10 - Les services

      • Création de services
      • Injection de services

      11 - 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 des services
      • Ajout des tables de routage dans l’application Angular
      • Utilisation d’un outil de test

      12 - Jour 2 - Matin

        13 - Les formulaires

        • Création de formulaires avec : Le FormsModule
        • Validation et gestion des erreurs

        15 - Jour 2 - Après-midi

          16 - Rôle de RxJS (Reactive extensions for JavaScript)

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

          17 - Travail avec HTTP

          • Le service HTTP
          • Communication avec une API en asynchrone

          19 - Jour 3 - Matin

            20 - Le routage

            • Les différentes versions du module de routage
            • Fonctionnement du routage
            • Configurer des routes et utiliser les directives

            22 - Jour 3 - Après-midi

              23 - Les "standalone components"

              • Présentation du concept des composants autonomes
              • Les avantages de l’utilisation de composants autonomes
              • Présentation des meilleures pratiques pour créer et utiliser des composants autonomes

              24 - Les tests

              • Présentation de Jasmine et Karma
              Cookies