Blazor Fundamentals Tutorial – Learn Blazor Step-by-Step

Post Content

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 Read More freeCodeCamp.org

#programming #freecodecamp #learn #learncode #learncoding