Article original : Learn Blazor WebAssembly and Web API on .NET 6 by Building a Shopping Cart App
Blazor WebAssembly est un framework d'application monopage pour construire des applications web interactives côté client avec .NET. Il utilise des standards web ouverts sans plugins ni recompilation de code dans d'autres langues.
Nous venons de publier un cours complet sur la chaîne YouTube freeCodeCamp.org qui vous apprendra à utiliser Blazor WebAssembly et Web API sur .NET 6.
Dans ce cours, vous apprendrez étape par étape comment construire une application de panier d'achat. Ce cours fournit également un guide sur la façon d'intégrer une passerelle de paiement dans votre composant Blazor WebAssembly, afin qu'un utilisateur puisse payer pour des produits via votre application en utilisant une carte de débit ou de crédit ou un compte PayPal.
Gavin Lon enseigne ce cours. Gavin est un ingénieur logiciel senior avec plus de 20 ans d'expérience.
Voici toutes les sections couvertes dans ce cours :
- Créer la base de données en utilisant les migrations de base de données EF Core Code First
- Récupérer les données des produits depuis la base de données (composant Web API)
- Créer des classes pour les objets de transfert de données (DTOs)
- Créer la classe ProductRepository (modèle de conception Repository)
- Créer la classe ProductController
- Créer la classe DtoConversion (méthodes d'extension de conversion DTO)
- Afficher les données des produits à l'utilisateur (composant Blazor WebAssembly)
- Afficher les données pour un produit spécifique à l'utilisateur (Web API et Blazor)
- Ajouter un produit au panier d'achat (Web API et Blazor)
- Retirer un produit du panier d'achat (Web API et Blazor)
- Mettre à jour la quantité de produits dans le panier d'achat (Web API, Blazor, interopérabilité JavaScript Blazor)
- Mettre à jour le menu d'en-tête en réponse à un changement d'état du panier d'achat (création d'événements personnalisés dans Blazor)
- Intégration de la passerelle de paiement PayPal dans le composant Blazor
- Remplir dynamiquement le menu de la barre latérale (Web API et Blazor)
- Optimiser le code pour la performance (Web API et Blazor)
- Utiliser la méthode d'extension Include dans la requête LINQ (Web API)
- Fonctionnalité de stockage local de l'utilisateur (Blazor)
Regardez le cours complet ci-dessous ou sur la chaîne YouTube freeCodeCamp.org (6 heures de visionnage).