ANGULAR

Formation certifiante - Code CPF 83 841 - 4 jours (28 heures)

Formations en présentiel

Formations Blended - Learning

Formations E-learning Tutoré

Présentiel

Blended - Learning

E-learning tutoré

A l'issue de la formation, les stagiaires seront capables de :

  • Comprendre comment Angular est différent de Framework de développement web traditionnels
  • Coder à l’aide de nouvelles fonctionnalités linguistiques ES6 et TypeScript
  • Développer une application à partir de zéro en utilisant Angular
  • Explorer le codage Angular et l’architecture des meilleures pratiques
  • Comprendre et utiliser les formes Angular, Observables, injection de dépendance et de routage
  • Récupérer, mettre à jour et supprimer des données en utilisant le service de Http Angular
  • Test unitaire de toutes les parties d’une application Angular, y compris les modules, composants, services et Pipes
  • Mettre à niveau une application existante de AngularJS à Angular au fil du temps
  • Créer, construire et déployer une application Angular à l’aide de la CLI Angular
  • Développer de formes dynamiques basées sur des modèles et faciliter les tests

La formation Angular est accessible à toute personne ayant des connaissances en JavaScript. Connaître HTML et CSS est un plus.

Des exercices, des études de cas, des QCM et des tours de table permettent au formateur d’évaluer l’atteinte des objectifs ainsi que la progression du stagiaire à différents moments de la formation.
La validation de toutes les compétences requises est obligatoire pour l’obtention d’un BADGE ou d’un Certificat. L'obtention du Certificat est validé par la réalisation et la présentation d'un projet devant un jury.

  • Toute personne ayant des connaissances en développement WEB et souhaitant maîtriser le développement d’application WEB avec Symfony et PHP orienté objet
  • Informaticiens et développeur applicatif souhaitant maîtriser les techniques pour développer PHP orienté objet et le Framework Symfony
  • Toute personne souhaitant élargir ses compétences sur les missions liées à la fonction de développement WEB orienté objet avec PHP et Symfony

PROGRAMME DE FORMATION

ANGULAR

Introduction

  • Nouveautés JavaScript : ES7,ES8, ES9,ES10
  • ES10 et les modules
  • TypeScript

Bases du framework

  • Comprendre la philosophie du framework
  • Templating
  • Angular CLI, un outil pour tout générer

Nouveautés d’Angular

  • Ng add / ng update : configuration & migration automatique
  • Build avec le compilateur Bazel
  • Angular Elements
  • Angular Material + CDK Components
  • Animations Performance : au revoir polyfill
  • Déclarer les services avec Dependency Injection : Tree Shakable Providers
  • Progressive Web App (PWA)
  • Versions : RxJS 6 & Support de TypeScript 3.1
  • Ivy

Composant

  • Web Components
  • Décorateurs Angular
  • Property binding, envoyer des données au composant
  • Event binding, événements personnalisés
  • Cycle de vie

Atelier Cas pratique

Directives

  • Directive : fonctionnement et création
  • Les directives fournies par Angular
  • Attribute directives
  • Structural directives
  • Directives complexes

Modules

  • Déclarations d’un module: imports et exports
  • Les providers d’un module
  • Différents types de modules : bonnes et mauvaises pratiques

Pipes

  • Les transformateurs fournis
  • Formater une chaîne
  • Formater des collections
  • Utiliser un pipe comme un service

Services, Communication Intercomposants Services

  • Les services fournis
  • Injection de service

Atelier Cas pratique

Injection de dépendances (IOC)

  • Principes
  • Configurer son application
  • L’injection de dépendances : type-based et hiérarchique
  • Différents types de providers

Router

  • RouterModule: Configuration des routes et URLs
  • Définitions des routes, liens et redirection, paramètres
  • Hiérarchies de routes
  • Vues imbriquées
  • Cycle de vie (Routing lifecycle)

Reactive Programming, Communication Serveur Observables

  • Introduction à RxJS
  • Le concept d’Observable
  • Principales opérations sur les observables
  • Lien avec les promesses

Atelier cas pratique

Échange avec un serveur

  • Requêtes HTTP
  • Communication avec une API
  • Afficher des données externes
  • Afficher des données asynchrones avec AsyncPipe
  • API REST de test

Formulaire

  • Créer un formulaire
  • Template-driven forms
  • ngModel
  • Reactive forms
  • Validation et erreurs
  • Observateurs
  • Validateurs, requête POST

Atelier cas pratique

Performance

  • Astuces, bonnes pratiques & outils
  • Découverte des différentes stratégies de compilation
  • Tester de performance

Concepts avancés

  • Animations
  • Injection de dépendances avancée (IoC)
  • Requêtes HTTP vers une API REST

Atelier cas pratique

Allez plus loin

Développez vos compétences

Financement avec le CPF via

le site MonCompteFormation

POUR TOUTE DEMANDE DE RENSEIGNEMENT OU DE DEVIS