Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Blazor Fundamentals Tutorial - Learn Blazor Step-by-Step

via freeCodeCamp

Overview

Embark on a comprehensive 1-hour 21-minute tutorial that guides beginners through Blazor fundamentals, enabling the creation of web applications in .NET 8 from scratch. Explore essential concepts including project structure, components, event handling, data binding, and various render modes. Dive into practical CRUD operations, learning to create, scaffold, and test pages while connecting to a database. Master form validation and gain hands-on experience with different page types in this step-by-step learning journey designed to build a solid foundation in Blazor development.

Syllabus

⌨️ Overview
⌨️ What is Blazor
⌨️ Project structure
⌨️ Blazor Components
⌨️ Event handling
⌨️ onclick event
⌨️ oninput event
⌨️ onmouseover event
⌨️ onkeydown event
⌨️ onfocus & onblur event
⌨️ Data binding
⌨️ One-way data binding
⌨️ Two-way data binding
⌨️ Change the data bind event
⌨️ Execute code after data binding
⌨️ Render modes intro
⌨️ Static Server Side Rendering
⌨️ Enhanced Navigation & Form Handling
⌨️ Streaming Rendering
⌨️ Interactive Server Rendering
⌨️ Interactive WebAssembly Rendering
⌨️ Interactive Auto Rendering
⌨️ Interactive Server Rendering Example
⌨️ Interactive Auto Rendering Example
⌨️ Interactive WebAssembly Rendering Example
⌨️ CRUD Intro
⌨️ Creating the project & the data model
⌨️ Scaffolding the CRUD pages
⌨️ Creating a database and connecting it to the project.
⌨️ Testing the CRUD pages
⌨️ Index Page
⌨️ Create Page
⌨️ Form validation
⌨️ Delete Page
⌨️ Details Page
⌨️ Edit Page

Taught by

freeCodeCamp.org

Reviews

Start your review of Blazor Fundamentals Tutorial - Learn Blazor Step-by-Step

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.