AVERTISSEMENT : Suite aux mises à jour entreprises par Microsoft dans le cadre de .NET 8 & Blazor United, une partie des vidéos est en train d'être tournée à nouveau avec les nouveaux templates et les nouvelles spécifications. Tout ce que vous apprendrez dans les vidéos de ce cours reste valide, mais le cours est en pleine mise à jour, il se peut que certains éléments changent au fur et à mesure de votre visionnage.

Bienvenue dans ce cours complet sur Blazor avec .NET 8 ! Au cours de cette formation, vous découvrirez tous les aspects de Blazor, depuis les fondamentaux jusqu'aux fonctionnalités avancées. Nous explorerons les trois variantes de Blazor, à savoir Blazor Web App, WebAssembly autonome et Hybrid avec MAUI, pour vous offrir une compréhension complète de ce framework de développement web moderne.

Nous commencerons par les bases de Blazor, y compris la création d'un projet, la mise en place de la structure des composants, la gestion des événements, la liaison de données et la création de composants. Nous examinerons également les outils et les fonctionnalités que .NET 8 met à notre disposition pour faciliter la création d'applications web avec Blazor. Nous y aborderons notamment la possibilité de mettre en commun les composants pour les utiliser dans des projets Blazor utilisant différents modèles d'hébergement. Après ce premier module, vous réaliserez votre premier projet en autonomie : le nombre magique !

Nous passerons ensuite aux fonctionnalités avancées de Blazor, telles que le cycle de vie, la création de services, la gestion de l'authentification et de l'autorisation, la mise en place de la sécurité, la communication avec JavaScript, les appels API et bien plus.

Nous explorerons en détails la variante Web App de Blazor en faisant un focus sur le fonctionnement serveur, qui utilise SignalR pour la communication entre le serveur et le client. Vous découvrirez comment configurer un serveur Blazor et comment gérer la communication entre le client et le serveur, ainsi que toutes les subtilités de Blazor Server.

Nous aborderons ensuite la variante WebAssembly de Blazor, qui permet d'exécuter du code C# directement dans le navigateur. Vous découvrirez comment configurer un projet Blazor WebAssembly et comment gérer les performances de votre application. Nous y découvrirons également la possibilité de compresser les projets avec la compilation en AOT (Ahead Of Time).

Enfin, nous verrons en détails la variante Hybrid de Blazor avec MAUI, qui permet de créer des applications mobiles multiplateformes avec .NET. Vous découvrirez comment créer une application hybride Blazor avec MAUI et comment utiliser les fonctionnalités spécifiques à MAUI pour créer une expérience utilisateur mobile native.

Tout au long de ce cours, nous améliorerons un projet en trois applications de gestion de photos :

  • Une application Blazor Web App avec l'interactivité serveur, qui servira d'interface d'administration des photos uploadées dans le système
  • Une application Blazor WebAssembly, qui servira de visionneuse des photos disponibles sur le système, ouverte à tout le monde
  • Une application Blazor Hybrid avec MAUI, qui servira d'utilitaire pour les photographes afin de pouvoir uploader leurs photos prises avec leur device et gérer leur portfolio

En bref, ce cours complet sur Blazor avec .NET 8 vous fournira toutes les connaissances et les compétences nécessaires pour créer des applications web et mobiles modernes et performantes avec Blazor.

Voir plus

Contenu du cours

13 sections ·  93 leçons  · 15h31min

 Introduction générale
6:50
 Les différentes variantes de Blazor
17:22
 Le projet que nous allons créer dans ce cours !
6:54
 Créer un projet Blazor avec Visual Studio 2022
11:53
 Créer un projet Blazor avec le CLI (ligne de commandes)
9:06
 Composant statique et StreamRendering : le Server-Side-Rendering à la loupe
11:17
 L'abandon de l'attribut
 Le fonctionnement de l'interactivité en mode Auto
11:32
 Découverte de Blazor Hybrid avec MAUI
14:48
 Librairie de composants Blazor - Composant statique
11:58
 Librairie de composants Blazor - Stream rendering
13:45
 Librairie de composants Blazor - Composant interactif
7:50
 Ajouter un composant routable dans la librairie
13:01
 Application Blazor Server en interactivité globale
7:20
 Application Blazor WebAssembly autonome
10:27
 Énoncé
5:22
 Corrigé - part 1
16:30
 Corrigé - part 2
7:26
 Introduction au cycle de vie
