Cours : Développement d'applications Web ASP.NET Core
Dans ce cours, les développeurs Web professionnels apprendront à développer des applications ASP.NET Core MVC avancées à l'aide d'outils et de technologies .NET.
L'accent sera mis sur les activités de codage qui améliorent les performances et l'évolutivité de l'application du site Web.
ASP.NET Core - Développement Web avancé - Programmation avec .NET Core - Visual Studio et ASP.NET - Cours intensif de développement Web - Applications évolutives et sécurisées
Adressé à
Ce cours s'adresse aux développeurs web professionnels utilisant Microsoft Visual Studio, en individuel ou en équipe, quelle que soit leur taille. Les candidats souhaitent développer des applications web avancées et maîtriser le rendu HTML. Ils souhaitent créer des sites web séparant l'interface utilisateur, l'accès aux données et la logique applicative. Le développement côté serveur utilisera le langage C# et constitue un excellent complément à notre cours de programmation C# (M55339A). Le développement côté client utilisera JavaScript, CSS et HTML5.
Objectifs de la formation
- Comprendre la pile technologique Web Microsoft et choisir la technologie à utiliser lors de la création d’une application.
- Concevoir une application Web qui répond à un ensemble d’exigences commerciales et fonctionnelles.
- Créez un site Web à l'aide d'ASP.NET Core Razor Pages.
- Utilisation du middleware et de l'injection de dépendances dans les applications ASP.NET Core MVC.
- Utilisez des contrôleurs dans une application MVC pour gérer l’interaction utilisateur, les modèles et les vues.
- Créez des applications Web qui utilisent le routage ASP.NET Core pour fournir une hiérarchie de navigation logique.
- Créez des vues pour afficher et modifier des données dans une application MVC.
- Créez des modèles MVC qui implémentent la logique métier dans les méthodes, les propriétés et les événements.
- Accédez à une base de données à partir d’une application ASP.NET Core à l’aide d’Entity Framework Core.
- Concevez et créez une apparence cohérente pour une application Web.
- Utilisez du code JavaScript pour implémenter la logique côté client afin d’améliorer la réactivité d’une application Web ASP.NET.
- Utilisez une chaîne d’outils de développement pour gérer les packages côté client.
- Créez des tests unitaires et utilisez des outils de débogage pour une application Web dans Visual Studio.
- Utilisez des bibliothèques d’authentification et d’autorisation pour gérer l’identité et permettre aux utilisateurs d’accéder au contenu en toute sécurité.
- Concevez des applications Web sécurisées et protégées contre les attaques courantes.
- Améliorez les performances des applications Web en implémentant la mise en cache.
- Autoriser la communication asynchrone bidirectionnelle entre le client et le serveur à l'aide de SignalR.
- Ajoutez des API Web à une application pour prendre en charge la communication inter-applications.
Contenu du cours : Développement d'applications Web ASP.NET Core
Module 1 : Découverte d'ASP.NET Core
Les technologies web Microsoft ASP.NET Core vous aident à créer et héberger des applications web dynamiques, puissantes et extensibles. ASP.NET Core est un framework open source multiplateforme basé sur .NET qui vous permet de créer des applications web. Vous pouvez développer et exécuter des applications web ASP.NET Core sur Windows, macOS, Linux ou toute autre plateforme compatible. ASP.NET Core prend en charge un cycle de développement agile et piloté par les tests. Il vous permet également d'utiliser les dernières normes HTML et frameworks front-end comme Angular, React, etc.
Leçons
Présentation des technologies Web de Microsoft
- Introduction aux pages Razor dans ASP.NET Core
- Présentation d'ASP.NET Core MVC
Après avoir terminé ce module, les étudiants seront capables de :
- Comprendre la variété des technologies disponibles dans la pile Web Microsoft.
- Décrivez les différents modèles de programmation disponibles pour les développeurs dans ASP.NET.
- Décrivez le rôle d’ASP.NET Core dans la pile technologique Web et comment utiliser ASP.NET Core pour créer des applications Web.
Module 2 : Conception d'applications Web ASP.NET Core
Microsoft ASP.NET Core est un modèle de programmation permettant de créer des applications web puissantes et complexes. Cependant, tous les projets de développement complexes, et en particulier les projets d'envergure, peuvent être complexes et difficiles à appréhender. Sans une compréhension complète des objectifs d'un projet, il est impossible de développer une solution efficace au problème d'un client. Il est essentiel de savoir identifier les besoins métier, puis de prendre des décisions technologiques et de planifier l'application web pour y répondre. La phase de planification rassure les parties prenantes quant à la compréhension de leurs exigences et permet de communiquer aux développeurs les fonctionnalités, l'interface utilisateur, la structure et le stockage des données de l'application web.
Leçons
- Méthodologies de développement
- Planification dans la phase de conception du projet
- Choisir entre Razor Pages et MVC
- Conception de modèles, de contrôleurs et de vues.
Après avoir terminé ce module, les étudiants seront capables de :
- Planifiez l’architecture globale d’une application Web ASP.NET Core MVC et prenez en compte des aspects tels que la gestion de l’état.
- Planifiez les modèles, les contrôleurs et les vues nécessaires pour mettre en œuvre un ensemble donné d’exigences fonctionnelles.
Module 3 : Utilisation des pages Razor et du middleware
ASP.NET Core est un framework permettant de créer de nombreux types d'applications. Dans ce module, nous examinerons d'abord plus en détail les pages Razor d'ASP.NET, un moyen rapide de créer une application web sans la complexité du modèle MVC. Nous aborderons ensuite le middleware, particulièrement important dans le contexte du pipeline de requêtes ASP.NET Core, qui permet potentiellement de gérer plusieurs requêtes distinctes de manière totalement différente et de recevoir des réponses distinctes. Vous apprendrez à exploiter le framework ASP.NET Core pour gérer les requêtes et les réponses via des middlewares existants et personnalisés, et à configurer des services pour une utilisation dans le middleware et dans d'autres parties de l'application, comme les contrôleurs. Nous aborderons également les services : des classes qui exposent des fonctionnalités utilisables dans différentes parties de l'application. Ceci est possible sans avoir à suivre manuellement la portée à chaque emplacement ni à instancier les dépendances, grâce à l'injection de dépendances. L'injection de dépendances est une technique utilisée par ASP.NET Core qui nous permet d'ajouter des dépendances à notre code sans avoir à nous soucier d'instancier des objets, de les conserver en mémoire ou de transmettre les dépendances nécessaires.
Leçons
- Utilisation des pages de rasoir
- Configurer le middleware
- Configurer les services
Après avoir terminé ce module, les étudiants seront capables de :
- Créez une application Web simple à l'aide de Razor Pages.
- Utilisez le middleware existant pour configurer une application ASP.NET Core.
- Comprendre les principes de base de l’injection de dépendances et comment elle est utilisée dans ASP.NET Core.
Module 4 : Développement des pilotes
ASP.NET Core MVC est un framework permettant de créer des applications web utilisant le modèle d'architecture Modèle-Vue-Contrôleur (MVC). Le contrôleur est principalement responsable du traitement d'une requête web en interagissant avec le modèle, puis en transmettant les résultats à la vue. Le modèle représente la couche métier et peut inclure des objets de données, la logique applicative et les règles métier. La vue utilise les données reçues du contrôleur pour générer le code HTML ou tout autre résultat renvoyé au navigateur. Dans ce module, nous nous concentrerons sur le développement de contrôleurs, des classes spécialisées essentielles aux applications MVC. Comprendre leur fonctionnement est essentiel pour créer les objets de modèle appropriés, les manipuler et les transmettre aux vues appropriées. Les contrôleurs disposent de plusieurs méthodes appelées « actions ». Lorsqu'une application MVC reçoit une requête, elle détermine quel contrôleur et quelle action doivent la traiter. Elle utilise le routage URL (Uniform Resource Locator), un autre concept essentiel au développement d'applications MVC. Nous verrons également comment optimiser la réutilisation du code dans les contrôleurs en écrivant des filtres d'action.
Leçons
- Écriture de contrôleurs et d'actions
- Configurer les itinéraires
- Filtres d'action d'écriture
Après avoir terminé ce module, les étudiants seront capables de :
- Ajoutez un contrôleur à une application Web qui répond aux actions de l’utilisateur spécifiées dans la conception du projet.
- Ajoutez des itinéraires au moteur de routage ASP.NET Core et assurez-vous que les URL sont faciles à utiliser dans une application Web MVC.
- Écrivez du code dans des filtres d’action qui s’exécutent avant ou après une action du contrôleur.
Module 5 : Développer des points de vue
Les vues sont l'un des trois principaux composants du modèle de programmation Modèle-Vue-Contrôleur (MVC). Vous définissez l'interface utilisateur de votre application web en créant des vues ; une combinaison de balisage HTML et de code C# exécutée sur un serveur web. Pour créer une vue, vous devez savoir écrire du balisage HTML et du code C#, et utiliser les différentes classes d'assistance intégrées à MVC. Vous devez également savoir créer des vues partielles et des composants de vue, qui représentent des sections de code HTML réutilisables dans votre application web. Nous examinerons également de plus près la syntaxe du balisage Razor pour l'intégration de code .NET dans les pages web.
Leçons
- Création de vues avec la syntaxe Razor
- Utilisation de l'aide HTML et de l'aide sur les balises
- Réutilisation du code dans les vues
Après avoir terminé ce module, les étudiants seront capables de :
- Créez une vue MVC et ajoutez-y le balisage Razor pour afficher les données aux utilisateurs.
- Utilisez des assistants HTML et des assistants de balises dans une vue.
- Réutilisez le balisage Razor à plusieurs emplacements dans une application.
Module 6 : Développement de modèles
La plupart des applications web interagissent avec différents types de données ou d'objets. Une application e-commerce, par exemple, gère les produits, les paniers, les clients et les commandes. Une application de réseau social permet de gérer les utilisateurs, les mises à jour de statut, les commentaires, les photos et les vidéos. Un blog permet de gérer les articles, les commentaires, les catégories et les balises. Lorsque vous développez une application web Modèle-Vue-Contrôleur (MVC), vous créez un modèle MVC pour modéliser les données de votre application web. Dans ce modèle, vous créez une classe de modèle pour chaque type d'objet. Cette classe décrit les propriétés de chaque type d'objet et peut inclure une logique métier alignée sur les processus métier. Le modèle est donc un composant fondamental d'une application MVC. Nous aborderons également la validation des saisies utilisateur.
Leçons
- Création de modèles MVC
- Travailler avec des formulaires
- Valider la saisie de l'utilisateur
Après avoir terminé ce module, les étudiants seront capables de :
- Ajoutez un modèle à une application MVC et écrivez du code pour implémenter la logique métier.
- Utilisez des annotations de données pour la visualisation et l’édition.
- Validez la saisie utilisateur avec des annotations de données.
Module 7 : Utilisation d'Entity Framework Core dans ASP.NET Core
Les applications web nécessitent souvent un magasin de données pour les informations dynamiques, par exemple pour créer une application web qui évolue en permanence en fonction des saisies utilisateur, des actions administratives et des événements. Le magasin de données est généralement une base de données, mais d'autres types de magasins de données sont également utilisés. Dans les applications Modèle-Vue-Contrôleur (MVC), vous pouvez créer un modèle implémentant la logique d'accès aux données et la logique métier. Vous pouvez également séparer la logique métier de la logique d'accès aux données en utilisant une classe de référentiel qu'un contrôleur peut utiliser pour lire ou écrire dans un magasin de données sous-jacent. Pour développer une application ASP.NET, vous pouvez utiliser les technologies Entity Framework Core (EF Core) et LINQ (Language Integrated Query), qui rendent le code d'accès aux données très rapide à écrire et facile à comprendre. Dans ce module, vous découvrirez comment créer un site web piloté par base de données en ASP.NET Core avec Entity Framework.
Leçons
- Introduction au noyau d'Entity Framework
- Travailler avec Entity Framework Core
- Utilisation des fournisseurs de bases de données Entity Framework Core
Après avoir terminé ce module, les étudiants seront capables de :
- Connectez une application à une base de données pour accéder aux données et les stocker.
- Expliquez EF Core.
- Travailler avec Entity Framework Core.
Module 8 : Utilisation des mises en page, CSS et JavaScript dans ASP.NET Core
Lors de la création d'applications web, il est essentiel d'assurer une apparence cohérente. Cela inclut généralement des sections d'en-tête et de pied de page, ainsi que des contrôles de navigation cohérents dans toutes les vues. Microsoft ASP.NET Core utilise pour cela des modèles spécifiques appelés « mises en page », ainsi que des feuilles de style en cascade (CSS) pour améliorer l'apparence et l'ergonomie de votre application web. Vous pouvez également créer des éléments HTML interactifs en JavaScript pour intégrer du code côté client à votre application web, ainsi que des bibliothèques JavaScript côté client.
Leçons
- Utiliser des designs
- Utilisation de CSS
- Utilisation de JavaScript
Après avoir terminé ce module, les étudiants seront capables de :
- Appliquez une conception cohérente aux applications ASP.NET Core MVC.
- Ajoutez du code JavaScript à votre application Web.
- Utiliser des feuilles de style CSS.
Module 9 : Développement côté client
Lors de la création d'une application, il est important de savoir développer du code côté client et côté serveur. Dans ce module, vous découvrirez les outils côté client qui vous permettront de créer des applications web complexes à toute échelle, notamment l'utilisation du framework CSS Bootstrap pour styliser votre application web. Vous apprendrez à utiliser Sass, un préprocesseur CSS qui ajoute des fonctionnalités similaires au code, telles que des variables, des règles imbriquées et des fonctions, améliorant ainsi la maintenabilité des feuilles de style CSS complexes. Vous découvrirez les principes du responsive design qui vous permettront d'adapter votre application web aux capacités du navigateur ou de l'appareil grâce aux media queries CSS et à l'utilisation d'un système de grille responsive. Vous apprendrez ensuite à configurer l'exécuteur de tâches Gulp et à l'utiliser pour compiler les fichiers Sass pendant la construction, ainsi que pour effectuer le regroupement et la minification des fichiers CSS et JavaScript. Vous apprendrez également à configurer une tâche d'observation pour compiler automatiquement les fichiers Sass au fur et à mesure de l'écriture de votre code. Enfin, nous présenterons le framework Blazor pour la création d'interfaces utilisateur web interactives côté client avec .NET.
Leçons
- Conception Web réactive
- Utilisation d'outils de développement front-end
- Regard sur ASP.NET Core Blazor
Après avoir terminé ce module, les étudiants seront capables de :
- Utilisez Bootstrap et SASS dans une application Microsoft ASP.NET Core.
- Utiliser des outils de développement front-end.
- Assurez-vous qu'une application Web s'affiche correctement sur des appareils avec différentes tailles d'écran.
- Comprendre les applications ASP.NET Core Blazor.
Module 10 : Tests et dépannage
Le processus de développement logiciel génère inévitablement des erreurs de codage ou des bugs qui provoquent des exceptions, des comportements inattendus ou des résultats incorrects. Pour améliorer la qualité de votre application web et offrir une expérience utilisateur optimale, vous devez identifier les erreurs, quelle qu'en soit la source, et les éliminer. Dans le développement logiciel traditionnel, les testeurs effectuent l'essentiel des tests à la fin d'un projet. Cependant, ces dernières années, il est largement admis que les tests tout au long du cycle de vie du projet améliorent la qualité du code et réduisent considérablement le nombre de bugs dans les logiciels de production. Il est essentiel de savoir tester chaque composant individuellement pour garantir son bon fonctionnement avant de les assembler dans une application web complète. Il est également important de savoir gérer les exceptions lorsqu'elles se produisent et de les gérer correctement afin de fournir un retour d'information pertinent à l'utilisateur, sans divulguer d'informations sur la structure de l'application. Enfin, grâce à la journalisation à l'échelle de l'application, vous pouvez surveiller les activités des utilisateurs susceptibles d'entraîner des problèmes inattendus et résoudre les problèmes de production en traçant les flux au sein de l'application.
Leçons
- Test des principales applications ASP.NET
- Mise en œuvre d'une stratégie de gestion des exceptions
- Enregistrement des applications ASP.NET Core
Après avoir terminé ce module, les étudiants seront capables de :
- Exécutez des tests unitaires pour vérifier votre code et localiser les erreurs potentielles.
- Créez une application Microsoft ASP.NET Core qui fournit une gestion robuste des exceptions.
- Dans l'inscription à l'application pour vos solutions.
Module 11 : Gestion de la sécurité
Les applications web sont généralement diffusées via un navigateur web, sur l'Internet public, à un grand nombre d'utilisateurs. La sécurité doit donc toujours être une priorité lors du développement de ces applications, car, outre les utilisateurs légitimes, elles seront exposées à des tiers malveillants. Les utilisateurs peuvent avoir un accès anonyme ou une identité enregistrée, et vous devez déterminer quels utilisateurs peuvent effectuer quelles actions. L'authentification consiste à établir l'identité d'un utilisateur, tandis que l'autorisation est le processus par lequel un utilisateur déjà authentifié obtient l'accès à des actions ou des ressources spécifiques. L'autorisation permet d'empêcher les utilisateurs d'accéder à des contenus, informations et ressources sensibles destinés à un autre utilisateur, ou de les empêcher d'effectuer certaines actions. Les coûts des failles de sécurité peuvent être très élevés, entraînant des pertes de données, des poursuites judiciaires et une atteinte à la réputation. Par conséquent, dans la dernière section, nous examinerons certaines attaques malveillantes spécifiques, telles que les scripts intersites et les injections SQL, et comment s'en protéger.
Leçons
- Authentification dans ASP.NET Core
- Autorisation dans ASP.NET Core
- Se défendre contre les attaques courantes
Après avoir terminé ce module, les étudiants seront capables de :
- Ajoutez une authentification de base à votre application.
- Configurer l’identité Microsoft ASP.NET Core.
- Ajoutez une autorisation de base à votre application.
- Comprendre comment fonctionnent les exploits de sécurité et comment s’en défendre au mieux.
Module 12 : Performance et communication
Les applications web modernes doivent pouvoir répondre rapidement à un grand nombre de requêtes utilisateur en un temps record. La mise en cache permet de stocker les requêtes courantes, évitant ainsi d'avoir à répéter la même logique. Cela offre un temps de réponse rapide à l'utilisateur et réduit les ressources système utilisées pour exécuter la logique d'action. Grâce à diverses formes de gestion d'état, vous pouvez créer des applications avec état sur des protocoles web sans état, fournissant des réponses adaptées aux contextes utilisateur individuels au sein d'une même application. Enfin, SignalR est une API de communication bidirectionnelle facile à utiliser, qui est une abstraction de plusieurs protocoles de communication web. Elle permet de créer une logique côté serveur pour envoyer du contenu à des applications web basées sur un navigateur en temps réel.
Leçons
- Mise en œuvre d'une stratégie de mise en cache
- État gestionnaire
- Prise en charge de la communication bidirectionnelle
Après avoir terminé ce module, les étudiants seront capables de :
- Implémenter la mise en cache dans une application Microsoft ASP.NET Core.
- Utilisez les technologies de gestion d’état pour améliorer l’expérience client en offrant une expérience utilisateur cohérente.
- Implémentez une communication bidirectionnelle à l'aide de SignalR, permettant au serveur d'avertir le client lorsque des événements importants se produisent.
Module 13 : Implémentation des API Web
La plupart des applications web nécessitent une intégration avec des systèmes externes. Les services REST (Representational State Transfer) permettent de réduire la charge applicative et de limiter la quantité de données transmises entre les systèmes client et serveur grâce à des standards ouverts. Vous devez savoir exposer une API web implémentant les services REST dans votre application ASP.NET. Vous devez également savoir appeler une API web en utilisant du code côté serveur et côté client pour utiliser des API web externes de type REST.
Leçons
- Présentation des API Web
- Développer une API Web
- Appel d'une API Web
Après avoir terminé ce module, les étudiants seront capables de :
- Créez des services à l’aide de l’API Web ASP.NET Core.
- Appelez une API Web à partir du code côté serveur.
- Appelez une API Web à partir du code côté client.
Prérequis
Ce cours s'adresse aux développeurs Web professionnels, il est donc recommandé d'avoir :
- Expérience antérieure en développement web avec les technologies Microsoft.
- Connaissance pratique de C#, car le développement côté serveur est effectué à l'aide de ce langage.
- Connaissance de HTML5, CSS et JavaScript pour le développement côté client.
- Expérience d’utilisation de Microsoft Visual Studio dans des environnements individuels ou en équipe.
- Idéal comme suite du cours 55339A - Programmation en C#.
Langue
- Cours : Anglais
- Laboratoires : anglais
