Blazor Full Course For Beginners

[@adamv2628]

you are my hero julio casal! thanks for sharing all your Blazor and dotnet expertise here. it is wonderful.

[@juliocasal]

Wow, thank you!

[@antonmartyniuk]

It's really impressive that your released such an amazing course for free! Well done and thanks!

[@juliocasal]

My pleasure!

[@luchopper7369]

5 hours very well spent. I worked using Blazor in a recent contract role and wish I'd done this before starting. Excellent Course!

[@juliocasal]

Glad it was helpful!

[@TomWillwerth]

Very nice and comprehensive course with this and the backend one!

[@juliocasal]

Thank you, I’m glad you enjoyed it!

[@eatersdaily]

i love the way how you teach , please keep going and create more advanced tutorials for us . GOAT

[@juliocasal]

More to come!

[@damianjankov3343]

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.

[@juliocasal]

Glad you liked it!

[@paca3107]

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.

[@juliocasal]

Thank you, really appreciate your kind words!

[@THEspindoctor84]

the first 56 minutes are already extremely helpful

[@juliocasal]

I’m glad!

[@vishnumaya1930]

You are explaining every nook and corner very clearly. We are very blessed to have master like u.Lots of Thankyou sir

[@juliocasal]

Thank you so much for the kind words!

[@adedoyin-emmanuel-adeniyi]

Thanks a lot Julio. I picked up Blazor 2 days ago and I'm rocking it :)

[@juliocasal]

Rock on!

[@Zephyr_boy]

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!

[@juliocasal]

Glad I could help!

[@mrvbalazs]

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!

[@juliocasal]

You're very welcome!

[@TheDeathknight23]

Thank you clicksaver man. I wanted to learn Blazor without dying on first try lol.

[@juliocasal]

Glad to help!

[@Duelweb]

Where, oh where can I buy you a coffee ??? This is so amazing, loving every minute!

[@juliocasal]

I'm glad you are liking it!

[@Reminiscer0]

Yesssssss this has been much awaited... You've been so much helpful on my journey so far... Many thanks!!

[@juliocasal]

Glad I could help!

[@imadabab]

A perfect course about Blazor!! Thanks a lot for sharing. I subscribed long time ago.

[@juliocasal]

Much appreciated!

[@imadabab]

@@juliocasal You are amazing. Appreciate it. Best course in Blazor on KZbin.

[@rahulmule2398]

One of the best tutorial on blazor.

[@juliocasal]

Thank you!

[@PatrickImboden]

Thank you. Very good explanation for a beginner.

[@sspykson]

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!

[@juliocasal]

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.

[@the-antroy]

Thanks a lot sir. Something I love from this community is the much learning resources. 🚀

[@juliocasal]

My pleasure!

[@ammarahmad6561]

Love your course Julio. Thank you soo much! I learned a lot!

[@juliocasal]

Awesome, thank you!

[@muhammadhosny3204]

Amazing and Very Impressive … Thanks for your Efforts

[@juliocasal]

Thank you too!

[@shawnwu4042]

Thank you very much for your tutorial, I am a beginner and slightly regret that there is no tutorial for reading SQL data

[@juliocasal]

For reading SQL data?

[@shawnwu4042]

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

[@kodindoyannick5328]

Great course! You explain well. Thank so much.

[@juliocasal]

You're very welcome!

[@ciminoce]

Thanks for share with us!!! All the best!!!

[@learningfromYT]

Thanks

[@juliocasal]

You're welcome, and thank you!

[@corinapelichowski2950]

Thank you so much for this amazing video. Really kick-started my learning of Blazor, much appreciated.

[@juliocasal]

Glad it helped!

[@frederickbazanye-lutu8553]

This is really good Julio. Thank you.

[@juliocasal]

Welcome!

[@saeedrezataheri2578]

that is great, I really appreciate your job and very happy for finding this clip and your channel

[@juliocasal]

Thank you very much!

[@melliflousbufo]

Fantastic - thanks so much for what must have been days or weeks in the making!

[@juliocasal]

A little over a month, but I think well worth it!

[@joegurriacelimendiz3972]

Interesting course, thanks Julio!

[@juliocasal]

My pleasure!

[@shahinuddin4418]

Thank a lot for the awesome tutorial as usual. Now I think I can learn Blazor.

[@juliocasal]

You can do it!

[@shahinuddin4418]

Thanks.

[@stephanram125]

I appreciate you used VS Code instead of Visual studio for this tutorial. Great

[@juliocasal]

Welcome!

[@tomekm9]

Waiting for another Blazor Course ❤

[@JoystonLewis]

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

[@juliocasal]

Sorry, I don't have such a video. But the recommendation today is to create new sites using Blazor, not Razor.

[@JoystonLewis]

@@juliocasal Its fine I just asked in case you have one, sure I will focus on blazor as its latest.

[@stefanobompieri5836]

Amazing video, i'm your fan right now

[@juliocasal]

Thank you!

[@vijayarajan-bt5fk]

வாழ்த்துகள் 🎉🎉🎉நன்றி

[@juliocasal]

