Intro to Blazor Server Side - Includes SQL Data Access and Best Practices
Vložit
- čas přidán 24. 06. 2024
- Blazor Server Side is an ASP.NET Core application type that uses SignalR to connect the client to the server. This allows for a rich, client-side interactivity with just C# code (no JavaScript needed). In this video, we will walk through what Blazor Server Side is, how it compares to Blazor Client Side, how to set it up and use it, and even how to connect it to SQL to create a real page that inserts data into the database and displays information from the database.
Mailing List: signup.iamtimcorey.com/
Source Code: leadmagnets.app/?Resource=Bla...
Courses: IAmTimCorey.com/courses
0:00 - Intro
1:22 - Creating new Blazor Server App
4:46 - Balzor Server App overview
11:08 - Counter page explained
18:15 - Counter Page Network traffic
25:00 - Fetch Data page explained
32:24 - Data Access
32:55 - Data Access: Standard Class Library with Dapper
46:59 - Data Access: Blazor App configuration and database connection string
49:02 - Data Access: New Razor Component page and display Data from database
59:30 - Data Access: Save data with data validation
1:03:52 - Data Access: Blazor UI from
1:08:25 - Data Access: Save data from form
1:13:36 - Summary and concluding remarks
Thanks to Ralfs HBK for the chapters breakdown
Tim, thank you so much for this, your tutorial is so clear and concise. I haven't programmed in about 5 years and just getting back into it and coming from a VB desktop application background it was a bit daunting. This tutorial and your c# to SQL tutorial made things so easy to understand. Easily the best tutorials around. Cheers.
Excellent! I am glad it was so helpful.
Great introduction to Blazor Server-Side and one of the best "how-to" programming tutorials I've watched - clear, understandable and to the point.
Thank you!
Awesome introduction to Blazor. I must also admit that this is one of the few video tutorials I've been fully engage with all of the way through. Thank you.
Great to hear!
Thanks Tim. I've been messing with Blazor for a while (back in the preview versions) and never had very good experiences with it partly because lots of stuff changed from each preview release. This video was awesome and I learned a LOT! I've been using C# for about 10 years and still watch some of your fundamental videos and still learn stuff. Keep up the good work. I plan on subscribing to your Patreon.
I'm glad my content has been so helpful.
this guy is a fantastic teacher - subscribed! - I had ran up the demo project and thought I had it figured Tim showed many great tricks and explanations - Thanks Tim!
I've done half a dozen of these Blazor CRUD tutorials, and this is the first one that was clearly explained and "just enough" to get me through these early stages of learning. Thank you so much!
You are welcome.
Exactly!
Phenomenal tutorial! Learned a ton watching this. Thanks for the great upload!
Thank you!
I am new to Blazor and using SQL and man, I have to say, you NAILED this video! Thank you for such great content!!!! Very well done!
Awesome! Thank you!
@Tim Thanks for pointing out the path vs. blazor component 'disconnect' (at the 50 minute mark of the video for others)! That disconnect is exactly what gets people confused in the real world.
So cheers and please keep up the great work.
You are most welcome.
I keep coming back to this tutorial. You are an excelent teacher! Thank you so much!
I am glad it was helpful!
I am haven't coding since ASP Classic and I was huge into building applications back then. This is the best video I found so far for working with Dbs. Thank you. I have a long road ahead.
You are welcome.
TIM! Thank you! THIS IS HOW CLASSES ARE SUPPOSED TO BE TAUGHT! You have explained WHAT, WHY, and HOW. Most courses only explain what to do. Standing ovation. You are an EDUCATOR. You've got yourself a new subscriber.
I also very much appreciate the throwback to the "under construction" GIF of the 90s, at 27:25. Ah, those were the days, hacking out HTML between college classes so I don't completely starve to death.
I'm glad you enjoyed it.
@@IAmTimCorey agreed excellent video again. Tim, is this still relevant as a good foundation for someone just getting ready for first Blazor app, or should we be looking at another/extra video. Thanks.
Thanks a lot, Tim! That was EXACTLY what I was looking for to get started with an app. I wish you all the best and, of course, you have another pupil for a long time. :) Thanks again.
Glad it was helpful!
This was the best intro on Blazor. I loved it. Thanks Tim.
You're welcome!
You sir help this world become a better place. I appreciate your effort. Thank you for this lesson, and for helping us!
You are welcome.
I love the idea of making this kind of web apps without the need for JavaScript 🤩. There’re some topics that i find complicated and wrap my head around but you have a way to explain things that makes it like it’s simple, to me that’s a Great Teacher as always... thanks Tim, you are the best !
Thank you for sharing.
Thank you so much Tim. Great introduction to Blazor server side.
You are welcome.
Ima wathing thes for second time - a lot of good structured information, well done!
Thank you!
I'm pretty sure you saved my neck, Tim Corey. EF Core just wasn't clicking with my application needs and I thought I was gonna get canned for sticking my neck out so far for Blazor. Turns out I just needed the right tool for the job! I can't thank you enough man.
Excellent!
The Video is great, and i really like your comment at the end, telling us to choose things on purpose. thx a million. I stardted learning blazor yesterday with your videos, and now i have my firts project running correctly. grazie
Glad it was helpful!
since I started as "Junior Developer" ,you're my Great Teacher ,Many Thanks Tim 🙂
You are welcome.
nice video Tim, I never believe you can do a great Intro in 1 hour and 20 mins. Thanks Tim.
Thanks!
Happy birthday Tim. Thanks for all you do
Thank you!
Great demo Tim. Wrapping my head around it. Thanks again.
You are welcome.
I love using dapper. I have watched this video many times and after numerous retries I have built a blazor app using the sakila database on mysql using vscode/vim and dotnet command line running on Fedora Core 31. So far it's working great. Again, thanks.
Your C# videos have been immensely helpful, thank you!
You are welcome.
After 10 Years I have resumed my work... Your tutorials helped me a lot to get all through again... Thank You Soo Much.. God Bless You .. :-)
Thanks for looking to Tim when you needed the help.
Tim this is just awesome. I watched this did the code then I watched it again and created notes on all steps and suggestions you have. The other blazor videos are now in my watch later. Thanks again.
Excellent! That’s a great way to learn.
Great breakdown of Blazor's structure ! Thanks
You are welcome.
I haven't built web applications in a while and the world moved - wow!. It may have been 3 years since you recorded this, but this is EXACLTY what I needed to get back into this arena. Thank you.
That's great!
@@IAmTimCorey Hi Tim. Thanks for all your excellent content that you put out. I was curious to know if this video is still relevant in regards to .net 7/8 or should I be looking at other more recent videos?
Yep, it mostly is. The biggest thing will be that Program.cs and Startup.cs have been collapsed into just Program.cs. I have a video covering the differences. Other than that, the rest is almost entirely still relevant.
@@IAmTimCoreyGreat stuff. Seems like nothing major then. I will definitely check out that video as well. Thank you so much for taking the time to respond sir, it is much appreciated.
Great, as usual, Tim. Finally I know Blazor. Thanks!
My pleasure!
My first blazor video. Wonderful, thanks a lot.
You're very welcome!
Really sir, very good structural info you describe in this video :)
Thank you!
THANK YOU SO MUCH!! I was able to code along with you in a project that I am working on. Incredibly helpful!!
Fantastic!
This is by far the best 'real-world' Blazor tutorial I have seen. Great work Tim.
Will you be doing a client-side video as we get closer to launch ?
Thanks! And yes, I will.
Thanks for this, it's great. Im starting out the long path of rewriting a .NET web forms app i wrote years ago. Im not a trained programmer, Infrastructure mainly, but we never get access to our devs to do internal IT apps, so I try and learn some stuff myself to do some internal work. Coming from the fairly simple .aspx and .cs world it's quite daunting jumping into these very different (for me) frameworks. You have made it just that little less daunting. This has been a great help. Thankyou.
Glad it was helpful!
A great new year gift to us. Thanks million !
You are welcome.
Very Awesome!
Thank you very much for the article, and wish you a happy new year.
You are welcome.
Overall your content is brilliant. Definitely a must for all newcomers to the technologies you discuss.👍🏾
Thanks!
This is the most valuable content I had found during my searching journey.
من أفضل الفيديوهات التعليمية في هذا الفرع
I am glad it was so helpful.
Great work again Tim. Excellent tutorial. Now looking to start a Blazor project.
Thank you! Best wishes on your project.
Great demo today. Just what I needed. Been trying to find a good blazor server side demo that wasn't completely EF centric.
I am glad you found it valuable.
Following along with this video taught me a lot! It took me quite a while as I had to figure out how to do everything from Visual Studio Code on Linux, but in the end it worked perfectly. I ended up using a postgres docker container instead of sqlserver, but the other things work just as well if not quicker in vscode with the terminal.
Great!
Thanks Tim, great as always. For anyone who is interested, I did a Blazor / Dapper playlist. I won't post the URL because last time I did this message didn't show. But if you search Google for Blazor Dapper CRUD you should find it under Alan Simpson. Not saying it's as good as what Tim does, he's my mentor too. But it may be worth a peek if you're interested in Dapper.
Thanks for sharing.
The potential of Blazor (server side and client side) in dot net Core, is the main reason I decided to return to Microsoft after many years.
This is an excellent lesson, thank you sir!
Awesome!
Thank you so much for this video, I was stuck so badly and it just resolved my problem. It might have been risky for my job. It really helped me. thank you from bottom of my heart. Love from India.
Awesome! I’m glad it was helpful.
Very thankful for these videos!
I am glad they are helpful.
Super tutorial, Tim! Very easy and I'm a fan of yours now 😊😊
Happy to hear that!
It's a ton of information wrapped in a 1-hour video, but I have learned a lot. Need to watch it again and code along to really learn.
Glad it was helpful!
Hi Tim. Absolutely fantastic course, especially the details and the steps that you follow are great.
Thank you!
Very nice indeed! Refused to watch any other tutorial on Blazor unless it was you or Kudenvat (you are first). Thanks Tim!
You are welcome.
This is excellent! Thank you Tim!
You're very welcome!
Great tutorial !!! Thanks for uploading this video. Thank You
You are welcome!
Great tutorial video. one of the best tutorials I've watched...it is so easy to understand.
I am glad you found it useful.
Please do more Blazor videos! The two you have done so far is great.....but i want more :-)
They are coming, including a start to finish course that uses them.
You have great teaching skills! Thank you!
You're very welcome!
Blazor gets me seriously excited at the possibilities for us .NET developers. Thanks for the great introduction and I look forward to future videos exploring Blazor.
P.S. that Razor confusion is almost too hard to believe... You couldn't make that up. 😂
Yeah, it really is exciting.
Thank you so much! Awesome tutorial!
You are welcome.
Love it, so simple. The course paid off.
Thanks for watching!
Simply amazing as usual.
Thank you!
You are as good as they come! Thank you for what you do.
You are welcome.
Great tutorial Tim. Thanks a lot. That was my first Blazor tutorial and there will be a lot more before I will be able to upgrade my Winform ERP system to Blazor but it gives me a lot of ideas.
You are welcome.
Tim you gave me a great idea for my reporting project by using Blazor
Awesome!
Great tutorial. Thanks, Tim
You are welcome.
Thanks, Pure Gold!
You are welcome.
best channel ever thank you sir
You are welcome.
Wonderful. Very helpful. Thank you.
You are welcome.
Great intro to Blazor.
Thank you!
Thank you so much! I've learned many things from you, sir Tim.
Thanks for trusting Tim when you need training.
Your tutorials are actually amazing, you explain everything so in-depth. Subbed :)
Thank you!
I love this tutorial. Thank you for that. I just noticed Blazor Server in some of your other videos and I really liked it instead of MVC
Glad I could help!
@@IAmTimCorey maybe you could do a short video of Blazor Server vs WebForms comparison? I noticed that WebForms is somehow similar
Great video - thank you!
Thank you for watching and supporting Tim
Great content tim
Thanks!
Excelente. Mi inglés es muy malo, pero la tonalidad, claridad y simplicidad del lenguaje usado, hacen que logre entender todo. Y el contenido insuperable. Felicitaciones
Awesome! I am glad my content is clear and helpful.
Good starter tutorial. Thank you. I have a lot to learn. :)
You are welcome.
Awesome, loved it & subbed!
Excellent!
Long time developer tying to catch up and move ahead after some years of disability, this is great.
Thank you
Great video! Thanks!
You are welcome.
Thanks for the tutorial!
You are welcome.
Have only just loaded the video so this may be mentioned at some point, but there isn't enough Blazor stuff out there right now, so thanks. Hope there are more to come from you.
There is, including a whole course.
@@IAmTimCorey Hey :) Thats awesome. Is there an ETA on the course? Looking at doing stuff right away, and have done some of the basic stuff already out there and have a handle on sections of stuff already, but looking to get more advanced, and also get more rounded with my knowledge. :)
"MinLength for the FirstName is 5" - a guy named Tim
lol
Very nice video. Thank you!
You are welcome.
0:00 - Intro
1:22 - Creating new Blazor Server App
4:46 - Balzor Server App overview
11:08 - Counter page explained
18:15 - Counter Page Network traffic
25:00 - Fetch Data page explained
32:24 - Data Access
32:55 - Data Access: Standard Class Library with Dapper
46:59 - Data Access: Blazor App configuration and database connection string
49:02 - Data Access: New Razor Component page and display Data from database
59:30 - Data Access: Save data with data validation
1:03:52 - Data Access: Blazor UI from
1:08:25 - Data Access: Save data from form
1:13:36 - Summary and concluding remarks
Thank you kind sir!
@@IAmTimCorey typo: Balzor
As always keep going!
Thanks!
Thanks for the class
You are welcome.
You can separate code from page. Clean and clear tutorial tnx!
You are welcome.
A great tutorial to get started with Blazor. I am new to this and I got interested into learning Blazor rather than other web stack, the reason being, I have experience of C# and I want to build on top of my foundation rather than building a new foundation somewhere else.
That's a good plan.
great video, I got little lost with the nitty gritty details toward the end, but it covered so much goodness. I watched the whole thing in one go. I can't even do that with TVs that I like.
I'm glad you liked it.
Great tutorial, Thanks a lot
You are welcome!
Thank you so much Tim.
You are welcome.
Great tutorial. Thank you so much.
You are most welcome. Thanks for watching.
Thanks, Tim, for amazing tutorials. I am waiting for a video about blazor globalization(localization) in client and server-side included data annotations. I hope you will do it.
I will add it to the list. Thanks for the suggestion.
@@IAmTimCorey I will love that too. A video about blazor globalization(localization)
As always another fine tutorial you can actually follow manually, (ok, maybe for the actual database itself not, but that was easily created through VS).
Thanks for building your skills with Tim
thanks, great upload !
Thanks for watching
Thank you Nice tutorial :D
You are welcome.
Thank you for brilliant tutorials. English is not my native, but i understand you explanations like it is)
Glad to hear that!
This is an awesome introduction to Blazor. Thank you for the pet talk at the end. This is really a game-changer for me because I'm better at C# than JavaScript. My pet peeve
is that MS name the extension .razor. Why not blazor to avoid confusion?
I think they reused items but I agree.
Thank you for this tutorial.. i learned a lot from you.
Glad to hear that!
Great video. Helped to introduce me more to Blazor and to help reinforce some SQL Server info from your fundamentals course. Could not get the source code downloaded. Was able to, on the fly, create a quick sql db for use with it. Did it without too much "peaking". lol
If you can't get the source code, you can always email me at tim@iamtimcorey.com and I can send it to you.
I'm sorry. The source code worked fine. it was the sql server part that was not working right. Sql server is a new way of thinking for me. The last database manager I used was dBase 3, which sadly shows my age. lol
Thank you Tim for the very, very helpful video. There is no such good tutorial in the Russian c# youtube community for me.
I am glad this was helpful.
Thank you very much, and thank you for the last words.
You are very welcome.