Incrredible stuff. I have been only working with MVC and this video is perfect for someone who would like to know what Blazor is and how it works. The most detailed/friendly and up to date Blazor video out there! I also really like how you started with the most simple version of Blazor app instead of having the visual studio create the classic weather page template.
Thank you Julio, I really appreciate your job and that you want to share it for free. You are really good teacher, I know what I am saying because I have watched a lot of programming stuff.
I am so grateful for the work you've done so far! Your courses are very helpful in preparing myself to be a full stack developer. Thank you everything!
Lucky enough to swipe your video. Although I don't speak English well, I probably know how to do it according to your explanation, thank you very much, great teacher!
Thank you so much, you really helped me to get up to speed with the framework and saved me tons of time! Great tutorial, and your explanations are extremely helpful and detailed! There is only one thing I'm not getting: why adding a modal for each table row (3:45:30) and not just creating one modal and on edit button click not passing the selected game id to this one modal? Wouldn't having just one modal positively impact both server- and client-side performance? I understand that this is totally fine for the tutorial, but in the long run, I would prefer make things rather more lightweight. Or am I missing something?.. Anyway, once again, thank you!
I'm glad the tutorial helped. To your modal question, it's likely doable, but probably not with just Static SSR. Since that would require interactivity, would need to switch to one of the interactive rendering modes to run C# when you click to open the modal.
Hi Julio, great course, I really enjoyed it and was able to reproduce it following the steps! I was wondering if there is different material or extra material in the paid course?
I'm glad it helped. The paid course includes the slide decks as printable handouts, a break down into 5-7 min lessons, snapshots of the source code on every lesson and quizzes at end of each module.
Awesome video! watched both the frontend and backend videos. Just had a quick question as this has been puzzling me, why did editform work without interactive SSR, while delete didn't work?
When editing, you are simply making a form post, but for delete you are handling the click of a button, which normally would require a bit of JavaScript, but here we did it with C# + interactivity.
Came here from the minimal api course ,Thank you so much for such an amazing course god bless you. I also have a small question iam still going to look in to it later once iam done but for now can you tell me why we are using a string for the genre Id specifically we can use an int for it right?
Hey Julio, love your tutorials man. Just need to know if you have a video explaining the differences between Blazor web apps and Razor ones? Because I have a project in Razor at my workplace and it would really help to understand the folder structure and other aspects and how it differs from or is better or worse than Blazor. Keep doing what your doing man, your my go to person for C# tutorials
Thank you so much for a great course, Julio! However, I am having a problem finding the source code for the backend. The only download I find is for the Blazor-part. Can you give me a hint to where I find it?
I love the videos!!! Could we do a zoom meet (I will pay you) or can you please create a video on how to create a secure login (for a deployed website) with authentication and authorization? I saw your video on JWT but I am still confused on how to integrate it with the backend while keeping everything secure not in a local development, you explain everything clearly I am just not getting it!
I'll include a version of this Blazor frontend with authentication and authorization in my upcoming bootcamp: go.dotnetacademy.io/bootcamp-waitlist In the meanwhile, I provide a Blazor WASM client with authentication and authorization in this course: juliocasal.com/courses/dotnetrestapis
Incredible course Julio. I made your other course, the Game Store.API, but in this case you build the frontend in a separate project, in other folder. I'm halfway through the tutorial, so maybe you answered this and I don't know, but my question is: can I build the frontend in the same folder as the API? Like have a folder named "GameStore", and inside have two projects, one the GameStore.API and other the GameStore.Frontend, or needs to be in separate folders? Thanks.
Thanks @Julio Casal for this. I always love your content and how perfect you teach. Please if you would add authentication and authorization and how both the client and API handles this both for both custom authentication and default provided by .NET
Hi @Julio! Thank you so much for the amazing tutorials! I would like to know if you could please assist me with the delete button without using Bootstrap?
Great video. This one is using Blazor Server I guess. There is Blazor Wasm too. Still didn't understand why Microsoft didn't keep just one of them, am getting confused.
@@juliocasalOkay. Am new into Blazor. Am trying to create a blazor wasm project with web api and got stuck into a problem. Not getting any source of help so I thought I may get some help from this video. Thanks.
Loved your content !👌 Can you please tell which extension you use for HTML intellisense suggestion inside razor file also which theme you are using currently.
Great video, i just started developing in blazor, and i used the webassembly, whats the difference between this and a web app? also i tried hosting it on github pages, but got an error while building static html
I really wanted to use Blazor for our next project but my team saying React is faster than Blazor. Could you please make video of how good the Blazor is?
What about the performance? I've read some posts from Reddit about the performance issues of Blazor especially the WASM, but that was .Net6. How about the latest .Net8?
Unfortunately that can't be truly known by you unless the app is created in both frameworks by urself and you test. Don't rely on others in this area. I'm creating the same app in three different frameworks with clean arch n DDD
@@juliocasal True, thanks for reply. It was catching the errors the first few times I built the project. But it's stopped now. Guess it's what they say about vs code being kinda slow, in blazor from what I've read/watched (if that's true I don't know)
I think you should upload version control after every chapter on the code to physically see the changes and if anything from previous chapter was wrongly implemented
I have been following your tutorial to the letter and is the best I have seen, I don't have VS Code so I am using VS 2022, NavigationManager throws an error that I can't seem to find a fix. Exception of type 'Microsoft.AspNetCore.Components.NavigationException' was thrown. Do you have any idea why this is happening? VS 2022 is version: 17.9.7, Thanks
The weird thing is that if you set the scope of GamesClient to SCOPED instead of SINGLETON - then after you add the game, the list is not updated. And I cannot figure out why. Other than that the video is great, THANKS!
With scoped, a new instance of the client is created as you navigate between components: learn.microsoft.com/en-us/aspnet/core/blazor/fundamentals/dependency-injection?view=aspnetcore-8.0#service-lifetime
@@juliocasalAfter the project was created, it showed the type or namespace name error in Program.cs and Imports.razor. I did not change anything at all but the projects executes if I run it even with those errros.
1:43:25 why do you declare the "game" variable as a property with {get; set;} but declare genresClient a few minutes later as a field (without getter and setter)? How do I know when to declare as which?
What an amazing course - really awsome. I can't seem to get to modal working though (I am using Visual Studio 2022, not VS Code). Nothing happens, when I click the delete-button. Anyone?
@@juliocasal Yes, rendermode is InteractiveServer. Showing modals is actually a recurring problem. Could the browser be the problem, I wonder? Maybe my browser is surpressing popups in some way? Hmmmmm.....
@@juliocasal Yes - I am not even getting the url, when I hoover over the button, like I do on the edit-button. Do I fail to register this in some way, perhaps
note, Creating instance in razor page with =new() throwed error that it requires Model. (it was already there). The actual solution was creating in OnInitialized() logic
I was testing and find this: - Right click in C# extension, Install another version, pick another version - Do the same thing for C# dev kit - Restart Vscode
You are explaining every nook and corner very clearly. We are very blessed to have master like u.Lots of Thankyou sir
you are my hero julio casal! thanks for sharing all your Blazor and dotnet expertise here. it is wonderful.
Wow, thank you!
It's really impressive that your released such an amazing course for free! Well done and thanks!
My pleasure!
5 hours very well spent. I worked using Blazor in a recent contract role and wish I'd done this before starting. Excellent Course!
Glad it was helpful!
Incrredible stuff. I have been only working with MVC and this video is perfect for someone who would like to know what Blazor is and how it works. The most detailed/friendly and up to date Blazor video out there! I also really like how you started with the most simple version of Blazor app instead of having the visual studio create the classic weather page template.
Glad you liked it!
Thank you Julio, I really appreciate your job and that you want to share it for free. You are really good teacher, I know what I am saying because I have watched a lot of programming stuff.
Thank you, really appreciate your kind words!
i love the way how you teach , please keep going and create more advanced tutorials for us . GOAT
More to come!
Thanks a lot Julio. I picked up Blazor 2 days ago and I'm rocking it :)
Rock on!
the first 56 minutes are already extremely helpful
I’m glad!
I am so grateful for the work you've done so far! Your courses are very helpful in preparing myself to be a full stack developer. Thank you everything!
You're very welcome!
Lucky enough to swipe your video. Although I don't speak English well, I probably know how to do it according to your explanation, thank you very much, great teacher!
Glad I could help!
Thank you clicksaver man. I wanted to learn Blazor without dying on first try lol.
Glad to help!
One of the best tutorial on blazor.
Thank you!
I appreciate you used VS Code instead of Visual studio for this tutorial. Great
Welcome!
Where, oh where can I buy you a coffee ??? This is so amazing, loving every minute!
I'm glad you are liking it!
Thank you. Very good explanation for a beginner.
Thanks a lot sir. Something I love from this community is the much learning resources. 🚀
My pleasure!
Thank you so much, you really helped me to get up to speed with the framework and saved me tons of time! Great tutorial, and your explanations are extremely helpful and detailed!
There is only one thing I'm not getting: why adding a modal for each table row (3:45:30) and not just creating one modal and on edit button click not passing the selected game id to this one modal? Wouldn't having just one modal positively impact both server- and client-side performance? I understand that this is totally fine for the tutorial, but in the long run, I would prefer make things rather more lightweight. Or am I missing something?..
Anyway, once again, thank you!
I'm glad the tutorial helped. To your modal question, it's likely doable, but probably not with just Static SSR. Since that would require interactivity, would need to switch to one of the interactive rendering modes to run C# when you click to open the modal.
Hi Julio, great course, I really enjoyed it and was able to reproduce it following the steps! I was wondering if there is different material or extra material in the paid course?
I'm glad it helped. The paid course includes the slide decks as printable handouts, a break down into 5-7 min lessons, snapshots of the source code on every lesson and quizzes at end of each module.
Yesssssss this has been much awaited... You've been so much helpful on my journey so far... Many thanks!!
Glad I could help!
Thank you so much for this amazing video. Really kick-started my learning of Blazor, much appreciated.
Glad it helped!
Thank you very much for your tutorial, I am a beginner and slightly regret that there is no tutorial for reading SQL data
For reading SQL data?
@@juliocasal yes. i'm from china,my english is not good. i mean how does the frontend or backend get the data from SQL database
Amazing and Very Impressive … Thanks for your Efforts
Thank you too!
very beginner friendly, tnx a lot
You're welcome!
Awesome video! watched both the frontend and backend videos. Just had a quick question as this has been puzzling me, why did editform work without interactive SSR, while delete didn't work?
When editing, you are simply making a form post, but for delete you are handling the click of a button, which normally would require a bit of JavaScript, but here we did it with C# + interactivity.
Great course! You explain well. Thank so much.
You're very welcome!
Came here from the minimal api course ,Thank you so much for such an amazing course god bless you. I also have a small question iam still going to look in to it later once iam done but for now can you tell me why we are using a string for the genre Id specifically we can use an int for it right?
You're very welcome!
循序渐进，很好的入门教程👍
Love your course Julio. Thank you soo much! I learned a lot!
Awesome, thank you!
Fantastic - thanks so much for what must have been days or weeks in the making!
A little over a month, but I think well worth it!
Hey Julio, love your tutorials man.
Just need to know if you have a video explaining the differences between Blazor web apps and Razor ones?
Because I have a project in Razor at my workplace and it would really help to understand the folder structure and other aspects and how it differs from or is better or worse than Blazor.
Keep doing what your doing man, your my go to person for C# tutorials
Sorry, I don't have such a video. But the recommendation today is to create new sites using Blazor, not Razor.
@@juliocasal Its fine I just asked in case you have one, sure I will focus on blazor as its latest.
Thank a lot for the awesome tutorial as usual. Now I think I can learn Blazor.
You can do it!
Thanks.
Interesting course, thanks Julio!
My pleasure!
Waiting for another Blazor Course ❤
Thanks 👍 for using vs code its much better god bless you❤
You're welcome 😊
This is really good Julio. Thank you.
Welcome!
Thank you so much for a great course, Julio! However, I am having a problem finding the source code for the backend. The only download I find is for the Blazor-part. Can you give me a hint to where I find it?
Here: th-cam.com/video/AhAxLiGC7Pc/w-d-xo.html
I love the videos!!! Could we do a zoom meet (I will pay you) or can you please create a video on how to create a secure login (for a deployed website) with authentication and authorization? I saw your video on JWT but I am still confused on how to integrate it with the backend while keeping everything secure not in a local development, you explain everything clearly I am just not getting it!
I'll include a version of this Blazor frontend with authentication and authorization in my upcoming bootcamp: go.dotnetacademy.io/bootcamp-waitlist
In the meanwhile, I provide a Blazor WASM client with authentication and authorization in this course: juliocasal.com/courses/dotnetrestapis
Thank you for such a great course for free! Just want to let you know that there is something wrong on your website when it comes to header.
Header?
@juliocasal sorry, the navbar
@@juliocasal Can you see it Sir? The navbar is not sticked to the top, there is a gap when you scroll at least in google chrome
வாழ்த்துகள் 🎉🎉🎉நன்றி
Welcome!
Great tutorial. Thanks Julio
Glad you liked it!
Thanks for share with us!!! All the best!!!
Thanks for such an incredible course😃
Glad you like it!
that is great, I really appreciate your job and very happy for finding this clip and your channel
Thank you very much!
Great course, thank you for posting.
My pleasure!
Would it be possible to have a tutorial on how to deploy this app? Thank you so much for these videos!
No exactly this app, but here: th-cam.com/video/XtWubiUzz-k/w-d-xo.html
@@juliocasal Thank you!
Thank you sir, your video is what I was looking for.
Glad it helped!
thank you so much. what is your recommendation after this course?
Depends on what you'd like to learn next.
@@juliocasal i want to create ecommerce training website to practice dotnet core and blazor
Hi Julio - thanks for the great tutorial! Curious what software you use to draw arrows on the screen? Do you just use your mouse to click and drag?
Zoom It: learn.microsoft.com/en-us/sysinternals/downloads/zoomit
Excellent tutorial, thank you 👍
You’re welcome!
ماشاء الله عليك يا هندسة شرحك جامد جدا و مفصل اتمنى تكمل والله و باذن الله هتكسر الدنيا والله عشان انت تستاهل❤❤
Incredible course Julio. I made your other course, the Game Store.API, but in this case you build the frontend in a separate project, in other folder. I'm halfway through the tutorial, so maybe you answered this and I don't know, but my question is: can I build the frontend in the same folder as the API? Like have a folder named "GameStore", and inside have two projects, one the GameStore.API and other the GameStore.Frontend, or needs to be in separate folders? Thanks.
Either way will work.
@@juliocasal Thanks.
Thank you for your work :) It is usefull, I've got a lot of new information
You are welcome!
Awesome explanation! Thanks 🙌
My pleasure!
Amazing video, i'm your fan right now
Thank you!
Seguire este curso ojala me valla mejor :')
Thanks for the course. Love it !🥳🥳🥳🥳🥳🥳
So glad!
Thanks @Julio Casal for this. I always love your content and how perfect you teach.
Please if you would add authentication and authorization and how both the client and API handles this both for both custom authentication and default provided by .NET
Thank you for the tutorial much appreciated🙏🙏
No problem 👍
Thanks brother
Very nice Tutorial 🌺
Welcome!
Instant like! Having a slow day at work, so you saved me from unproductive faffing about 🤣
Great to hear!
Hi @Julio! Thank you so much for the amazing tutorials! I would like to know if you could please assist me with the delete button without using Bootstrap?
?
Great video. This one is using Blazor Server I guess. There is Blazor Wasm too. Still didn't understand why Microsoft didn't keep just one of them, am getting confused.
Thanks, this one uses Blazor Static SSR, with a bit of WASM towards the end.
@@juliocasalOkay. Am new into Blazor. Am trying to create a blazor wasm project with web api and got stuck into a problem. Not getting any source of help so I thought I may get some help from this video. Thanks.
Loved your content !👌 Can you please tell which extension you use for HTML intellisense suggestion inside razor file also which theme you are using currently.
Thanks, I use the C# Dev Kit Extension the default VS Code theme.
I'm using VS code on mac, same extension c# dev kit installed but still not getting the html intellisense suggestions 🤔
Great video, i just started developing in blazor, and i used the webassembly, whats the difference between this and a web app? also i tried hosting it on github pages, but got an error while building static html
I explain WebAssembly towards the end.
I really wanted to use Blazor for our next project but my team saying React is faster than Blazor. Could you please make video of how good the Blazor is?
For sure development time is much higher with Blazor vs. React
What about the performance? I've read some posts from Reddit about the performance issues of Blazor especially the WASM, but that was .Net6. How about the latest .Net8?
@@juanzero10react is a few millisecond faster 🤷🏽♂️
Unfortunately that can't be truly known by you unless the app is created in both frameworks by urself and you test. Don't rely on others in this area. I'm creating the same app in three different frameworks with clean arch n DDD
Can I join your team?
excellent, many thanks
Thank you too!
Great video, I just can't seem to find the link to the backend API
Check the backend video in the description
You are the best. Thanks a lot!!!
You're welcome!
Amazing! Thanks a lot.
You're welcome!
Thanks for lecture..
Question: How were the errors in the Program.cs file resolved. 17:26
There are no errors. Some red squiggles might show in the editor, but the code compiles.
@@juliocasal True, thanks for reply. It was catching the errors the first few times I built the project. But it's stopped now.
Guess it's what they say about vs code being kinda slow, in blazor from what I've read/watched (if that's true I don't know)
It actually still brings it up when I run the dotnet watch command. Not sure why it ignores only to bring it back again
Awesome content!
Glad you enjoyed it
I think you should upload version control after every chapter on the code to physically see the changes and if anything from previous chapter was wrongly implemented
I absolutely adore your vids btw I am in no place to criticise you
I provide lesson by lesson source code in the paid version: juliocasal.com/courses/blazor-essentials
@@juliocasal I appreciate it ! Thanks
Thanks a lot sir..avosome tutorial
Most welcome!
thank you very much!!!
Welcome!
Excellent stuff
Glad you think so!
I have been following your tutorial to the letter and is the best I have seen, I don't have VS Code so I am using VS 2022, NavigationManager throws an error that I can't seem to find a fix. Exception of type 'Microsoft.AspNetCore.Components.NavigationException' was thrown. Do you have any idea why this is happening? VS 2022 is version: 17.9.7, Thanks
It's likely an expected exception. Try without debugging (CTRL+F5) and the exception should not bother you.
@@juliocasal Excellent! It worked, thank you very much.
Thank you for your sharing. I learned a lot of knowledge from your channel.
Great!
Nice tut thanks!!!
You bet!
Do i need to know C# before I can watch and follow this video? and do you have a video for that? before I continues to watch this?
Yes, you need to learn C# first. Here: dotnet.microsoft.com/learn/csharp
Very nice, thank's!
Why use VScode when Visual Studio 2022 makes it so much easier to create projects and code?
Here: th-cam.com/video/FHnwVsDRu3k/w-d-xo.html
What is the difference between this course and your paid one ?
Paid one includes the slide deck download, lesson by lesson source code, quizzes and access to the Discord server for discussions.
Where can I buy you a coffe? what an amazing course!!
Thank you, already got too much coffee today :)
Great video 👍🏿
Thanks for watching!
Hi, can I know what is he command to build the project as a static web app?
It's not a Static Web App, you need a web server.
Great content 👍
The weird thing is that if you set the scope of GamesClient to SCOPED instead of SINGLETON - then after you add the game, the list is not updated. And I cannot figure out why. Other than that the video is great, THANKS!
With scoped, a new instance of the client is created as you navigate between components: learn.microsoft.com/en-us/aspnet/core/blazor/fundamentals/dependency-injection?view=aspnetcore-8.0#service-lifetime
Thanks
You're welcome, and thank you!
How did you remove the type or namespace name error in the beginning? Any extensions or way for visual studio code
?
@@juliocasalAfter the project was created, it showed the type or namespace name error in Program.cs and Imports.razor. I did not change anything at all but the projects executes if I run it even with those errros.
I found the way for anyone encountering the same problem.
Hi, Im still newbie with VS Code and C#, I dont know how to enable read underline check error, can you explain to me how to enable it please
Here: th-cam.com/video/O4dCgYicoDg/w-d-xo.html
1:43:25 why do you declare the "game" variable as a property with {get; set;} but declare genresClient a few minutes later as a field (without getter and setter)? How do I know when to declare as which?
The SupplyParameterFromForm can only be applied to properties. genresClient does not have this requirement.
Hi im interested to learn c# but I have MacBook so I can do this course on it.
You can use your MacBook.
What an amazing course - really awsome. I can't seem to get to modal working though (I am using Visual Studio 2022, not VS Code). Nothing happens, when I click the delete-button. Anyone?
Is your component interactive?
@@juliocasal Yes, rendermode is InteractiveServer. Showing modals is actually a recurring problem. Could the browser be the problem, I wonder? Maybe my browser is surpressing popups in some way? Hmmmmm.....
@@juliocasal Yes - I am not even getting the url, when I hoover over the button, like I do on the edit-button. Do I fail to register this in some way, perhaps
@@juliocasal The rendermode is interactiveServer, by the way
Subscribed
note, Creating instance in razor page with =new() throwed error that it requires Model. (it was already there). The actual solution was creating in OnInitialized() logic
Odd.
it looks like for vs code u can debug or have hot reload but not both
Yes, I never thought about using hot reload while debugging.
can't I use visual studio instead of visual studio code?
You can.
This blazer webassembly not blazer server course , i am right ?
This is 90% Blazor Static SSR, 10% Interactive SSR. No Web Assembly.
@@juliocasal so blazor server?
Am I the only one to get errors Namespace GameStore could not be found? I can only get this to work by running this in Visual Studio
Blazor support in VS Code is not as good as in VS yet.
It's a weird bug, try this:
- remove extension C# Dev Kit
- close the Vscode
- open and install C# Dev Kit
- close again
- Open and see if works
I was testing and find this:
- Right click in C# extension, Install another version, pick another version
- Do the same thing for C# dev kit
- Restart Vscode
@@estevves3903 Didn't work, but thanks. I will just continue to use VS
@@michaelday6987 Really? Installing another version for C# extension worked for me, in this case it's better VS