Full-Stack App with Blazor WebAssembly & Syncfusion in .NET 7 🔥

💡 Udemy Online Courses:

Table of Contents:
00:00:00 Build a CRM with Blazor WebAssembly & Syncfusion in .NET 7 🔥
00:00:24 Get your free Syncfusion license
00:01:58 Create an empty Blazor WebAssembly project
00:03:57 Add Syncfusion to your Blazor project
00:08:10 Add a navigation bar (Syncfusion AppBar/SfAppBar component)
00:10:56 Use your free Syncfusion license key
00:12:05 Implement the navigation bar component
00:20:02 Change the global CSS
00:22:39 Create new models (Contact & Note)
00:29:23 Add the Syncfusion DataGrid (SfGrid)
00:42:32 Add Entity Framework 7 & SQL Server Express
00:52:35 Utilze code-first migrations
00:56:11 Add the ContactsController
00:59:50 Get all contacts from the database on the client
01:03:00 Create/Edit a single contact
01:06:43 Implement the EditForm with Syncfusion components
01:15:12 Utilize CSS isolation
01:16:49 Implement validation
01:21:00 Get a single contact from the database
01:27:05 Implement creating & updating a contact
01:38:31 Add success & error messages (Syncfusion Message/SfMessage component)
01:45:09 Implement deleting a contact with a confirmation dialog (Syncfusion Dialog/SfDialog component)
01:58 Implement notes with Syncfusion Cards (SfCard)
02:15:21 Implement the notes page
02:20:41 Implement a Map with Syncfusion (SfMap component) and the Google API

#Blazor #Syncfusion #PatrickGod

[tommcmeekin]

Haven't had time to watch this until now but wow! Danke Patrick 😀

[hachiq]

I was to lazy to use a documentation, so thank u for the tutorial. It helped a lot

[jamshidbektursunboev]

Amazing. I really liked it. Thank you very much

[mahfoudbouabdallah]

Thank you for the amazing video tutorials. They were extremely helpful and informative. Keep up the great work!

I hope that you will create another part of this video and address the following topics:
01 - Refactoring the code (for example, using a repository)
02 - Adding authentication and authorization
03 - Adding SignalR

[guillermomazzari]

This video is beyond awesome my friend, thank you so much for it

[joaogabrielv.m]

Patrick on fire as always. Keep up, man!

[koiltehight]

Thank you Patrick, I really enjoyed.
I hope other awesome tutorial! like this with full control in API - repositories and DTOs, JSON Web Tokens JWT Authentication + Authorization + User Rolls.
And other Syncfusion component. like cascading dropdown, DateRangePicker, image upload and save in database, RichTextEditor, CheckBox, Barcode, and other.

[unknwnrge]

I was a dev back end in C# after learning syncfusion I'm a god of full stack, a supreme god powerful I'm patrick god.

[wealthgenerationstrategies]

Fast forward to early 2024. Just a heads up to anyone watching this video. Seems we need the syncfusion theme nuget package now too or else the initial setup of the navbar will not work.

[NiftyBytes]

Hi Patrick, in the DataGrid, I want the "Edit" button (pencil) to a Popup-dialog (not a page) that contains the component with record to edit (36:26 - 38:04)

1) Is it possible to excite the dialog box and how do I code in the "EditContact()" function?

2) Can I do any dialog eg Bootstrap dialog or its just a Syncfusion dialog that is possible (if it is)?

Otherwise thanks again for the brilliant material👌

[billymartin]

I don't know what it is, but I always have the same problem. Whether it's Xamarin, Maui, or Blazor, my hot reload works great until I add any Syncfusion nugget. After that, no hot reload.

[jesperkped]

You make great tutorials - but just a quick suggestion.
You need to normalize your audio. Your audio level is fairly low compared to other videos on YouTube - and watching a "audio level meter" show the level stay around 25% of max.

[arturg]

Do you have a video on the channel with ASP.API and Azure?

[arturg]

Please create a video with API in React

[way_no]

Do you have a training video with user access/permission security via the SQL database only?

[flogginga_dead_horse]

I should have watched this when you posted it. I didn't realize you could get a community license. I was thinking why are you covering this? You have to make less than a million dollars though lol

[hobowithashotgun]

Should I learn razor pages or will United solve this use case?

[trisectdevelopment]

I really like your videos. I learn a lot from them, thanks.
I have a question I hope you can help me with.
I follow this video and it works fine. It writes and reads from the database.
But can i encrypt the data before i write to db, and how do i decrypt it after i read from db?

[axelbryancasauran]

How about Kendo UI with Angular and .Net 7?

[sreenucnu]

Can we use syncfusion for maui blazor? Is it fully free for commercial apps? Or do we have any restrictions on usage?