Översikt — .NET 10

Lektionsplan — 8 veckor, 8 lektioner

Grundkurs i Blazor för YH med .NET 10 (LTS). En lektion per vecka à 2,5 timme. Mellan lektionerna ~4–5 h egen tid med övningar och soloprojekt. Examination sker som individuellt projekt under sista veckorna med mål-frameworket net10.0.

8
Lektioner
2,5 h
Per lektion
1
Lektion / vecka
8
Veckor

Bakåtplanering

Kursen är planerad baklänges från examinationen i V8. Det betyder att vi snabbt får igång ett "riktigt" projekt och bygger på det med nya koncept varje vecka.

Tidslinje

Vecka 1
Lektion 01 — Intro till Blazor & verktygskedjan
Vad är Blazor? Render modes, första projektet, hot reload.
Vecka 2
Lektion 02 — Razor-komponenter
Komponentanatomi, parametrar, ChildContent, lifecycle.
Vecka 3
Lektion 03 — Data binding & events
@bind, event-handlers, EventCallback, StateHasChanged.
Vecka 4
Lektion 04 — Routing & layouts
@page, route-parametrar, NavigationManager, MainLayout.
Vecka 5
Lektion 05 — Formulär & validering
EditForm, DataAnnotations, InputXxx, custom validering. Examinationen presenteras.
Vecka 6
Lektion 06 — State management & DI
Service-livstider, delat tillstånd, CascadingValue, AppState.
Vecka 7
Lektion 07 — Web API-anrop & auth
HttpClient, typad klient, ErrorBoundary, AuthorizeView.
Vecka 8
Lektion 08 — Render modes, prestanda & deployment
@rendermode, prerendering, publicering. Redovisning av examinationsprojekt.
Vecka 8 · Fredag 17:00
Examinationsinlämning
Git-repo + (för VG) publicerad URL.

Lektionsöversikt

Lektion 01 · V1
Intro till Blazor
MålFörstå render modes och kunna skapa & köra en Blazor-app.
TeoriBlazor i .NET-ekosystemet, Server vs WASM vs Auto vs Static.
Workshopdotnet new blazor, ändra Counter, hot reload.
HemuppgiftÖvningar 1–4 + Soloprojekt 1.
Lektion 02 · V2
Razor-komponenter
MålBygga återanvändbara komponenter med parametrar.
TeoriKomponent-anatomi, [Parameter], ChildContent, lifecycle.
WorkshopBryt ned Home.razor i fler komponenter.
HemuppgiftÖvningar 1–4 + Soloprojekt 1.
Lektion 03 · V3
Data binding & events
MålBehärska tvåvägsbindning och EventCallback.
Teori@bind, @bind:event, async handlers, StateHasChanged.
WorkshopSökruta med live-filtrering, ProductCard med Buy-event.
HemuppgiftÖvningar + Soloprojekt 1.
Lektion 04 · V4
Routing & layouts
MålSkapa en flersidig app med navigering.
Teori@page, route-parametrar, NavigationManager, MainLayout.
WorkshopLista → detalj-sida med id-parameter.
HemuppgiftÖvningar + Soloprojekt 1.
Lektion 05 · V5
Formulär & validering
MålBygga formulär med validering som ger bra UX.
TeoriEditForm, DataAnnotations, InputXxx, IValidatableObject.
WorkshopAnvändarregistreringsformulär med custom validering.
HemuppgiftÖvningar + börja examinationen.
Lektion 06 · V6
State management & DI
MålDela tillstånd mellan komponenter på rätt sätt.
TeoriDI-livstider, service+event-mönster, CascadingValue.
WorkshopCartService med live-uppdatering i navbar.
HemuppgiftÖvningar + examination.
Lektion 07 · V7
Web API-anrop & auth
MålHämta data från API och skydda sidor.
TeoriAddHttpClient, GetFromJsonAsync, ErrorBoundary, AuthorizeView.
WorkshopAnropa Open-Meteo, skapa en skyddad sida.
HemuppgiftSlutför funktionella krav för examination.
Lektion 08 · V8
Render modes & deployment
MålVälja rätt render mode och publicera till produktion.
Teori@rendermode, prerendering, Azure App Service, IIS.
WorkshopPublicera examinationsprojektet, muntlig redovisning.
HemuppgiftInlämning fredag 17:00.

Bedömningskriterier (sammanfattning)

OmrådeGVG
Komponenter & routingFungerande CRUD-app med flera sidor.Genomtänkt nedbrytning, route-parametrar, layouter.
Formulär & valideringEditForm + DataAnnotations.Custom validering, snygg UX-feedback.
State & DIService via DI.Korrekta livstider, IDisposable-mönster.
API & authLokal datalagring.Eget API + auth som skyddar skrivande endpoints.
DeploymentKörs lokalt.Publicerad till Azure/IIS med HTTPS.
KodkvalitetLäsbar kod, README.Konsekvent stil, små filer, render-mode-motivering.
Tips för studenter Påbörja examinationen senast V5. Det är mycket lättare att lägga till VG-krav på en fungerande G-app än att försöka pussla ihop allt sista veckan.

Litteratur & resurser

Kärnböcker

Pluralsight-komplement

Hela kursen är kopplad till Pluralsight Blazor Path: pluralsight.com/paths/blazor. Centrala kurser:

Officiell dokumentation

För lärare

Lärarhandledningar Varje lektion har en separat lärarhandledning (teacher-L1.html till teacher-L8.html) med agenda, talking points, demos och differentierings­tips.

Veckans rytm

Föreslagen rytm för en typisk vecka:

← Föregående: Examination