Création d’applications Web avec Angular 2

Formation #2324 - 4 jours

Au cours de cette formation sur Angular 2, vous allez apprendre à concevoir des applications réactives de qualité professionnelle capables de s’intégrer parfaitement à des appareils mobiles ou des ordinateurs de bureau. Angular 2 propose un framework robuste qui permet de développer facilement des applications interactives pouvant s’exécuter sur différentes plateformes. Cette formation va vous apprendre concrètement à concevoir une application complète avec Angular 2 : développement des composants, création des directives, modularisation des applications avec le routage des composants et création de formulaires pilotés par les modèles.

  • Créer des applications Angular 2 multi-plateformes (téléphone, tablettes, ordinateur de bureau)
  • Développer des composants en utilisant TypeScript, les modèles et les décorateurs
  • Utiliser des services REST avec les observateurs
  • Modulariser les applications avec le routage
  • Ajouter des éléments interactifs avec les gestionnaires d’événements puissants d’Angular 2
  • Récupérer et valider les données saisies dans les formulaires avec les modèles

  • Concevoir une application couplée de façon souple avec Dependency Injection
  • Créer des applications multi-onglets en utilisant le routage Component
  • Interagir avec un service REST à l’aide de Observables
  • Construire des formulaires générés à partir de modèles
  • Créer des vues maître-détail
  • Automatiser des tests avec Angular CLI et Karma

À tous ceux qui veulent développer des applications robustes et compatibles avec toutes les plateformes à l’aide du framework Angular 2 : programmeurs, développeurs de logiciels et d’applications Web ou mobiles.

Vous devez avoir une expérience de développement Web avec JavaScript du niveau de la formation 2319, JavaScript : Développement Web pour les appareils modernes. Des connaissances du langage HTML et de CSS vous seront utiles. Vous n’êtes pas obligé de suivre la formation 2321, Création d'applications Web avec AngularJS, pour participer à cette formation.

Vue d'ensemble de l'architecture

  • Simplifier le développement des applications modernes complexes
  • Structure des applications Angular 2
  • Gérer plusieurs appareils clients
  • Configurer un environnement de développement Angular 2
  • Intégrer le composant Boostrap à votre première application Angular 2

Familiarisation avec TypeScript

  • Convertir TypeScript en JavaScript
  • Développer une application avec TypeScript

Définition des composants

  • Structure d’un composant
  • Présentation de la hiérarchie des composants
  • Déclarer des métadonnées avec le décorateur @Component
  • Contrôler la génération de code HTML5 avec les modèles
  • Afficher les données répétitives avec *ngFor
  • Génération conditionnelle du contenu du DOM

Techniques et stratégies de débogage

  • Interpréter les messages d’erreur du framework
  • Parcourir la hiérarchie des composants avec Augury

Réduction de la complexité du code avec l'injection de dépendances

  • Principes de l’injection de dépendances
  • Développer des applications à couplage faible
  • Configurer des fournisseurs et déclarer les éléments à injecter
  • Valider les dépendances avec les métadonnées du fournisseur

Organisation des stratégies de test

  • Tests unitaires / Tests d’intégration
  • Utiliser des composants Angular factices
  • Lancer des tests asynchrones avec les fonctions fléchées ES6

Outils de fournisseurs tiers

  • Définir les tests avec Jasmine
  • Automatiser les tests avec Karma et la ligne de commande d’Angular
  • Définir et lancer un test Protractor

Coordonner les interactions entre les composants

  • Transmettre des données du parent à l’enfant avec les liaisons Input
  • Écouter les changements de propriétés avec ngOnChanges
  • Lier un modèle pour afficher les données avec l’interpolation

Gestion des événements

  • Détecter les interactions avec l’utilisateur et déclencher une action
  • Capturer les événements des navigateurs
  • Envoyer des événements personnalisés pour déclencher une action

Création d’applications modulaires

  • Contrôler le flux de l’application avec le routage des composants
  • Répartir les fonctionnalités de l’application entre les hiérarchies de composants
  • Paramétrer les routes pour la navigation dynamique

Manipulation des données avec les pipes

  • Mettre en forme les dates à afficher
  • Additionner les pipes pour combiner les fonctionnalités
  • Filtrer les données avec des pipes personnalisés

Affichage et récupération des données

  • Développer des formulaires avec ngFormModel et FormBuilder
  • Créer un formulaire à partir d’un objet métier
  • Liaison bidirectionnelle (two-way binding) entre les contrôles des saisies et le modèle de données

Validation des saisies dans le formulaire

  • Utiliser HTML5 et la validation personnalisée
  • Afficher les messages d'erreurs pour les utilisateurs

Réactivité de l’application

  • S’abonner à des observateurs
  • Convertir les types de données du flux avec la fonction de mappage Observable
  • Optimiser la détection des modifications avec les objets immuables et onPush

Interactions avec un service Web REST

  • Récupérer les données avec l’objet HTTP
  • Envoyer les données de manière asynchrone avec POST
  • Appeler différentes méthodes HTTP
  • Gérer les erreurs et les exceptions
  • Ajouter des fonctionnalités au DOM
  • Créer une directive personnalisée pour ajouter des styles
  • Animer les éléments

Sessions planifiées

Appelez le 01 49 68 53 00 ou inscrivez-vous en ligne en sélectionnant une date ci-dessous :

7 mars 2017 - 2220 €
Paris - AnyWare
30 mai 2017 - 2220 €
Paris - AnyWare
10 octobre 2017 - 2220 €
Paris - AnyWare
19 décembre 2017 - 2220 €
Paris - AnyWare

Inscription sans risque : pas de paiement à l'avance, réglement jusqu'à 30 jours après la formation, satisfaction garantie ou vous ne payez pas la formation.

Financez votre formation

Le financement de votre formation ne doit pas être un obstacle. Nos conseillers vous aiderons dans vos démarches avec les OPCA par exemple.
Profitez également de la réduction Return to Learn qui récompense les participants ayant déjà suivi une formation Learning Tree.
Pour en savoir plus, cliquez ici.

Votre formation à distance et en direct !

Sans frais supplémentaires, depuis tout lieu possédant une connexion Internet, connectez-vous en temps réel et en direct à une session dispensée par nos formateurs grâce à AnyWare™, la plateforme de formation en distanciel de Learning Tree.

Intra-entreprise

Organisez cette formation Learning Tree sur votre lieu de travail avec notre solution intra-entreprise.

Demander un devis

Notre catalogue

Vous souhaitez parcourir toute notre offre de formation ultérieurement ?

Téléchargez notre catalogue

Suivez une formation Learning Tree et profitez des avantages de SUPINFO International University !

Pour toute formation que vous aurez suivi chez Learning Tree, SUPINFO International University vous offre pendant un an le statut Advanced Member d'une valeur de 250€.
Ce statut privilégié vous permettra de profiter de ressources pédagogiques sélectionnées par SUPINFO :

* Services disponibles prochainement.