Blazor er det mest moderne inden for webudvikling fra Microsoft. Man bruger C# , HTML og CSS til at lave hjemmeside komponenter. Udvikleroplevelsen minder meget om React , Svelte, Vue.js og mange af de andre moderne JavaScript Frameworks.
Et Razor-komponent i Blazor er den del af applikationen, der kombinerer C#-kode og HTML/CSS-markup for at oprette genanvendelige UI-elementer. Razor-komponenter er byggestenene i Blazor-applikationer og tillader udviklere at opdele UI’en i mindre, genanvendelige dele.
Razor-komponenter bruger et syntaks, der ligner Razor-syntaksen i ASP.NET, hvor C#-kode og HTML/CSS-markup kan blandes sammen. Dette gør det muligt for udviklere at definere logik og præsentation i samme komponentfil.
Blazor kan også bruges under MAUI til at lave applikationer til både IOS og Android.
Microsoft officiel dokumentation for Blazor kan findes her:
De har derudover også gode guides til at starte med Blazor. Nogle af dem bruger vi i undervisningen.
Blazor Tutorial | Build your first app
Visual Studio har mange templates til at starte med at lave Blazor applikationer. Ofte kommer vi til at bruge Blazor Web App - men der er også andre Blazor løsninger som vi kigger på senere!
Hvis du har brug for yderligere vejledning og inspiration til at komme i gang med Blazor, anbefaler jeg dig at tjekke resten af siden her, hvor der er en guide til at starte på Blazor. Denne guide giver en grundig gennemgang af Blazor-frameworket og viser dig, hvordan du opbygger en fuld funktionel Blazor-applikation trin for trin.
Microsoft som har lavet Blazor og vedligeholder det, har lavet et super godt forløb som vi også bruger på H1 - Markedsplads, det kan findes her
Build web applications with Blazor learning path - Training
Det tager kun 1 - 1.5 dag, at gennemføre, men giver nogle gode grundsten for hvordan man bruger det og hvad idéen bag arkitekturen er!
Microsoft har derudover udgivet en 100 sider lang bog omkring Blazor
Blazor-for-ASP-NET-Web-Forms-Developers.pdf
Vi har samlet flere eksempler på hvordan man kan bruge Blazor! Der er en generel, med mange eksempler samt en til hver hovedforløb, hvor vi bruger Blazor.
Generelle eksempler - https://github.com/MAGS-Template/BlazorEksempler
Eksempler til H1 - https://github.com/MAGS-Template/H1-Eksempler - Eksempler omkring Bilbasen - https://github.com/mags-template/h1-projektdemo
Eksempler til H2 - https://github.com/MAGS-Template/H2-Eksempler