Application Fullstack avec Angular et Web API

5 jours II Code CNCP : 2232 II Certif info : 94009

/Application Fullstack avec Angular et Web API

Ce module enseigne aux développeurs .NET et JavaScript expérimentés comment construire des applications fullstack, y compris des applications Web Angular  sur le front-end et les services RESTful .NET Web API.

Les objectifs de la formation Application Fullstack avec Angular et Web API

A l’issue de la formation « Application fullstack avec Angular et Web API», les apprenants auront les capacités 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
Lien vers site CPF

Les prérequis de la formation Application Fullstack avec Angular et Web API

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

Vous n’avez pas les prérequis nécessaires pour la formation Application Fullstack avec Angular et Web API? Contactez-nous pour étudier ensemble un parcours sur mesure et garantir ainsi la réussite de votre projet.

Lien vers site CPF

Le public de la formation Application Fullstack avec Angular et Web API

La formation certifiante « Application fullstack avec Angular et Web API », s’adresse à tout public salarié, demandeur d’emploi ou en reconversion professionnelle et souhaitant acquérir des compétences en développement Microsoft.Net, notamment Application fullstack avec Angular et Web API.

Lien vers site CPF

0

Certif Info

0

Code CNCP

0

Jours

0

Heures

Contenu de la 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

Une attestation d’assiduité sera délivrée après la validation de toutes les compétences du module Application Fullstack avec Angular et Web API.

Modalités De Formations

APPLICATION FULLSTACK AVEC ANGULAR ET WEB API

Le module APPLICATION FULLSTACK AVEC ANGULAR ET WEB API est disponible en 3 modalités : E-learning tutoré, Blended Learning et en présentiel.

FOAD / E-Learning tutoré

La formation certifiante Application Fullstack avec Angular et Web API est disponible en e-learning tutoré. Vous serez accompagné par un formateur / tuteur tout au long de la formation.

Blended-Learning

La formation certifiante Application Fullstack avec Angular et Web API est disponible en Blended learning. La partie apprentissage se déroule en e-learning, et les projets fil rouge en présentiel.

Présentiel

La formation certifiante Application Fullstack avec Angular et Web API est disponible en présentiel ou en distanciel. La formation sera animée par un formateur à distance ou en classe.

Financement et Éligibilité

de la formation APPLICATION FULLSTACK AVEC ANGULAR ET WEB API

CPF

CPF « Compte Personnel de Formation.

VAE

VAE: Validation des Acquis de l’Expérience.

AIF

AIF : Aide Individuelle à la Formation par Pôle Emploi.

CPF de transition

CPF de transition pour une Reconversion Professionnelle.

Contrat PRO

Contrat d’alternance ou de Professionnalisation.

POEc

Préparation Opérationnelle Emploi Collective.

PDC

Plan de Développement de Compétences de l’entreprise.

AFPR

Action de Formation Préalable à l’Embauche.

POEi

Préparation Opérationnelle Emploi Individuelle.

Besoin d'un