Blazor Server App with .NET 6 and Syncfusion UI Components – Full Course

Learn how to harness the power of the Syncfusion UI components from within a Blazor server application. We’ll also integrate the Microsoft Identity technology into our Blazor application to leverage login, registration, authorization and authentication functionality. Syncfusion provides a UI component suite for building powerful web, desktop, and mobile apps.

⭐️ Syncfusion Components Integrated into the Sales Management Application ⭐️

⭐️ Copy Code from Syncfusion Demo Documentation ⭐️

⭐️ Copy Code from GitHub ⭐️

⭐️ Styling the Syncfusion ListView Component ⭐️

⭐️ Software ⭐️

⭐️ Course Contents ⭐️
⌨️ (0:00:13) Introduction
⌨️ (0:00:49) Course Overview
⌨️ (0:10:25) Technologies used to Develop the Sales Management Application
⌨️ (0:13:20) Getting Started - Create the Blazor Project through Visual Studio 2022
⌨️ (0:15:02) Introduction to the Syncfusion DataGrid Component
⌨️ (0:43:39) Create the Database using Ef Core Code First Migrations
⌨️ (1:22:02) Integrate the Syncfusion DataGrid Component into the Application
⌨️ (3:02:44) Integrate the Syncfusion ListView component into the Sale Management Application
⌨️ (4:25:23) Integration of the Syncfusion Charts into the Sales Management Application to Display Sales Order Analytical Data
⌨️ (5:11:04) Create Dashboards for Employees
⌨️ (6:03:51) Integrate the Syncfusion Diagram into the Sales Management Application
⌨️ (6:22:25) Integrate the Syncfusion Scheduler into the Sales Management Application
⌨️ (6:52:53) Integrate Microsoft Identity into the Sales Management Application
⌨️ (7:40:34) Wrapping up

[GavinLon]

Over the years, when confronted with a project where a sophisticated user interface is required on the web, it has often been rather challenging and time consuming to address such requirements. For e.g we may wish to express metrics on a bar chart or we may wish to express data in a hierarchical structure on the UI. The Syncfusion UI components make it easy for us as developers to integrate such functionality into our applications. The components are highly customisable and are fine tuned for performance when dealing with high volumes of data. Developers can use the Syncfusion components to provide sophisticated, aesthetically pleasing UI functionality in their applications with ease and efficiency, which frees up the developer to focus on the business rules requirements of the application. A special thanks to FreeCodeCamp for allowing me to present this course. I thoroughly enjoyed creating it and I hope the viewers of this video will enjoy going through the course and benefit from it.

[bigboy]

OMG! you got Gavin Lon here!!! he's a legend! I've been following his channel for a over 2 years... best C# courses on the internet!

[patjaproduction]

This is the best course and free on youtube

[gilbertmutai]

Just finished building this project and it's 99.9% working. Thanks.

[syedaljaffari]

Super course. I appreciate your efforts.

[erickmarroquin]

this is the exactly project that I wanted to build. thank you a lot

[rcwest]

Great course! I went thru the entire course. Would like to see a Blazor Web App .net 8 version of this, or similar compreshensive. course.

[shubhamkhaire]

2:31:00 Excel Export
2:32:40 Pdf Export
2:39:00 Custom Buttons

[ElCidPhysics]

Gavin, thanks for a great video. It’s one of the better Blazor videos I’ve watched. Question: is there any concern about the DbContext not being thread safe? Another Blazor video I watched suggested that one needs to use dbcontextfactory with Blazor and create the DbContext when needed.

[herashareef.]

Thank you very much... Very helpful.. Very easy... 👌

[emmadkareem]

Good work indeed. It would have been nicer (in my opinion) to separate the code for the crud from the GUI part and make 2 videos instead of one big video. Thanks.

[johnsmithsu]

Oh Boy! I will learn this ASAP!
also me: only start learn this in 2025

[guillermomazzari]

Thanks Gavin! For another Great course! Just a question, I know you kind of did back end fast for time purposes, but, for the datagrid, wouldn't be better to create a DTO with the relevant info? Using the static class you created to convert from entity to model, something like in your ecomerce course on your channel

[danielgoldin]

hey gavin
great course so far!!
at 6:18 in the video, when i try a build the organisation.razor file is giving me this error message:

Cannot convert lambda expression to intended delegate type because some of the return types in the block are not implicitly convertible to the delegate return type

please advise
THX!!

[joseantcloud]

Thank you very much, so far I am looking resources to become a .Net developer and this will improve my path.

[thestarters]

Can u plz upload a Course on Competitive Programming?

[Babak_Farhang]

Thank you so much for publishing this project-based tutorial because it changed my perspective on Blazer components from Syncfusion. Now I have a question for you, what is your opinion about the implementation of multi-tenant enterprise web applications created with Blazer Web Assembly and Syncfusion components and published on a cloud host? Don't we face problems in the initial loading due to the use of these components and the increase in the volume of the application?

[blindlypeaking]

Hi I I have just started a full stack developer course and need a new laptop, what would you advise for a beginner

[ElCidPhysics]

Why don’t you use any virtual properties for classes? Seems much easier than the joins etc.

[zhangzz]

Hello, I'm from China. I think this course is very good. Can I upload this work on Chinese video websites? I'll give credit where it came from.