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

🔥 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
    @PatrickGod Жыл бұрын

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

  • @BonsaiBurner

    @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
    @tommcmeekin1 Жыл бұрын

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

  • @leblancthierry8781
    @leblancthierry8781 Жыл бұрын

    Thank you Patrick for this course.

  • @mahfoudbouabdallah6286
    @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
    @jamshidbektursunboev1908Ай бұрын

    Amazing. I really liked it. Thank you very much

  • @hachiq2154
    @hachiq2154 Жыл бұрын

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

  • @PatrickGod

    @PatrickGod

    Жыл бұрын

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

  • @salimnegan7289
    @salimnegan7289 Жыл бұрын

    Thanks for this video!

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

    Patrick on fire as always. Keep up, man!

  • @PatrickGod

    @PatrickGod

    Жыл бұрын

    Thank you so much! 😊

  • @koiltehight
    @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
    @guillermomazzari832011 ай бұрын

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

  • @PatrickGod

    @PatrickGod

    11 ай бұрын

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

  • @rammsanthosh4678
    @rammsanthosh4678 Жыл бұрын

    Waited more 🥳

  • @10Totti
    @10Totti Жыл бұрын

    Thanks, great Tutorial!

  • @PatrickGod

    @PatrickGod

    Жыл бұрын

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

  • @way_no6810
    @way_no6810 Жыл бұрын

    Nice Tutorial.

  • @PatrickGod

    @PatrickGod

    Жыл бұрын

    Many many thanks!

  • @pnhanle4311
    @pnhanle43118 ай бұрын

    It's amazing

  • @wealthgenerationstrategies
    @wealthgenerationstrategies6 ай бұрын

    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
    @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
    @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
    @way_no6810 Жыл бұрын

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

  • @arturg6771
    @arturg6771 Жыл бұрын

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

  • @arturg6771
    @arturg6771 Жыл бұрын

    Please create a video with API in React

  • @hobowithashotgun1847
    @hobowithashotgun1847 Жыл бұрын

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

  • @axelbryancasauran5159
    @axelbryancasauran5159 Жыл бұрын

    How about Kendo UI with Angular and .Net 7?

  • @billymartin6497
    @billymartin64976 ай бұрын

    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
    @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
    @krzysztofbarbarski3966 Жыл бұрын

    Why is this tutorial set as unpublic?

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

  • @sreenucnu4641
    @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

    @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
    @flogginga_dead_horse402211 ай бұрын

    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
    @krzysztofbarbarski3966 Жыл бұрын

    Bro this is full tutorial?

  • @PatrickGod

    @PatrickGod

    Жыл бұрын

    Yes.

  • @frankleib4176
    @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

    @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
    @emreaka3965 Жыл бұрын

    MudBlazor better

  • @flogginga_dead_horse4022

    @flogginga_dead_horse4022

    11 ай бұрын

    except it's missing a bunch of stuff

  • @arenaluigi
    @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) },

Келесі