8:01
 OnInitialized - Serveur
13:43
 OnInitialized - WASM, Auto & Hybrid
13:23
 Les paramètres (routing & composant)
11:33
 OnParametersSet
10:35
 OnAfterRender
14:38
 SetParametersAsync & BuildRenderTree
12:02
 Dispose
6:18
 TP PhotoExplorer - Énoncé
4:07
 TP PhotoExplorer - Corrigé (partie 1)
7:16
 TP PhotoExplorer - Corrigé (partie 2)
14:24
 La navigation optimisée en Blazor Web App .NET 8
7:30
 Navigation statique (composant NavLink)
7:51
 Introduction aux services
11:32
 Durée de vie des services (Transient & Singleton)
12:42
 Services : Le cas particulier de Scoped
11:20
 Fondamentaux du NavigationManager
13:24
 Fonctionnalités avancées de la navigation
15:38
 Déterminer la variante de Blazor dans un composant
9:42
 Appels HTTP (WASM & Hybrid)
14:33
 Appels HTTP (Blazor Web App)
7:57
 Énoncé
4:15
 TP PhotoExplorer v2 - Corrigé (partie 1)
10:27
 TP PhotoExplorer v2 - Corrigé (partie 2)
11:17
 Introduction aux formulaires
10:02
 La gestion côté serveur des formulaires
9:50
 La validation avec les attributs du framework
12:43
 L'utilisation du package FluentValidation
10:30
 Les différents types de champs de saisie
9:56
 Comprendre le data-binding
7:35
 Un cas spécial : InputFile
8:47
 Introduction
7:00
 Corrigé TP (part 1)
15:20
 Corrigé TP (part 2)
13:16
 Corrigé TP (part 3)
8:25
 Gérer la configuration (Blazor Web App)
7:16
 Gérer la configuration (Blazor WASM)
8:44
 Gérer la configuration (Blazor Hybrid)
7:44
 Créer un composant templatisable
8:27
 Créer un composant templatisable générique
6:41
 Gérer les erreurs de rendu
7:46
 Interop JavaScript
9:27
 Appeler C# depuis JavaScript
11:18
 Découper son code JavaScript en modules
8:02
 Faire cascader un paramètre dans la hiérarchie
8:18
 Énoncé
3:34
 Corrigé (partie 1)
10:00
 Corrigé (partie 2)
7:00
 Corrigé (partie 3)
10:09
 Corrigé (partie 4)
11:09
 Réaliser le TP avec une application Android
 Configuration du fournisseur d'identité (Auth0)
10:11
 Configuration de l'application Blazor WASM Autonome
9:37
 Authentification (Blazor WASM autonome)
8:14
 Déconnexion (Blazor WASM autonome)
6:37
 Récupérer les informations de l'utilisateur (toutes les variantes)
3:29
 Configuration de l'application Blazor Server (interactivité serveur globale)
11:22
 Authentification (Blazor Server)
6:26
 Déconnexion (Blazor Server)
10:18
 Authentification (Blazor Auto - côté serveur)
23:58
 Authentification (Blazor Auto - côté client)
11:07
 Authentification (Blazor Hybrid)
14:46
 Partage des informations de login entre MAUI et Blazor
3:53
 Déconnexion (Blazor Hybrid)
5:13
 Appeler une API sécurisée depuis Blazor (problématique)
12:26
 Appeler une API sécurisée depuis Blazor (solution)
12:10
 Ajouter une information personnelle au token
12:17
 Gestion des droits dans le token
8:19
 Énoncé
8:23
 Modifications et ressources
10:07
 Corrigé - Explorer (Blazor WASM)
9:23
 Corrigé - Manager (Blazor Server) - Partie 1
11:49
 Corrigé - Manager (Blazor Server) - Partie 2
12:13
 Corrigé - Mobile (Blazor Hybrid) - Partie 1
12:30
 Corrigé - Mobile (Blazor Hybrid) - Partie 2
20:27
Voir les 8 autres sections

Avis sur le cours

1
5.00
5
(1)
4
3
2
1

Débutant Niveau:  Débutant
Vidéos: 93
Durée:  15h31min
Certificat de réussite
167.00€
Voir les prix entreprise
Nombre d'employés
1
167.00€ HT
Bénéficiez de 10% de réduction pour 2 accès jusqu'à 30% pour 6 accès ou + (hors cours en promotion)
Voir les prix particulier