DATA
CZAS
IMIENINY
FAZA KSIĘŻYCA
STAFLOTA ⊕ SEKTOR ALFA · BITEDU STATION
Mobile Apps · .NET MAUI · INF.04

Zbuduj aplikację mobilną krok po kroku

Tutaj uczysz się praktyki .NET MAUI: budujesz ekran w XAML, dodajesz kontrolki, łączysz je ze zdarzeniami i uruchamiasz logikę C#. Ten sam schemat wykorzystasz w prostej aplikacji i w zadaniu egzaminacyjnym.

.NET MAUI 10 kroków 14 ćwiczeń testy INF.04
Roadmapa .NET MAUI

Wybierz etap i przejdź prosto do materiału

Możesz realizować etapy po kolei albo od razu otworzyć temat, który chcesz przećwiczyć przed lekcją lub egzaminem.


Najpierw zrozum schemat

Każda aplikacja MAUI składa się z trzech części

Najpierw budujesz ekran, potem reagujesz na akcję użytkownika, a na końcu uruchamiasz logikę.

01 / WIDOK

Layout i kontrolki XAML

Grid, VerticalStackLayout, Entry, Button, Label. Układasz ekran aplikacji.

02 / POŁĄCZENIE

Zdarzenie i code-behind

Zdarzenie Clicked pobiera dane z kontrolek, sprawdza je i przekazuje do odpowiedniej metody.

03 / LOGIKA

Funkcje, metody i klasy

Obliczenia i reguły umieszczasz poza ekranem. Dzięki temu logikę można wykorzystać ponownie i testować.

Teoria INF.04 jest wspólna dla desktopu, mobile i web. Typy aplikacji, cykl życia, BHP, UML, testowanie i dokumentację powtarzasz w materiale INF.04 przed egzaminem. Na tej stronie skupiamy się na budowaniu aplikacji MAUI.

Ścieżka praktyczna

Dowolna aplikacja MAUI w 10 krokach

Powtarzaj ten sam schemat w każdym projekcie. Najpierw działający ekran, potem logika, dane i testy.

01

Utwórz projekt i uruchom pierwszą stronę

Poznaj strukturę projektu, wybierz urządzenie docelowe i uruchom aplikację.

Wprowadzenie do .NET MAUI
02

Zaplanuj ekran i wybierz layout

Podziel ekran przy pomocy Grid, VerticalStackLayout lub HorizontalStackLayout.

XAML i layouty w MAUI
03

Dodaj i nazwij kontrolki

Dodaj pola, etykiety, przyciski, listy i kontrolki wyboru. Ustaw najważniejsze właściwości.

Kontrolki w .NET MAUI
05

Pobierz, skonwertuj i zwaliduj dane

Odczytaj wartości kontrolek, sprawdź poprawność danych i pokaż komunikat użytkownikowi.

Modele i walidacja danych
06

Oddziel logikę od ekranu

Przenieś obliczenia i reguły do osobnej klasy. Code-behind powinien tylko łączyć ekran z logiką.

Oddzielenie logiki od UI w MAUI
08

Dodaj nawigację między ekranami

Przejdź do kolejnej strony, przekaż dane i wróć do poprzedniego ekranu.

Nawigacja po stronach w MAUI
09

Zapisz dane do pliku TXT lub JSON

Zachowaj dane pomiędzy uruchomieniami aplikacji w bezpiecznej lokalizacji urządzenia.

Pliki TXT i JSON w MAUI
10

Przetestuj logikę aplikacji

Utwórz projekt testowy MSTest, zastosuj schemat AAA i sprawdź metody dla poprawnych oraz błędnych danych.

Testy jednostkowe MSTest

Dzień przed egzaminem

Zbuduj dowolną aplikację MAUI w jednym schemacie

Jeden materiał prowadzi przez layouty, kontrolki, zdarzenia, logikę, listy, pliki, testy i przygotowanie projektu do oddania.

Kompletny schemat egzaminacyjny: gotowe fragmenty kodu, dwie kompletne aplikacje, MSTest oraz checklista przed oddaniem projektu. Otwórz materiał „Przed egzaminem – to muszę wiedzieć”.

Praktyka

