APPLICATION FULLSTACK AVEC ANGULAR ET WEB API

Formation certifiante - Code CPF 94 009 - 5 jours (35 heures)

Formations en présentiel

Formations Blended - Learning

Formations E-learning Tutoré

Présentiel

Blended - Learning

E-learning tutoré

Accueil  >  Les métiers du numérique  >  Microsoft.NET  >  Application Fullstack avec Angular et Web API

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

  • Comprendre la conception des applications à une seule page et comment Angular facilite leur développement
  • Détacher correctement les couches de modèle, de vue et de contrôleur de votre application et mettez-les en œuvre à l’aide de Angular
  • Construire des forms avec Angular
  • Appliquer élégamment Ajax dans vos applications Angular
  • Écrire des directives Angular
  • Test d’unité et test de bout en bout de votre application Angular
  • Créer des services personnalisés avec Angular
  • Comprendre l’architecture API Web et comment elle diffère de WCF
  • Implémenter des services HTTP à l’aide de Web API et Visual Studio
  • Consommer des services HTTP en utilisant à la fois jQuery et la bibliothèque client ASP.NET Web API
  • Gérer différents formats de médias et des variations de contenu dans les services API Web
  • Comprendre le routage et la liaison dans l’API Web
  • Effectuer la validation des données de demande

La formation Application Fullstack avec Angular et Web API est accessible à toute personne ayant :

  • Une connaissance approfondie de C #, du Framework.NET, Visual Studio
  • De bonnes connaissances en SQL Server, entiry Framework, LINQ

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.

  • Développeur informatique et Ingénieur d’étude
  • Architecte système et logiciel
  • Chef de projet et consultant Informatique

PROGRAMME DE FORMATION

APPLICATION FULLSTACK AVEC ANGULAR ET WEB API

Pourquoi Angular ? 

  • Expérience utilisateur similaire à une application de bureau
  • Productivité et Outillage
  • Performance
  • Communauté
  • Framework complet
  • Plateforme pour cibler le Mobile natif, pas seulement les navigateurs Web

Comprendre les versions Angular  

  • AngularJS (Angular 1.x)
  • Angular 8

Caractéristiques d’Angular    

  • Le moteur de rendu génère du code plus simple
  • Syntaxe ngIf améliorée
  • TypeScript 2.1
  • Vitesse améliorée du compilateur
  • Angular Universel

Principes fondamentaux de TypeScript et ECMAScript 6 (ES6)      

  • Les classes
  • Modules ES
  • Scoping à l’aide des mots-clés Let et Const
  • Paramètres de syntaxe REst
  • Décorateurs (programmation orientée par JavaScript)

Syntaxe de modèle

  • HTML dans les modèles
  • Syntaxe du binding
  • Binding de propriété
  • Binding d’événement
  • DataBinding bidirectionnelles
  • Attributs, classe et style
  • Directives intégrées
  • Variables d’entrée de modèle
  • Les directives NgSwitch
  • Variables de référence du modèle
  • Propriétés d’entrée et de sortie
  • Opérateurs d’expression de modèle
  • Pipe (|)
  • Opérateur de navigation sécurisé (?.)

Composants

  • Communication entre les composants

Prestations de service

  • Utilisation des services pour accéder aux données
  • Utilisation d’un service pour encapsuler la logique métier
  • Utilisation d’un service pour configurer votre application
  • Utilisation d’un service pour l’enregistrement

Injection de dépendance

  • Comprendre l’injection de dépendance
  • Le système d’injection de dépendance de Angular
  • Enregistrement
  • Injection

Formulaires basés sur un modèle 

  • NgSubmit Directive
  • FormsModule
  • NgForm, NgModel et NgModelGroup Directives

Directives de validation  

  • Affichage des messages de validation
  • Appliquer un style aux messages de validation

Communiquer avec le serveur en utilisant le service http  

  • Faire un choix entre Prolmises ou Observables (RxJS)
  • Faire des Requêtes Http GET
  • Faire des Requêtes Http POST et PUT
  • Faire des Requêtes Http DELETE
  • WebSockets

Routeur      

  • Importation du module router
  • Configuration des routes
  • Navigation avec RouterLink et RouterLinkActive Directives ou le Router
  • Accès aux paramètres via ActivedRoute
  • Organiser votre code dans les modules

Introduction à l’API Web ASP.NET 

  • API Web ASP.NET
  • Rest
  • REST et Web API
  • Services HTTP utilisant l’API Web
  • Utilisation de Fiddler
  • Web API vs. WCFs

API Web et http  

  • Codes de réponse HTTP
  • HttpResponseException
  • Mise en œuvre de POST
  • Mise en œuvre de PUT
  • Implémentation de DELETE

Formatage de médias et négociation de contenu  

  • Types de médias Internet
  • Media Formaters
  • JSON et XML Formatters
  • Négociation du contenu
  • Accepte et les en-têtes de type contenu
  • Utilisation de la chaîne de requête
  • En-têtes de requête personnalisée
  • Serialisation

Clients JavaScript 

  • Document Object Model
  • JQuery et AngularJS
  • Envoi de demandes AJAX
  • Mise en œuvre d’un client

Binding, validation et routage  

  • Lecture de requêtes HTTP brutes
  • Données d’itinéraire, chaîne de requêtes et corps de demande
  • Reliure aux types simples
  • Reliure aux types complexes
  • Validation à l’aide des annotations de données
  • Routage dans ASP.NET Web API
  • Utilisation des itinéraires par défaut

Comment faire des appels Web AJAX Web avec le service $ http  

  • Avec et sans corps de demande
  • Fonctions de réussite et d’erreur
  • Promises et gestion des erreurs asynchrones

Test unitaire  

  • Introduction à Jasmine
  • Test Suites
  • Comment faire un test unitaire
  • Essais de bout en bout
  • Exécution du test

Allez plus loin

Développez vos compétences

Financement avec le CPF via

le site MonCompteFormation

POUR TOUTE DEMANDE DE RENSEIGNEMENT OU DE DEVIS