Blazor WebAssembly 101: Build Your First App Step-by-Step!

[@ShahidMogul]

Your explanation is clear and straightforward! Your teaching style is both unique and highly effective for learning. I'll be recommending your videos to my team.

[@sigmoidtek1434]

Thank you so much!

[@obinnaokafor6252]

Amazing. More videos, please.

[@sigmoidtek1434]

Thank you! Will do!

[@sdriza]

​@sigmoidtek1434 this is great buddy - thanks

[@sigmoidtek1434]

Got any questions? Leave a comment! Thank you!

[@koSTAR1]

Hello World
In this line the android word doesn't comes in options and then the browser shows an error on the page. Guide please.

[@sigmoidtek1434]

Thanks for your comment. Actually, it is a CSS background-image.
In general I do following steps when I need a CSS background-image.
If you like, you may try it:
1) Copy the following text and look for it in Google.
"Convert SVG to Data URI for css background-image"
2 ) There will be displayed links of several SVG converter. Scrol-down a little bit,
you may see a link as "Convert SVG to Data URI for css background-image".
3) Click the link and you will find an "SVG Data URI converter".
4) Now, please go to the Bootstrap icon page, click any icon, then, in the right side you can find an area of "Copy HTML". Copy it's content. Then return to the page in step-3) and paste it in the left-side box.
5) Then, click the convert button. You will get the converted CSS in the righ-box.
6) Copy the convereted CSS content in the "CSS generated here" box.
7) Then, please go to your Blazor project and find "NavMenu.razor.css" file (inside the Layout folder).
8) Then, create a CSS class as you like, for example, just like below. Then paste the clipboard content, you just copied it in step 6) above, inside CSS class as below.
.bi-my-test-icon{
...paste it here...
}
9) Now you can use the icon in Blazor.
(When you landing each mentioned pages above, please read their usage instructions). Thank you!