14 projektów i ćwiczeń .NET MAUI

Najpierw opanuj pojedynczy ekran i kontrolki. Później przejdź do Bindingu, list, plików, nawigacji i SQLite.

Start

Pierwszy projekt MAUI

Struktura projektu, uruchomienie aplikacji i pierwsza zmiana w XAML.

Otwórz ćwiczenie
Start

Laboratorium layoutów

Budowa ekranów przy pomocy układów stosowych, Grid i ScrollView.

Otwórz ćwiczenie
Start

Laboratorium kontrolek

Praktyczne przykłady najważniejszych elementów interfejsu MAUI.

Otwórz ćwiczenie
Start

Zdarzenia w praktyce

20 krótkich przykładów: przyciski, pola, suwaki, wybory i komunikaty.

Otwórz ćwiczenie
Start

Kalkulator BMI

Entry, Button, Label, konwersja danych i prosta metoda obliczeniowa.

Otwórz projekt
Rozwój

Sito Eratostenesa MAUI

Algorytm w osobnej klasie oraz prezentacja wyniku w aplikacji.

Otwórz projekt
Rozwój

Lista danych w CollectionView

Modele, DataTemplate, ItemsSource i wyświetlanie wielu obiektów.

Otwórz ćwiczenie
Rozwój

Binding i MVVM w praktyce

ObservableCollection, BindingContext, DataTemplate i automatyczne odświeżanie interfejsu.

Otwórz materiał rozszerzony
Rozwój

Aplikacja wieloekranowa

Nawigacja Shell, przechodzenie pomiędzy stronami i przekazywanie danych.

Otwórz ćwiczenie
Rozwój

Notatnik JSON i TXT

Zapis oraz odczyt danych w bezpiecznej lokalizacji aplikacji.

Otwórz projekt
Projekt

Test wiedzy z JSON

Modele, osobna logika, pytania z zasobów, losowanie, RadioButton i nawigacja do wyniku.

Otwórz projekt
Rozwój

Aplikacja z bazą SQLite

Modele, CRUD i lokalna baza danych działająca bez internetu.

Otwórz projekt
Projekt

Produkty i koszyk offline

Pełniejsza aplikacja z bazą SQLite, produktami oraz koszykiem.

Otwórz projekt
Rozszerzenie

Odtwarzacz dźwięku

Praca z zasobami oraz odtwarzanie pliku MP3 w aplikacji MAUI.

Otwórz projekt

Sprawdź wiedzę

Testy i powtórka INF.04

Teoria jest wspólna dla wszystkich typów aplikacji. Po praktyce MAUI sprawdź również dokumentację, UML, BHP i organizację pracy.

Teoria 1

Algorytmy, OOP i aplikacje

Podstawowe pojęcia, rodzaje aplikacji, kontrolki, zdarzenia i programowanie obiektowe.

Uruchom test 1
Teoria 2

UML, testy i dokumentacja

Przypadki testowe, diagramy, dokumentowanie kodu i przygotowanie projektu do oddania.

Uruchom test 2
Teoria 3

BHP, Git, Scrum i bezpieczeństwo

Łatwe do przeoczenia zagadnienia, które pojawiają się w części pisemnej egzaminu.

Uruchom test 3
Sprawdzian praktyczny

Uproszczone zadanie egzaminacyjne

Wykonaj aplikację samodzielnie, wykorzystując formularz, kontrolki, zdarzenia, model danych i nawigację.

Rozwiąż zadanie
Krótka teoria mobilna: przed testami możesz przypomnieć sobie rodzaje aplikacji mobilnych oraz cykl życia aplikacji mobilnej.

Gotowość

Potrafię samodzielnie wykonać aplikację MAUI

  • utworzyć i uruchomić projekt .NET MAUI
  • zbudować ekran przy pomocy layoutów XAML
  • dodać i poprawnie nazwać kontrolki
  • obsłużyć zdarzenia kontrolek
  • pobrać, skonwertować i zwalidować dane
  • oddzielić logikę od interfejsu
  • wyświetlić obiekty w CollectionView
  • dodać nawigację pomiędzy stronami
  • zapisać dane w JSON lub SQLite
  • przetestować i przygotować projekt do oddania