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

Рет қаралды 23,929

Күн бұрын

🔥 Syncfusion Components: syncf.co/3XvjrBI
🔥 Syncfusion Blazor Components: syncf.co/3YLEQY4
🚀 .NET Web Academy: www.dotnetwebacademy.com/cour...
📧 Newsletter: newsletter.patrickgod.com/
❤️ Ko-fi: ko-fi.com/patrickgod
☕ Coffee: www.buymeacoffee.com/patrickgod
💻 GitHub: github.com/patrickgod/BlazorS...
🐦 Twitter: / _patrickgod
💡 Udemy Online Courses:
🔥 Blazor E-Commerce Course: www.udemy.com/course/blazor-e...
🔥 Blazor Bootcamp: www.udemy.com/course/blazor-w...
🚀 .NET Jumpstart Course: www.udemy.com/course/net-core...
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

Пікірлер: 44

@PatrickGod Жыл бұрын

🔥 Syncfusion Components: syncf.co/3XvjrBI 🔥 Syncfusion Blazor Components: syncf.co/3YLEQY4

@BonsaiBurner Жыл бұрын

Just an FYI - it seems community version has some restrictions, your company cannot make more than $1 Million in annual sales and has to have 5 devs or less. most small companies gross over $1 Million per year.

@tommcmeekin1 Жыл бұрын

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

@leblancthierry8781 Жыл бұрын

Thank you Patrick for this course.

@mahfoudbouabdallah6286 Жыл бұрын

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

@jamshidbektursunboev1908 Ай бұрын

Amazing. I really liked it. Thank you very much

@hachiq2154 Жыл бұрын

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

@PatrickGod Жыл бұрын

Thank you so much for your feedback! Appreciate it! And I totally feel you.😊

@salimnegan7289 Жыл бұрын

Thanks for this video!

@joaogabrielv.m328 Жыл бұрын

Patrick on fire as always. Keep up, man!

@PatrickGod Жыл бұрын

Thank you so much! 😊

@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.

@guillermomazzari8320 11 ай бұрын

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

@PatrickGod 11 ай бұрын

I'm glad you like it! Thanks a lot for your kind feedback! 😊

@rammsanthosh4678 Жыл бұрын

Waited more 🥳

@10Totti Жыл бұрын

Thanks, great Tutorial!

@PatrickGod Жыл бұрын

Glad you enjoyed it! Thanks a lot for your feedback, as always! 😊

@way_no6810 Жыл бұрын

Nice Tutorial.

@PatrickGod Жыл бұрын

Many many thanks!

@pnhanle4311 8 ай бұрын

It's amazing

@wealthgenerationstrategies 6 ай бұрын

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.

@unkn0wnrge189 Жыл бұрын

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.

@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👌

@way_no6810 Жыл бұрын

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

@arturg6771 Жыл бұрын

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

@arturg6771 Жыл бұрын

Please create a video with API in React

@hobowithashotgun1847 Жыл бұрын

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

@axelbryancasauran5159 Жыл бұрын

How about Kendo UI with Angular and .Net 7?

@billymartin6497 6 ай бұрын

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.

@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?

@krzysztofbarbarski3966 Жыл бұрын

Why is this tutorial set as unpublic?

@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 KZfaq - and watching a "audio level meter" show the level stay around 25% of max.

@sreenucnu4641 Жыл бұрын

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

@Dave-nv5rv 11 ай бұрын

I have the syncfusion community suite, there are no restrictions on the Winforms or WPF controls and I read that all syncfusion control suites can be used for commercial purposes.

@flogginga_dead_horse4022 11 ай бұрын

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

@krzysztofbarbarski3966 Жыл бұрын

Bro this is full tutorial?

@PatrickGod Жыл бұрын

Yes.

@frankleib4176 Жыл бұрын

Why the expansive syncfusion, blazer radzen components are with the MIT license free for every usage... I like your clips and bought 2 udemy courses, but some of you choses like syncfusion or ms sql server are not nice for me... I like to use what a need free, like postgresql, k8s cluster oder blazor radzen ...

@PatrickGod Жыл бұрын

Thanks so much for your support. Syncfusion is actually totally free with the community license, even for commercial purposes. However, if you're earning more than $1M in U.S. revenue, then, yes, you have to pay for the license. But then again, you know, $1M revenue is a lot...

@emreaka3965 Жыл бұрын

MudBlazor better

@flogginga_dead_horse4022 11 ай бұрын

except it's missing a bunch of stuff

@arenaluigi Жыл бұрын

Hello, why I have this error "The seed entity for entity type 'Contact' cannot be added because no value was provided for the required property 'FirstName'." modelBuilder.Entity().HasData( new Contact { Id = 1, FirstName = "Peter", LastName = "Parker", NickName = "Spider-Man", Place = "New York City", DateOfBirth = new DateTime(2001, 8, 1) },