Build fishcard by Blazor step by step in less than 12 minutes | .NET fullstack dev - 004
🍿 4th video on Blazor Web Assembly (WASM). We will quickly rebuild the core part of the fishcard based on our understanding of Blazor in the last few videos.
See the live site at: https://fishcard.codewithsaar.net.
🍔 Takeaways
Layout: share implementation between success/failed routes.
Data Bind: syncs value for DOM and model.
Input events: onchange vs oninput.
For more videos like this:
💡Subscribe to my channel - https://www.youtube.com/c/CodewithSaa....
🧩 Resources
Blazor official tutorial: https://dotnet.microsoft.com/en-us/ap...
Parameter constraint document: https://docs.microsoft.com/en-us/aspn...
📺 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 Add the hyperlink in Layout component
02:06 App component
02:52 Setup Route to Fishcard Home
03:52 Add an image with alt/title
06:07 Add an input box with placeholder
06:42 Buttons
07:54 Data binding
10:17 Bind Event