Programowanie aplikacji w technologii Blazor

Moduł 1. Wprowadzenie

• Wprowadzenie do platformy .NET 8+
• Blazor Server – przykładowa aplikacja
• WebAssembly – przykładowa aplikacja
• Blazor Hybrid/.NET MAUI – (opcjonalnie)
• Cykl życia aplikacji Blazor
• Koncepcja aplikacji typu SPA

Moduł 2. Utworzenie aplikacji Blazor

• Wybór środowiska programistycznego
• Szablony projektów
  • Utworzenie aplikacji Blazor Server
  • Utworzenie aplikacji Blazor WebAssembly
• Korzystanie z wiersza poleceń
• Struktura projektu
  • Program.cs - zawartość
  • App – rola pliku
  • MainLayout - szablony
  • CSS – własne style i istniejące frameworki
• Routing w aplikacji Blazor

Moduł 3. Udostępnianie kodu i zasobów

• Utworzenie magazynu danych
• Utworzenie klas danych
• Utworzenie interfejsu
• Zaimplementowanie interfejsu
• Utworzenie interfejsu API

Moduł 4. Podstawowe komponenty platformy Blazor

• Informacje o komponentach
  • Komponent Counter
  • Komponent FetchData
• Składnia Razora
  • Bloki kodu
  • Wyrażenia niejawne
  • Wyrażenia jawne
  • Kodowanie wyrażeń
  • Dyrektywy
• Wstrzykiwanie usługi - DI
• Miejsca umieszczania kodu
  • Plik .razor
  • Klasa częściowa
  • Klasa pochodna
  • Osobny plik
• Zdarzenia w cyklu życia komponentu
  • Metody OnInitialized i OnInitializedAsync
  • Metody OnParametersSet i OnParametersSetAsync
  • Metody OnAfterRender i OnAfterRenderAsync
  • Metoda ShouldRender
• Parametry komponentu
• Utworzenie pierwszego komponentu
  • Utworzenie biblioteki komponentów
  • Wykorzystanie biblioteki komponentów

Moduł 5. Tworzenie komponentów Blazora

• Wiązanie danych
  • Wiązania jednokierunkowe
  • Wiązanie dwukierunkowe
• Akcje i struktura EventCallback
• Metoda RenderFragment
  • Fragment ChildContent
  • Wartość domyślna
  • Utworzenie komponentu alarmu
• Wbudowane komponenty
  • Ustawianie fokusu na elementach interfejsu graficznego
  • Modyfikowanie sekcji
  • Wirtualizacja komponentów

Moduł 6. Tworzenie formularzy z weryfikacją danych

• Elementy formularza
  • EditForm
  • InputBase
  • InputCheckbox
  • InputDate
  • InputNumber
  • InputSelect
  • InputText
  • InputTextArea
  • InputRadio
  • InputRadioGroup
  • InputFile
• Implementacja weryfikacji poprawności danych
  • Komponent ValidationMessage
  • Komponent ValidationSummary
• Niestandardowe klasy stylów weryfikacji
• Wiązanie danych
  • Wiązanie danych w elementach HTML
  • Wiązanie danych w komponentach
• Utworzenie interfejsu administracyjnego

Moduł 7. Tworzenie interfejsu API

• Utworzenie usługi
  • Implementacja dostępu do danych
  • Minimalistyczny interfejs API
  • Utworzenie kontrolerów API
• Utworzenie klienta

Moduł 8. Uwierzytelnianie i autoryzacja

• Implementacja uwierzytelniania użytkowników
  • Konfiguracja aplikacji
• Uwierzytelnianie w aplikacji Blazor Server
• Uwierzytelnianie w aplikacji Blazor WebAssembly
• Uwierzytelnianie w interfejsie API
• Implementacja autoryzacji

Moduł 9. Udostępnianie kodu i zasobów

• Pliki statyczne
  • Wybór platformy
  • Tworzenie stylu
  • Dodanie stylów CSS do projektu BlazorServer
  • Dodanie stylów CSS do projektu BlazorWebAssembly
  • Ulepszenie interfejsu administracyjnego
  • Ulepszenie menu
• Izolacja stylów CSS

Moduł 10. Interakcja z JavaScriptem

• Odwołania z C# do JavaScriptu
  • Tryb globalny
  • Tryb izolowany
• Odwołania z JavaScriptu do C#
  • Wywołanie metody statycznej
  • Wywołanie metody instancji
• Wykorzystanie istniejącej biblioteki JavaScript
• Interakcja z JavaScriptem w aplikacji Blazor WebAssembly
  • Wywoływanie kodu JavaScript w kodzie C#
  • Wywoływanie kodu C# w kodzie JavaScript

Moduł 11. Zarządzanie stanem

• Przechowywanie danych po stronie serwera
• Przechowywanie danych w adresie URL
  • Restrykcje ścieżek
  • Kwerendy
• Przechowywanie danych w pamięci przeglądarki
• Przechowywanie danych w usłudze kontenera stanu w pamięci

Moduł 12. Debugowanie kodu

• Debugowanie aplikacji Blazor Server
• Debugowanie aplikacji Blazor WebAssembly
• Debugowanie aplikacji Blazor WebAssembly w przeglądarce
• Przeładowywanie kodu na gorąco

Moduł 13. Testowanie

• Co to jest bUnit?
• Przygotowanie projektu testowego
• Imitowanie interfejsu API
• Tworzenie testów
• Testowanie uwierzytelniania użytkowników
• Testowanie JavaScriptu