Blazor Tutorial C# - Part 1 | Blazor Basics in 30 Mins [Blazor Development] | Razor Pages

Blazor Tutorial C# - Part 1 is a tutorial video that covers Blazor Basics in 30 Mins duration which explains more about Razor pages. We'll be including more about Blazor Development (including the Advanced concepts) in our upcoming videos in this series.

Learn Blazor with Coding Droplets. Below is the Blazor Tutorial Playlist Link:

#Blazor is a free and open-source web framework that enables developers to create web apps using C# and HTML. We are using #DotNet5 and #DotNet6 as target framework in this video tutorial series. - Asp.Net Core

Blazor lets you build interactive web UIs using C# instead of JavaScript. Blazor apps are composed of reusable web UI components implemented using C#, HTML, and CSS. Both client and server code is written in C#, allowing you to share code and libraries.

Blazor can run your client-side C# code directly in the browser, using Blazor WebAssembly. Because it's real .NET running on #WebAssembly, you can re-use code and libraries from server-side parts of your application.

Alternatively, Blazor can run your client logic on the server (Blazor Server). Client UI events are sent back to the server using SignalR - a real-time messaging framework. Once execution completes, the required UI changes are sent to the client and merged into the DOM.

Blazor is not like Silverlight, Microsoft’s previous attempt at hosting in-browser applications. Silverlight required a browser plugin in order to run on the client, which prevented it from running on iOS devices.

Blazor does not require any kind of plugin installed on the client in order to execute inside a browser. Blazor either runs server-side, in which case it executes on a server and the browser acts like a dumb terminal, or it runs in the browser itself by utilising WebAssembly.

Because WebAssembly is a web standard, it is supported on all major browsers, which means also client-side Blazor apps will run inside a browser on Windows/Linux/Mac/Android and iOS.

Topics Covered in this Video:
0:00 - Intro
2:57 - Demo Blazor Web Application
6:07 - Blazor Project Setup
7:44 - What is Razor?
8:41 - Routing in Blazor
12:53 - Declaring Variables and Methods in Blazor
22:23 - Explicit Event Declaration in Blazor
23:35 - How to use Conditions and For Loops in Blazor
29:22 - MarkupString in Blazor
30:52 - Summary of Blazor Basics Tutorial

You can reach us at Social Media:

[CodingDroplets]

🔗Blazor Tutorial Series Playlist link:

[merlijnslewe]

i love these lessons from arnold schwarzenegger

[noahb]

This video is it everyone! After looking through Blazor tutorial videos all I needed was a someone to explain simply how to add the C# code to a blazor page, great video if you already know C# and want to add some front-end to your skillset.

[romzkiedelfin]

I, professionally and higly recommended this Youtube Channel - Coding Droplets. I'm just an IT guy who wants to enter the field of Microservice development. All your videos helps me a lot. Easy to understand, well explained and best presentations for every tutorials.

Salute to Sir Coding Droplets👌🙌👏👍

[breannathompson]

Thank you, very helpful so far! Im completely self taught as a beginner and this video really boosted my understanding of Blazor... i cant believe it was so simple at the beginning! I feel like too many tutorials skip basics like even routing... so thanks for starting from ground up!

[Vforgoodvibes]

You got a new subscriber today (19/10/2023).. awesome tutorial

[Klusio]

This is very begginer-friendly content! I was looking after some blazor tutorial, but all of theme available on youtube are pretty advanced. This one however, is very noob-firendly. Thank you for that kind of tutorial! Well-explained and understandable!

[gazzer]

Thanks very much for the video!
Great explanations and very clear. Nice teaching!

[huevosrancheros]

Exactly what I've been looking for. Thank you so much

[darwinturingan]

Great job on this video. So easy to understand! :)

[richardwilliamson]

Great so far. Thank you for creating this.

[shuhaib]

Great tutorial. Really liked it. Waiting for Part 2.

[chrisogle]

Incredible video. Thank you. I’m looking forward to watching more!

[transtechmuthu]

Very good one.. Explaining from scratch...

[sasagasparovic]

Very good video. I've came from Angular and I am quite pleasantly surprised by what I see, how clear and understandable it is. I like it a lot so far

[marypaul]

subscribed 6 minutes in seems like a good teacher here

[headcode]

Great video. I think you can use Hot Reload to display your changes rather than redeploying after each change.

[reachsoftware]

Hi.. Is it possible in blazor server app to connect with local websocket server to share data of printer list from to pc to webpage

[scott-dinhquangnguyen]

I dont have background in c# or coding in general. i know some basics of python only. Should I pick up c# basics before coming back here? Thank you.

[jenni]

what is the purpose of overriding OnIntialised?