Welcome!

[@kevinrambo]

Great course, thank you for posting.

[@juliocasal]

My pleasure!

[@kill_switch_101]

very beginner friendly, tnx a lot

[@juliocasal]

You're welcome!

[@sandeshshakya5900]

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?

[@juliocasal]

The SupplyParameterFromForm can only be applied to properties. genresClient does not have this requirement.

[@josemariasanmartin6648]

Great tutorial. Thanks Julio

[@juliocasal]

Glad you liked it!

[@sepidehdalirpour5640]

Thanks for such an incredible course😃

[@juliocasal]

Glad you like it!

[@之静水深流]

循序渐进，很好的入门教程👍

[@yaoj9407]

Thank you sir, your video is what I was looking for.

[@juliocasal]

Glad it helped!

[@antonioherrera2063]

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?

[@juliocasal]

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.

[@bennymountain1]

Instant like! Having a slow day at work, so you saved me from unproductive faffing about 🤣

[@juliocasal]

Great to hear!

[@serghei.cupelschii]

Thank you for your work :) It is usefull, I've got a lot of new information

[@juliocasal]

You are welcome!

[@abdoZico-ti9wb]

ماشاء الله عليك يا هندسة شرحك جامد جدا و مفصل اتمنى تكمل والله و باذن الله هتكسر الدنيا والله عشان انت تستاهل❤❤

[@mustafayazlmc3973]

Thanks 👍 for using vs code its much better god bless you❤

[@juliocasal]

You're welcome 😊

[@juanignaciosampedro1930]

Awesome explanation! Thanks 🙌

[@juliocasal]

My pleasure!

[@WangAndrew]

Thanks for the course. Love it !🥳🥳🥳🥳🥳🥳

[@juliocasal]

So glad!

[@mq9032]

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.

[@juliocasal]

Header?

[@mq9032]

@juliocasal sorry, the navbar

[@mq9032]

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

[@chidii]

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

[@dacorrea]

Awesome content!

[@juliocasal]

Glad you enjoyed it

[@well-phaser]

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?

[@juliocasal]

You're very welcome!

[@Veence7]

Thanks for lecture.. Question: How were the errors in the Program.cs file resolved. 17:26

[@juliocasal]

There are no errors. Some red squiggles might show in the editor, but the code compiles.

[@Veence7]

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

[@Veence7]

It actually still brings it up when I run the dotnet watch command. Not sure why it ignores only to bring it back again

[@rhinochannel12]

Thank you for your sharing. I learned a lot of knowledge from your channel.

[@juliocasal]

Great!

[@MikePL101]

Excellent tutorial, thank you 👍

[@juliocasal]

You’re welcome!

[@TheFourthPrince]

You are the best. Thanks a lot!!!

[@juliocasal]

You're welcome!

[@GeirSrbotten]

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?

[@juliocasal]

Here: kzbin.info/www/bejne/d5mkqX-ffKhqhsU

[@martinsilungwe2725]

Thank you for the tutorial much appreciated🙏🙏

[@juliocasal]

No problem 👍

[@horo8090]

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!

[@juliocasal]

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

[@jasemtechno6218]

Thanks brother Very nice Tutorial 🌺

[@juliocasal]

Welcome!

[@juanzero10]

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?

[@larsp5109]

For sure development time is much higher with Blazor vs. React

[@juanzero10]

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?

[@ruaha-x]

​@@juanzero10react is a few millisecond faster 🤷🏽‍♂️

[@adrianspikes6454]

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

[@Vermillion999-y2n]

Can I join your team?

[@reemgody5492]

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?

[@juliocasal]

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.

[@nada3131]

Would it be possible to have a tutorial on how to deploy this app? Thank you so much for these videos!

[@juliocasal]

No exactly this app, but here: kzbin.info/www/bejne/jqW6ppWfit-tY80

[@nada3131]

@@juliocasal Thank you!

[@nicolasgonzalezl]

Amazing! Thanks a lot.

[@juliocasal]

You're welcome!

[@eugenekhfs]

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?

[@juliocasal]

?

[@tinyolympus]

Excellent stuff

[@juliocasal]

Glad you think so!

[@helvecioguimaraes]

excellent, many thanks

[@juliocasal]

Thank you too!

[@adamv2628]

Can anyone tell me the settings.json values for razor files in VSCode for indenting the new() records as shown under the @code section in the games collection (from time1:08 onwards)? thx. @code { private GameSummary[] games = [ new(){ Id = 1, Name = "Street Fighter II", Genre = "Fighting", Price = 19.99M, ReleaseDate = new DateOnly(1992,7,15) } ]; }

[@juliocasal]

I didn't use any settings.json file. Likely I did tab for proper indentation.

[@kylecollie7813]

I am also having formatting issues. Even tabbing or spacing to format, reverts on save.

[@estevves3903]

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.

[@juliocasal]

Either way will work.

[@estevves3903]

@@juliocasal Thanks.

[@evangudmestad]

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?

[@juliocasal]

Zoom It: learn.microsoft.com/en-us/sysinternals/downloads/zoomit

[@rayt6867]

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

[@juliocasal]

It's likely an expected exception. Try without debugging (CTRL+F5) and the exception should not bother you.

[@rayt6867]

@@juliocasal Excellent! It worked, thank you very much.

[@L0n3w0]

How did you remove the type or namespace name error in the beginning? Any extensions or way for visual studio code

[@juliocasal]

?

[@L0n3w0]

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

[@L0n3w0]

I found the way for anyone encountering the same problem.

[@benjaminvenezia1944]

Very nice, thank's!

[@marcouitendaal985]

Hi, really well done. Only things I missed were passing arguments between parent and child components, eventcallbacks and I think I didn't see StateHasChanged() anywhere. But, very enjoyable and well explained. Watching this video after doing a couple of other courses, because I really want stuff to stick well in my brain with different people explaining. and I could just follow along well, so I guess I understand the basics. BTW. integrating with that minimal api project -> nice.

[@juliocasal]

Glad it helped!

[@Jack-x2u]

我很喜欢希望能继续更新😀

[@yousefmohamedtawfiq9022]

thank you so much. what is your recommendation after this course?

[@juliocasal]

Depends on what you'd like to learn next.

[@yousefmohamedtawfiq9022]

@@juliocasal i want to create ecommerce training website to practice dotnet core and blazor

[@demetrischristopoulos1973]

Nice tut thanks!!!

[@juliocasal]

You bet!

[@HammerHeadGameStudio]

Great content 👍

[@Mo-ef9yt]

Great video 👍🏿

[@juliocasal]

Thanks for watching!

[@himanshudwivedi533]

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.

[@juliocasal]

Thanks, I use the C# Dev Kit Extension the default VS Code theme.

[@himanshudwivedi533]

I'm using VS code on mac, same extension c# dev kit installed but still not getting the html intellisense suggestions 🤔

[@StrawberryDeveloper]

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

[@juliocasal]

I explain WebAssembly towards the end.

[@unamxhego5137]

Great video, I just can't seem to find the link to the backend API

[@juliocasal]

Check the backend video in the description

[@agnibpyne5404]

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.

[@juliocasal]

Thanks, this one uses Blazor Static SSR, with a bit of WASM towards the end.

[@agnibpyne5404]

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

[@ngocphuongle4990]

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

[@juliocasal]

Here: kzbin.info/www/bejne/hWXHdJqPnsiiesk

[@adityabhusal]

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

[@adityabhusal]

I absolutely adore your vids btw I am in no place to criticise you

[@juliocasal]

I provide lesson by lesson source code in the paid version: juliocasal.com/courses/blazor-essentials

[@adityabhusal]

@@juliocasal I appreciate it ! Thanks

[@Johmaz23]

Seguire este curso ojala me valla mejor :')

[@lostinthenarrativve]

Hey man, I know nothing about coding but want to become a C# Web developer ( not game or mobile ) where should I begin ?

[@juliocasal]

Here: dotnet.microsoft.com/learn/csharp

[@john_smith2112]

Hi, can I know what is he command to build the project as a static web app?

[@juliocasal]

It's not a Static Web App, you need a web server.

[@0x-003]

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?

[@juliocasal]

Yes, you need to learn C# first. Here: dotnet.microsoft.com/learn/csharp

[@BAS-64]

Why use VScode when Visual Studio 2022 makes it so much easier to create projects and code?

[@juliocasal]

Here: kzbin.info/www/bejne/fHnRqImpebeoac0

[@sebastianp2810]

thank you very much!!!

[@juliocasal]

Welcome!

[@aldkdenedik2451]

Thanks a lot sir..avosome tutorial

[@juliocasal]

Most welcome!

[@ElburdenBI]

Where can I buy you a coffe? what an amazing course!!

[@juliocasal]

Thank you, already got too much coffee today :)

[@mathuchandran1898]

Hi im interested to learn c# but I have MacBook so I can do this course on it.

[@juliocasal]

You can use your MacBook.

[@Niño_olvis]

can't I use visual studio instead of visual studio code?

[@juliocasal]

You can.

[@donk8961]

1:52:16 Build errors, the form fields attempting to access game fail to find any of its properties. dot syntax works, autofill works, no errors indicated in the file, @using Model is where it should be. Am I cursed or what could be wrong? Game variable in @code section has 6 references exactly as in the video. Unlike in your demonstration, the color of game in @bind-Value="game.Name" is orange, not blue. The variable part '.Name' is blue.

[@donk8961]

Path\EditGame.razor(29,9): error CS0117: 'GameDetails' does not contain a definition for 'Name' [Path\GameStore.Frontend.csproj]

[@juliocasal]

Does your GameDetails class has a Name property?

[@donk8961]

@@juliocasal thanks for responding. Im not at my PC now, and in the end building the project in VS2019 worked. I’ll check after work just in case anyone else has this problem but Yes I believe GameDetails had a Name property when I first had this problem.

[@paulh6933]

it looks like for vs code u can debug or have hot reload but not both

[@juliocasal]

Yes, I never thought about using hot reload while debugging.