Learn Blazor by building fishcard | .NET fullstack dev - 001
🍿 First video in .NET fullstack dev series. Learn to build a .NET web application: from the frontend to the backend, all in C#.
In this video, learn how to build blazor web assembly project by building a project of fishcard. See live site at: https://fishcard.codewithsaar.net.
🍔 Takeaways
For more videos like this:
💡Subscribe: https://www.youtube.com/c/CodewithSaa....
🧩 Resources
Blazor official tutorial: https://dotnet.microsoft.com/en-us/ap...
📺 Demo code:
Fishcard source code: https://github.com/xiaomi7732/CodeWit...
💬 Discord server for Code w/ Saar: / discord
➡️ Reach me on twitter @CodeWithSaar. My home page: https://www.codewithsaar.net
☕ If you want to buy me a coffee: https://www.buymeacoffee.com/codewith... and thank you!
🔖 Chapters
00:00 Intro
01:57 Setup .NET SDK
02:54 Create Blazor WASM project by CLI
04:00 Install Extensions for VSCode
05:46 Create gitignore file with CLI
06:11 Important Blazor files
06:59 Run the frontend project
08:36 Show diff in source control
10:25 Debugging Blazor Web Assembly App inside browser
12:07 Show C# code in the browser's DevTools
13:40 Display logging using Console.WriteLine()
14:15 Reload window to sync symbols with source / binaries