Participants

Cette formation s’adresse aux développeurs connaissant les Web Forms, ou à des chefs de projets souhaitant avoir une vue d’ensemble de la création d’applications Web basées sur NET 5 avec Visual Studio 2019.

Prérequis

Bonne connaissance du langage HTML, des feuilles de styles CSS, de JavaScript, de Visual Studio et du langage C#. Expérience requise.

Profils : Chef de projet, responsable technique, Developpeur .NET, Developpeur WEB

Équivalence : Cours WEF

Objectifs

• Rappel des règles générales d’architecture applicative.
• Comprendre les concepts d'architecture MVC d’une application Web.
• Savoir mettre en œuvre le comportement serveur avec les contrôleurs, actions, filtres et APIs REST.
• Savoir développer une interface utilisateur Web responsive et dynamique pour manipuler des données.
• Savoir créer et mettre en œuvre une base de données relationnelle avec EntityFramework Core.

Travaux pratiques

• Ateliers permettant de concevoir les différentes parties, étape par étape, d’une application Web type manipulant des données (affichage et édition avec validations) avec de l’authentification basée sur une gestion d’utilisateurs.

Introduction

• Rappel des principaux concepts d’une application Web (protocole HTTP, répartition des opérations et échanges de données entre le navigateur et l’application, techniques de conception d’une interface Web HTML5)..
• Rappels des règles générales d’architecture applicative (concepts SOLID).
• Intérêt et mise en œuvre du modèle d’architecture MVC pour une application WEB.
• Principe du modèle MVC en ASP NET5 (contrôleurs, actions et filtres).
• Mise en œuvre de ce modèle MVC avec le système de routage d’Urls.
• Organisation de l’application (arborescence, démarrage, configuration de l’environnement et des services).
• Principe et mise en œuvre de l’injection de dépendances.

Développement front

• Rappel des différentes techniques de conception d’une interface Web HTML5, CSS3 et JavaScript (DOM).
• Conception d’une interface responsive avec Bootstrap.
• Rendre une page dynamique avec JavaScript, jQuery et Ajax.

Entity Framework Core

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

Gestion des utilisateurs

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

Blazor

• Aperçu comparatif des outils et des principaux Frameworks Web disponibles.
• Concepts (WebAssembly ou Serveur) et mise en œuvre de Blazor.
• Conception de composants Blazor en Web Assembly et en serveur.
• Découverte et intégration de composants existants.
• Techniques d’optimisation (virtualisation, isolation CSS et Lazy loading de composants).
• Interactions avec du JavaScript pour interagir avec les API standard (Canvas, Local storage, etc.)