Mål: Förstå grunderna i Blazor och bygga enkla komponenter.

Vad är Blazor?

• Översikt av Blazor  (Blazor Server vs. Blazor WebAssembly).
• Fördelar med Blazor jämfört med webbramverk.

Projektuppsättning och Grunder

• Installera och konfigurera ett Blazor-projekt i Visual Studio.
• Struktur och viktiga filer i ett Blazor-projekt.

Grundläggande Komponenter och Razor-syntax

• Skapa och använda komponenter.
• Data binding och eventhantering (@bind, onclick).

Dependency Injection och State Management

• Hur DI fungerar i Blazor.
• Enkel delning av data mellan komponenter.

Övning:
Bygg en enkel ”To-Do”-applikation där användaren kan lägga till och ta bort uppgifter.

Dag 2: Datahantering, API-anrop och Enkel Databaskoppling.

Mål: Anropa API:er, koppla Blazor till en databas och skapa mer dynamiska komponenter.

Kommunikation mellan komponenter

• Föräldra-barn-kommunikation med @Parameter och EventCallback.
• Delning av state med tjänster.

Anropa och hantera API:er (REST & JSON)

• Skicka och hämta data från ett Web API med HttpClient.
• JSON-serialisering och deserialisering.

Routing och Navigation

• Implementera routing i Blazor.
• Skapa och använda parametrar i URL:er.

Formulär och Validering

• Hantera formulär med EditForm.
• Validering med DataAnnotations.

Enkel Databaskoppling (EF Core + Databas)

• Installera och konfigurera Entity Framework Core i Blazor.
• Skapa en enkel Databas.

Övning:
Utöka ”To-Do”-applikationen så att uppgifterna sparas och hämtas från ett API.

Dag 3: Avancerade Funktioner och Prestandaoptimering

Mål: Förstå mer avancerade funktioner och optimera Blazor-applikationer.

Authentication & Authorization

• Introduktion till identitetshantering i Blazor.
• Enkel JWT-baserad autentisering.

Component Lifecycle & Performance Optimization

• Livscykelmetoder (OnInitialized, OnParametersSet, OnAfterRender).
• Lazy loading och optimering av komponentuppdateringar.

JavaScript Interop

• Anropa JavaScript-funktioner från Blazor.
• Exempel: Koppla en Blazor-knapp till en JavaScript-modal.

Övning:
Lägg till autentisering i To-Do-appen och förbättra prestandan med lazy loading.

Sammanfattning och Avslutning

• Genomgång av kursen och få en bra uppstart.
• Diskussion om nästa steg.
• Frågor och svar.