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å ‣, 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