img

NET, développement full stack d’une application web en .NET 5 – 6

Avec Visual Studio 2022, en langage C#, apprenez à concevoir et réaliser une application web basée sur .NET 5 - 6, aussi bien côté client (HTML5, JavaScript, jQuery, Bootstrap et Blazor) que côté serveur (MVC, REST et Entity Framework Core), avec création/gestion des utilisateurs (authentification).

Bookmark 1 Intervenant 12 Inscrits

Objectifs pédagogiques

À l’issue de la formation, le participant sera en mesure de :

  • Comprendre les concepts inhérents à l'architecture MVC d’une application web
  • Développer une interface web responsive et dynamique pour manipuler des données dans des vues Razor et Blazor
  • Savoir mettre en œuvre le comportement serveur avec les contrôleurs, actions, filtres et APIs REST
  • Savoir créer et mettre en œuvre une base de données relationnelle avec EntityFramework Core
  • Savoir gérer les accès à des pages protégées avec une gestion d’utilisateurs dans une base locale

Public concerné

Développeurs connaissant les Web Forms. Chefs de projets souhaitant avoir une vue d’ensemble de la création d’applications web ASP .NET 5 - 6 avec Visual Studio 2022.

Prérequis

Bonne connaissance de l’environnement .NET avec pratique du langage C#. Connaissance de HTML, CSS et des bases de données relationnelles.

Programme de la formation

Concepts d’une application web

  • Rappels concernant le protocole HTTP et sur la conception d’une interface web en HTML5 et CSS3.
  • Rendre les pages dynamiques (Media Queries, JavaScript et Ajax).
  • Répartition des opérations et échanges de données entre le navigateur et l’application.
  • Introduction aux ASP .NET 5 - 6 (caractéristiques et roadmap).

Travaux pratiques

Tour d’horizon des principaux Frameworks et API web disponibles (Bootstrap, jQuery, Angular, React, Blazor, Canvas, Local storage, Geolocation, etc.).

MVC en NET 5 - 6

  • Rappels des règles générales d’architecture applicative (concepts SOLID).
  • Intérêt du modèle MVC pour une application web.
  • Installation et prise en main de l’environnement de développement .NET 5 - 6(Visual Studio, NET Standard, Nuget, etc.).
  • Organisation de l’application web ASP .NET 5 - 6 (arborescence, démarrage, configuration).
  • Principe du modèle MVC en .NET 5 - 6 (vues Razor, contrôleurs, actions et filtres).

Travaux pratiques

Configuration de l’environnement de développement et création d’une application MVC standard.

Configuration des services

  • Configuration de l’environnement et des services de l’application.
  • Principe et mise en œuvre de l’injection de dépendances.
  • Mise en œuvre de MVC avec le système de routage d’URL.

Travaux pratiques

Configuration des principaux services (gestion des fichiers statiques, du système de routes et des pages d’erreurs), avec aperçu des packages Nuget courants.

Développement front

  • Conception d’une interface responsive avec Bootstrap.
  • Rendre une page dynamique avec JavaScript, jQuery et Ajax.

Travaux pratiques

Manipulations du DOM en JavaScript et jQuery. Intégration de jQuery et Bootstrap à l’application.

Entity Framework Core

  • Prise en main de Entity Framework Core (CodeFirst ou Reverse engineering).
  • Définition du mapping par annotations ou par l’API Fluent.
  • Alimenter la base, extraire des données (requêtage LINQ et navigation entre entités, Lazy Loading ou Include).
  • Mise à jour de données avec des ViewModels.
  • Techniques de migrations de la base.

Travaux pratiques

Créer et manipuler les données d’une base de données avec l’approche CodeFirst.

Gestion des vues/contrôleurs

  • Conception et organisation des vues dynamiques Razor (syntaxe, typage, vues partagées).
  • Mise en œuvre du système de génération des vues à partir d’un contrôleur standard.
  • Réception de paramètres dans les actions avec validations.
  • Réalisation et mise en œuvre de filtres sur les actions.
  • Réalisation et mise en œuvre d’une API web.

Travaux pratiques

Conception de pages dynamiques à partir de vues Razor permettant de réaliser les opérations d’édition de données intégrant du contenu dynamique basé sur Bootstrap, jQuery et un contrôleur API.

Gestion des utilisateurs

  • Rappel des règles de sécurité inhérentes au web (authentification, validations, injection SQL, etc.).
  • Gestion locale d’utilisateurs et de rôles avec Identity.
  • Gestion de sessions.

Travaux pratiques

Mise en œuvre d’une gestion d’utilisateurs permettant de restreindre les accès aux actions nécessitant une authentification et une session afin de gérer une sélection d’articles.

Blazor

Concepts et mise en œuvre de Blazor (WebAssembly ou Serveur).

Conception de composants Blazor.

Techniques d’optimisation (isolation CSS, virtualisation et lazy loading de composants).

Travaux pratiques

Création de composants Blazor avec intégration et échange de données avec une application MVC.

Projet final

Avec Visual Studio 2022, en langage C#, apprenez à concevoir et réaliser une application web basée sur .NET 5 - 6, aussi bien côté client (HTML5, JavaScript, jQuery, Bootstrap et Blazor) que côté serveur (MVC, REST et Entity Framework Core), avec création/gestion des utilisateurs (authentification).

Nous couvrirons les cours suivants:

-.-

Sur 5.0

5stars
(90%)
4stars
(65%)
3stars
(49%)
2stars
(25%)
1stars
(15%)

Formations Recommandées

Informations

Prochaine Session
Date Début : 01/03/2024
Date Fin : 31/03/2024

Mot Clés

Recherche

Nos Formateurs

Newsletter

Abonnez-vous pour plus informations.