|Blazor WebAssembly Crash Course|
|Written by Nikos Vaggalis|
|Friday, 28 May 2021|
What is Blazor? What is it used for? What kind of applications can you write with it? Is it client side or server side? This free crash course on building Blazor WebAssembly applications based on .NET 5.offers a first class opportunity to get behind the hype of what Blazor is and what it can do.
But before that, let me outline the background first...
With that in mind,let's take a look at what this course covers.
The use case is building a simple income and expense tracker application, FinanceMentor, complete with a menu, form and dashboard. This will involve Blazor component development, form handling, API handling, modal dialogs, CSS handling, using images, and building a Dashboard using a third-party user interface library.
To follow along, Visual Studio and the .NET 5 SDK are required. Also note that the course is about Blazor WebAssembly and not Blazor Server. For a quick intro to Blazor and the differences watch this. Don't be alarmed though; while that video is from January 2020, the actual course is from Mar 2021.
So after a short, but good, high-level overview of Blazor and its hosting models, we continue with the first lesson where we learn how to setup a new Blazor project based on a default template as well as lay out the first basic elements of our webpage.
Advancing step by step, the second lesson, Blazor Form Component & Validation, goes through implementing the page, the menu item, the form and handling input validation for the form fields.
In Lesson 3: Blazor API Handling, we learn how to save data and load data from the backend by implementing a simple data table and populate its data using an API call from the Blazor web application to an ASP.NET WebAPI backend.
Lesson 4 is on building a Blazor Modal Dialog Component which ask the user for confirmation when the delete button gets clicked.
Lesson 5 is on working with CSS to style the components made, Lesson 6 on adding static images such as a logo and Lesson 7 wraps up the course by integrating a third-party user interface library, Radzen, in order to build the Dashboard.
In summary the lessons are:
Each video is short 10-16 minute long, is accompanied by instructions and all the code is up on Github.
or email your comment to: email@example.com
|Last Updated ( Friday, 28 May 2021 )|