Blazor Fundamentals Tutorial – Learn Blazor Step-by-Step

This crash course will guide you through learning the Blazor basics as a beginner, enabling you to start building web applications in .NET 8 from scratch! Course developed by @codeafuture 📙 Check out his C# eBook: https://codeafuture.gumroad.com/l/csharp-unlocked ⭐️ Contents ⭐️ ⌨️ (0:00:00) Overview ⌨️ (0:00:52) What is Blazor ⌨️ (0:02:23) Project structure ⌨️ (0:10:02) Blazor Components ⌨️ (0:15:51) Event handling ⌨️ (0:16:29) onclick event ⌨️ (0:18:30) oninput event ⌨️ (0:23:24) onmouseover event ⌨️ (0:26:32) onkeydown event ⌨️ (0:28:35) onfocus & onblur event ⌨️ (0:31:34) Data binding ⌨️ (0:32:50) One-way data binding ⌨️ (0:33:05) Two-way data binding ⌨️ (0:34:32) Change the data bind event ⌨️ (0:35:25) Execute code after data binding ⌨️ (0:38:27) Render modes intro ⌨️ (0:38:49) Static Server Side Rendering ⌨️ (0:39:32) Enhanced Navigation & Form Handling ⌨️ (0:40:25) Streaming Rendering ⌨️ (0:42:44) Interactive Server Rendering ⌨️ (0:43:19) Interactive WebAssembly Rendering ⌨️ (0:44:13) Interactive Auto Rendering ⌨️ (0:44:53) Interactive Server Rendering Example ⌨️ (0:46:52) Interactive Auto Rendering Example ⌨️ (0:53:06) Interactive WebAssembly Rendering Example ⌨️ (0:55:00) CRUD Intro ⌨️ (0:55:42) Creating the project & the data model ⌨️ (0:57:55) Scaffolding the CRUD pages ⌨️ (1:00:03) Creating a database and connecting it to the project. ⌨️ (1:03:13) Testing the CRUD pages ⌨️ (1:04:58) Index Page ⌨️ (1:08:23) Create Page ⌨️ (1:12:45) Form validation ⌨️ (1:16:40) Delete Page ⌨️ (1:18:45) Details Page ⌨️ (1:19:16) Edit Page 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news ❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp