Aflați Blazor WebAssembly și Web API pe .NET 6 prin construirea unei aplicații pentru coșul de cumpărături folosind C#. Acest curs oferă, de asemenea, un ghid despre cum să integrați un gateway de plată în componenta dvs. Blazor WebAssembly, astfel încât un utilizator să poată plăti pentru produse prin aplicația dvs. folosind un card de debit sau de credit sau un cont PayPal.
✏️ Gavin Lon a creat acest curs. Vezi canalul lui: https://www.youtube.com/c/GavinLon
💻 Cod: https://github.com/GavinLonDigital/ShopOnlineSolution
⭐️ Resurse ⭐️
🔗 Copiați datele semințelor din GitHub: https://github.com/GavinLonDigital/ShopOnlineSolution/blob/main/ShopOnline.Api/CodeSnippets/OnModelCreating.txt
🔗 Descărcați Visual Studio 2022 pentru Widows (Ediția comunitară): https://visualstudio.microsoft.com/vs/
🔗 Un videoclip pe .NET 6: https://youtu.be/EoDY1MvYVx4
🔗 Descărcați SQL Server 2019: https://www.microsoft.com/en-us/sql-server/sql-server-downloads
⭐️ Conținutul cursului ⭐️
⌨️ (0:00:00) Introducere
⌨️ (0:00:51) Creați baza de date folosind EF Core Code First Database Migrations
⌨️ (0:26:05) Preluați datele produsului din baza de date (componentă API web)
⌨️ (0:30:17) Creați clase pentru obiecte de transfer de date (DTO)
⌨️ (0:36:22) Creați clasa ProductRepository (model de proiectare a depozitului)
⌨️ (0:43:05) Creați clasa ProductController
⌨️ (0:51:08) Creați clasa DtoConversion (metode de extensie de conversie DTO)
⌨️ (0:57:45) Afișați datele despre produs utilizatorului (componenta Blazor WebAssembly)
⌨️ (1:39:59) Afișați datele pentru un anumit produs către utilizator (Web API și Blazor)
⌨️ (2:06:07) Adăugați produsul în coșul de cumpărături (Web API și Blazor)
⌨️ (2:52:40) Eliminați produsul din coșul de cumpărături (Web API și Blazor)
⌨️ (3:14:03) Actualizați cantitatea de produse din coșul de cumpărături (Web API, Blazor, Blazor JavaScript Interoperability)
⌨️ (3:44:01) Actualizați meniul de antet ca răspuns la o modificare a stării coșului de cumpărături (crearea evenimentelor personalizate în Blazor)
⌨️ (4:04:48) Integrarea Gateway-ului de plată PayPal în Componenta Blazor
⌨️ (4:36:03) Populați dinamic meniul din bara laterală (Web API și Blazor)
⌨️ (5:05:44) Optimizați codul pentru performanță (API Web și Blazor)
⌨️ (5:08:26) Utilizați metoda Include Extension în interogarea LINQ (Web API)
⌨️ (5:14:00) Funcționalitatea de stocare locală a utilizatorului (Blazor)
⌨️ (5:35:42) Outro
🎉 Mulțumim susținătorilor noștri Campion și Sponsor:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
—
Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org
Citiți sute de articole despre programare: https://freecodecamp.org/news
Cursuri interesante:
- Curs Blazor – Utilizați ASP.NET Core pentru a construi aplicații web C# Full-Stack
- Redux Tutorial – Începător până la avansat
- Tutorial Angular 11 – Codați un proiect de la zero
- Dezvoltare Full Stack cu Java Spring Boot, React și MongoDB – Curs complet
- Curs PERN Stack – Postgres, Express, React și Node
- Tutorial pentru proiectare web pentru începători – Aplicație meteo cu Next.js, Tailwind CSS și TypeScript
- Tutorial Spring Boot și Angular – Construiți o clonă Reddit (proiect de codare)
- Baze de date SQLite cu Python – Curs complet
- Tutorial R Shiny pentru Data Science – Creați aplicații web interactive bazate pe date
- React and Golang JWT Authentication – Tutorial