Introductory Blazor WebAssembly Course
What is Blazor? What is this for? What kinds of apps can you write with? Is it client side or server side? This free crash course in building .NET 5-based Blazor WebAssembly Applications provides a first-class opportunity to get behind the hype of what Blazor is and what it can do.
But before that, let me first describe the background …
With that in mind, let’s take a look at what this course covers.
The use case is to build a simple income and expense tracking app, FinanceMentor, with a menu, form, and dashboard. This will involve developing Blazor components, managing forms, managing APIs, modal dialogs, managing CSS, using images, and building a dashboard using a third-party user interface library.
To follow, Visual Studio and the .NET 5 SDK are required. Also note that the course is for Blazor WebAssembly and not Blazor Server. For a quick introduction to Blazor and the differences, watch this. Don’t worry though; While this video is from January 2020, the current price is from March 2021.
So after a brief but good high-level overview of Blazor and its hosting models, we continue with the first lesson where we learn how to set up a new Blazor project based on a default template and introduce the first basics. from our web page.
Going step by step, the second lesson, Blazor Form Component & Validation, goes through the implementation of the page, menu item, form, and handling of input validation for form fields.
In Lesson 3: Managing Blazor APIs, we learn how to save data and load data from the backend by implementing a simple data table and populating its data using an API call from there. Blazor web application to an ASP.NET WebAPI backend.
Lesson 4 is about creating a Blazor modal dialog component that asks the user for confirmation when the delete button is clicked.
Lesson 5 covers using CSS to style the created components, Lesson 6 is about adding static images such as a logo and Lesson 7 concludes the course by integrating a third-party user interface library, Radzen. , in order to create the dashboard.
In summary, the lessons are:
2.Component and validation of the Blazor form
3.Blazor API management
4.Blazor modal dialog component
5.Css Blazor manipulation
7. make a dashboard
Each video is 10-16 minutes long, comes with instructions, and all code is posted on Github.
Blazor, .NET in browser
Design patterns explained with food in C #
Programming Web APIs with .NET
Microsoft jumps on the OpenJDK train
Blazor, .NET in browser
or send your comment to: [email protected]