Formation Blazor et les WebAssembly

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.

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

Public :

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.

Prérequis :

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