Full-Stack App with Blazor WebAssembly & Syncfusion in .NET 7 🔥
HTML-код
- Опубликовано: 27 июл 2024
- 🔥 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
![[TUTORIAL POUR DÉBUTANT] BLAZOR en .NET 8 - WebApp, WebAssembly & Hybrid avec MAUI](http://i.ytimg.com/vi/M1WOD_M_-uU/mqdefault.jpg)
🔥 Syncfusion Components: syncf.co/3XvjrBI
🔥 Syncfusion Blazor Components: syncf.co/3YLEQY4
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.
Haven't had time to watch this until now but wow! Danke Patrick 😀
Thank you Patrick for this course.
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
Amazing. I really liked it. Thank you very much
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.
I was to lazy to use a documentation, so thank u for the tutorial. It helped a lot
Thank you so much for your feedback! Appreciate it! And I totally feel you.😊
Patrick on fire as always. Keep up, man!
Thank you so much! 😊
Thanks for this video!
Waited more 🥳
This video is beyond awesome my friend, thank you so much for it
I'm glad you like it! Thanks a lot for your kind feedback! 😊
Thanks, great Tutorial!
Glad you enjoyed it! Thanks a lot for your feedback, as always! 😊
Do you have a training video with user access/permission security via the SQL database only?
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👌
Do you have a video on the channel with ASP.API and Azure?
It's amazing
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.
Should I learn razor pages or will United solve this use case?
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?
How about Kendo UI with Angular and .Net 7?
Nice Tutorial.
Many many thanks!
Please create a video with API in React
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.
Why is this tutorial set as unpublic?
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.
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 RUclips - and watching a "audio level meter" show the level stay around 25% of max.
Can we use syncfusion for maui blazor? Is it fully free for commercial apps? Or do we have any restrictions on usage?
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.
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
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 ...
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...
Bro this is full tutorial?
Yes.
MudBlazor better
except it's missing a bunch of stuff
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)
},