Build A Real-World Blazor Wasm Application From Scratch
Published 10/2024
Created by Muhtar Qong
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 6 Lectures ( 2h 43m ) | Size: 1.41 GB
Practical Web Application Development with ASP.NET Core Web API Using Dapper ORM, CRUD, QuickGrid and Form Validation
What you'll learn
This is a real-world CRUD web application with Blazor WebAssembly based UI, ASP. NET Core Web API based middle-tier and SQL Server database based backend.
In UI part, you will learn how to create interactive UI with WASM: display data, add/edit/delete items, pagination, service injection, form validation and more.
In API part, you will learn how to create a service, DI or service registration, service lifecycle, CORS, creating controller and it's methods, API endpoints.
You also learn Blazor project structures (both UI and API), Dapper ORM, useful built-in Blazor UI components, page/component specific CSS in Blazor and more.,
Requirements
Basic HTML and CSS.
Intermediate C# skills, including an understanding of implementing interfaces, using dependency injection, and creating objects. But Don't worry too much; I'll explain the related topics in detail and at a slow pace.
Intermediate skills in SQL Server, able to create tables, insert data, and write select queries.
Description
Start Your Next Developer Journey with the Blazor Framework in .NET 8.0This course will guide you in building a real-world CRUD Blazor WebAssembly application with an ASP.NET Core Web API as the middle tier and an SQL Server database as the backend. You'll learn to implement practical features, covering UI development, API integration, and backend setup.Course Contents1. UI DevelopmentCreate a user-friendly interface that allows you to:Add new productsEdit existing productsDelete productsImplement advanced UI features, including:QuickGrid for data displayPagination and items-per-page selectorColumn-based sortingCustom filtering option(s)Row highlighting (actions column only) and row stripe effect for better readabilityConfirmation popups (using JavaScript integration with IJSRuntime)Clear form functionalityForm validation with a validation summaryInject API services into Blazor components2. API DevelopmentConfigure the API with:appsettings.json for setting the API base URL and ConnectionStringService injection in the API's Program.cs (e.g., SqlConnection, repository services)CORS policy setup for cross-origin requestsCreate repository services using Dapper ORMDefine API endpoints in the controller toGet all productsRetrieve a specific productEdit a productDelete a productConnect the Blazor WebAssembly UI with API endpoints3. Backend DevelopmentDatabase setup and management, including:Creating tablesInserting sample dataBy the end of this course, you'll have a deep understanding of how to build a real-world CRUD application using the Blazor Framework with the latest .NET 8.0. This hands-on experience will empower you to create efficient, interactive web applications from scratch.
Who this course is for
This course is for anyone interested in developing interactive web applications using Blazor WebAssembly, ASP. NET Core Web API, and SQL Server, all with the latest .NET 8.0.
Basic knowledge of C# and HTML is recommended, but no prior experience with ASP. NET Core or Blazor is needed.
In just a few hours, you'll learn how to create a real-world CRUD application using the revolutionary Blazor framework. It's an exciting opportunity! Enroll now to gain new skills and embark on your learning journey!
Homepage
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!