5 jours (35 heures)
Formation certifiante - Code CNCP : 2232 - Certif Info : 94009
- Présentiel
- Blended - Learning
- FOAD / E-learning tutoré
Objectifs
- 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
Prérequis
- 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.
Intervenants
Les contenus pédagogiques sont synchronisés sur les évolutions techniques grâce à notre équipe d’intervenant experts et professionnels du secteur enseigné. Les formateurs qui interviennent pour animer les formations ont une double compétence : compétence informatique et compétence métier (Banque, Assurance, Administration, Santé, Transport).
PROGRAMME DE FORMATION APPLICATION FULLSTACK AVEC ANGULAR ET WEB API
Jour 1 : Introduction aux fondamentaux d'Angular
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)
Jour 2 : Comprendre le développement avancé avec Angular
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
Jour 3 : Comprendre la communication avec Angular
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
Jour 4 : Comprendre les Web service avec ASP.NET
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
Jour 5 : Comprendre l'interconnexion entre Angular et ASP.NET
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 de ce module.
POUR TOUTE DEMANDE DE RENSEIGNEMENT OU DE DEVIS