Video Description
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.
✏️ Gavin Lon created this course.
https://www.youtube.com/c/gavinlon🔗 Free Syncfusion Community License:
https://www.syncfusion.com/sales/communitylicense💻 Code for full application:
https://github.com/GavinLonDigital/SalesManagementApp⭐️ Syncfusion Components Integrated into the Sales Management Application ⭐️
🔗 DataGrid:
https://blazor.syncfusion.com/documentation/datagrid/getting-started🔗 Spinner:
https://blazor.syncfusion.com/documentation/spinner/getting-started🔗 ListView:
https://blazor.syncfusion.com/documentation/listview/getting-started🔗 ComboBox:
https://blazor.syncfusion.com/documentation/combobox/getting-started🔗 Toast:
https://blazor.syncfusion.com/documentation/toast/getting-started🔗 Charts:
https://blazor.syncfusion.com/documentation/chart/getting-started🔗 Dashboard Layout:
https://blazor.syncfusion.com/documentation/dashboard-layout/getting-started🔗 Diagram:
https://blazor.syncfusion.com/documentation/diagram-component/getting-started🔗 Scheduler:
https://blazor.syncfusion.com/documentation/scheduler/getting-started⭐️ Copy Code from Syncfusion Demo Documentation ⭐️
🔗 Toast:
https://blazor.syncfusion.com/demos/toast/types?theme=fluent🔗 Dashboards - Copy Layout code:
https://blazor.syncfusion.com/demos/chart/overview?theme=fluent🔗 Diagram - Employee Hierarchy:
https://blazor.syncfusion.com/demos/diagramcomponent/hierarchical-tree?theme=fluent🔗 Scheduler:
https://blazor.syncfusion.com/demos/scheduler/local-data?theme=fluent⭐️ Copy Code from GitHub ⭐️
🔗 Copy EmployeeModel class and Employee List Data to wire up to the Syncfusion DataGrid:
https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/CodeClips/EmployeeData_InMemory.txt🔗 Add Employee Data:
https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/CodeClips/SeedEmployeeData.txt🔗 Add Product Data:
https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/CodeClips/SeedProductData.txt🔗 Add Client Data:
https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/CodeClips/SeedClientData.txt🔗 Register Employee Details with Identity System:
https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/CodeClips/SeedIdentityUserAndRoleData.txt🔗 Copy Chart Code for Sales Manager’s Dashboard from GitHub:
https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/Pages/SMDashboard.razor🔗 Download Images (Profile Pictures for Employees and Product Images):
https://github.com/GavinLonDigital/SalesManagementApp/tree/main/SalesManagementApp/wwwroot/Images🔗 SalesOrderReport.cs:
https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/Entities/SalesOrderReport.cs🔗 OrderService.cs:
https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/Services/OrderService.cs🔗 Add Logo Image and Styling (to help during the creation of the Sales Management Application):
https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/Pages/Index.razor⭐️ Styling the Syncfusion ListView Component ⭐️
🔗 Customizing Templates:
https://blazor.syncfusion.com/documentation/listview/customizing-templates🔗 Css structure:
https://blazor.syncfusion.com/documentation/listview/style⭐️ Software ⭐️
🔗 Visual Studio 2022 for Windows Community edition:
https://visualstudio.microsoft.com/vs/🔗 SQL Server 2019:
https://www.microsoft.com/en-us/sql-server/sql-server-downloads⭐️ 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
