Formation Blazor et les WebAssembly

Objectif opérationnel :

Savoir exploiter Blazor pour élaborer des applications modernes utilisant les technologies du web.

Objectifs pédagogiques :

A l’issue de cette formation Blazor, vous serez en mesure de :

• Connaître les différentes approches de développement avec Blazor
• Développer des applications Web modernes en utilisant le C# côté serveur et client
• Utiliser EntityFramework CodeFirst pour l’accès aux données
• Déployer des applications Blazor sur tout type de plate-forme

Cette formation Blazor s’adresse aux développeurs maîtrisant la programmation orienté objet, développeurs d’applications d’entreprise et chefs de projet. De préférence dans les technologies Microsoft.

Pour suivre ce cours Blazor, il est important de disposer de bonnes connaissances en programmation orienté objet, d’avoir des notions dans les technologies du web (HTML, Javascript…), ainsi qu’un minimum de connaissances dans le langage C#.

Présentation de ASP.NET Core Blazor

• Introduction Architectures Tour d’horizon des technologies Web chez Microsoft Blazor WebAssembly ou Blazor Server ? Code partagé en .NET Standard L’aspect Multiplateform Les différents modèles d’hébergement

Travaux Pratiques

Discussion autour de l’architecture et du projet fil rouge

Les fondamentaux de ASP.NET Core

• L’injection de dépendance Le routage La configuration Logging La gestion des erreurs Gestion des différents environnements Utilisation de SignalR

Travaux Pratiques

Mise en place d’une application simple type ToDo Liste

Les Composants de Blazor

• La syntaxe Razor Classes partielles ou @code Les Paramètres Utilisation du RenderFragment Le contexte de synchronisation Utilisation de @ref et de @key Rendu HTML brut Razor templates

Travaux Pratiques

Utilisation de composants dans la ToDoList

Formulaires et validation avec Blazor

• Tour d’horizon des composants de formulaires Utilisation des attributs DataAnnotation Le DataBinding La validation métier côté client et serveur

Travaux Pratiques

Ajout de la possibilité de créer et modifier les tâches de la ToDoList

Gestion de la sécurité avec Blazor

• La gestion de l’authentification en Blazor client et serveur Exposition de l’utilisateur par les paramètres en cascade La gestion des autorisations en Blazor Utilisation du composant AuthorizeView

Travaux Pratiques

Ajout de la fonctionnalité de partage des tâches de la ToDoList

Routage et navigation

• Les modèles de routes Contenu par défaut si aucune route n’est trouvée Contraintes et paramètres de routage Les composants de routage Service et méthodes pour la navigation

Travaux Pratiques

Mise en place d’une page d’accueil avec navigation vers les différentes parties de l’application

Interaction avec JavaScript

• Appel Javascript depuis le code Csharp Reference entre composants Appel Csharp depuis du JavaScript

Travaux Pratiques

Création d’un composant de type timeline en JS

Déploiement

• Les modèles d’hébergements Progressive Web Application (PWA) Déploiement avec IIS Déploiement sous Linux Le cas des fermes web

Travaux Pratiques

Deploiement de l’application sous Windows ou Linux

Web API coté serveur

• Introduction et architecture MVC Les Contrôleurs Les méthodes d’action basées sur les verbes HTTP Les attributs de routage La gestion des erreurs La gestion du formatage

Travaux Pratiques

Création de la partie Back de l’application de ToDoList

Accès aux données avec EFCore

• Présentation de EntityFramework Core Différences avec EF6 Création d’un contexte Récupération des données Mise à jour des données La gestion des transactions La migration

Travaux Pratiques

Création de la repository et du CRUD de l’application

ASP.NET Core est la plate-forme de Microsoft pour la création d’applications riches utilisant les composants modernes liés à Internet.

Développé par Microsoft, Blazor est un framework Web open source gratuit, qui permet aux développeurs de créer des applications Web en utilisant C # et HTML.
Une application Blazor peut interagir avec JavaScript, pour par exemple appeler des fonctions JavaScript à partir des méthodes .NET.

À la différence de Blazor Server, dans Blazor WebAssembly, toute l’application s’exécute côté client. Le C# est donc exécuté dans le client sur la machine et non plus sur un serveur.