Kurs Flutter

Lekcja 1 • Dart obiektowy

Poznaj klasy, dziedziczenie, mixiny i interfejsy w Darcie. Przygotowuje studentów do zrozumienia hierarchii widgetów Fluttera.

Lekcja 2 • Konfiguracja środowiska Flutter

Zainstaluj Flutter SDK, skonfiguruj IDE i podłącz urządzenie lub emulator. Ustanawia łańcuch narzędzi, od którego zależą wszystkie kolejne rozdziały.

Lekcja 3 • Omówienie struktury projektu Flutter

Zbadaj anatomię projektu Flutter: foldery, pubspec.yaml i punkt wejścia. Łączy wiedzę o Darcie z rzeczywistą organizacją projektu.

Lekcja 1 • Podstawowe widgety Material i Cupertino

Przegląd niezbędnych wbudowanych widgetów: Text, Image, Icon, warianty przycisków i AppBar. Zapewnia praktyczny zestaw narzędzi do tworzenia rzeczywistych ekranów.

Lekcja 2 • Widgety stanowe i setState

Wprowadź stan mutowalny za pomocą StatefulWidget i mechanizmu setState. Umożliwia tworzenie dynamicznych, interaktywnych komponentów UI.

Lekcja 3 • Widgety formularzy i wprowadzania danych

Zaimplementuj pola tekstowe, pola wyboru, przyciski opcji i walidację formularzy. Łączy obsługę danych wejściowych użytkownika z koncepcjami widgetów stanowych.

Lekcja 4 • Widgety bezstanowe – szczegółowo

Twórz i komponuj podklasy StatelessWidget dla statycznego UI. Omawia metodę build, konstruktory const i wzorce ponownego użycia widgetów.

Lekcja 1 • Układy responsywne i adaptacyjne

Zastosuj MediaQuery, LayoutBuilder i punkty graniczne, aby dostosować UI do rozmiaru ekranu. Zapewnia spójne UX na różnych kategoriach urządzeń.

Lekcja 2 • Układy Stack, Positioned i Overlay

Warstwuj widgety za pomocą Stack i Positioned dla nakładających się elementów UI. Umożliwia tworzenie odznak, pływających etykiet i niestandardowych nakładek.

Lekcja 3 • Układy Row, Column i Flex

Użyj Row, Column i Flex z wyrównaniem, odstępami i dziećmi Expanded lub Flexible. Stanowi szkielet większości układów ekranów Fluttera.

Lekcja 4 • Widgety przewijane i listy

Twórz przewijaną zawartość za pomocą ListView, GridView i CustomScrollView. Obejmuje wzorce leniwego ładowania dla wydajności przy dużych zbiorach danych.

Lekcja 1 • Navigator 2.0 i deklaratywny routing

Przyjmij API Router i listę Pages do nawigacji opartej na URL. Umożliwia tworzenie aplikacji Flutter kompatybilnych z przeglądarką i obsługujących głębokie linki.

Lekcja 2 • Używanie GoRouter do nawigacji

Skonfiguruj GoRouter dla deklaratywnego routingu opartego na URL z zabezpieczeniami i przekierowaniami. Upraszcza złożoność Navigator 2.0 w aplikacjach produkcyjnych.

Lekcja 3 • Dolna nawigacja i paski zakładek

Połącz BottomNavigationBar, TabBar i TabBarView dla aplikacji wielosekcyjnych. Integruje wzorce nawigacji z zarządzaniem widgetami stanowymi.

Lekcja 1 • InheritedWidget i Provider

Udostępniaj stan w dół drzewa widgetów za pomocą InheritedWidget, a następnie uprość go za pomocą Provider. Buduje intuicję dla wstrzykiwania zależności we Flutterze.

Lekcja 2 • Wzorzec BLoC z flutter_bloc

Oddziel UI od logiki biznesowej za pomocą zdarzeń, stanów i klas BLoC. Wymusza jednokierunkowy przepływ danych w dużych projektach zespołowych.

Lekcja 3 • Stan lokalny z ValueNotifier i Hooks

Zarządzaj stanem lokalnym widgetu efektywnie za pomocą ValueNotifier i flutter_hooks. Redukuje kod szkieletowy dla prostego stanu reaktywnego bez pełnych rozwiązań.

Lekcja 4 • Ramy decyzyjne zarządzania stanem

Porównaj rozwiązania pod kątem złożoności, testowalności i wielkości zespołu. Wyposaża studentów w umiejętność uzasadniania wyborów architektonicznych w rzeczywistych projektach.

Lekcja 1 • Parsowanie JSON i modele danych

Deserializuj JSON do klas modeli Darta ręcznie i za pomocą generowania kodu. Zapewnia bezpieczne typowo przetwarzanie danych w całej aplikacji.

Lekcja 2 • Wzorzec repozytorium i warstwa danych

Abstrahuj źródła danych za interfejsami repozytorium dla testowalności i elastyczności. Łączy sieci i trwałość w czystą warstwę architektoniczną.

Lekcja 3 • Żądania HTTP z Dio i http

Wykonuj żądania GET, POST, PUT i DELETE za pomocą pakietów http i Dio. Obejmuje interceptory, nagłówki i obsługę odpowiedzi błędów.

Lekcja 4 • Asynchroniczny Dart: Futures i Streams

Opanuj async/await, łączenie Future i subskrypcje Stream w Darcie. Zapewnia asynchroniczny fundament dla wszystkich prac sieciowych i trwałości.

Lekcja 1 • Animacje Hero i przejść stron

Zaimplementuj współdzielone elementy Hero i niestandardowe animacje przejść stron. Tworzy ciągłość wizualną między ekranami podczas nawigacji.

Lekcja 2 • Animacje jawne z AnimationController

Kontroluj animacje precyzyjnie za pomocą AnimationController, Tween i AnimatedBuilder. Umożliwia zapętlone, odwracane i sekwencyjne animacje.

Lekcja 3 • Animacje niejawne

Używaj AnimatedContainer, AnimatedOpacity i TweenAnimationBuilder dla prostych przejść. Osiąga dopracowane zmiany UI przy minimalnym kodzie.

Lekcja 4 • Własne rysowanie za pomocą Canvas

Rysuj kształty, ścieżki i gradienty za pomocą API CustomPainter i Canvas. Odblokowuje w pełni niestandardowe elementy UI wykraczające poza standardowe możliwości widgetów.

Lekcja 1 • Testy integracyjne i end-to-end

Uruchom pełne przepływy aplikacji na rzeczywistych urządzeniach lub emulatorach za pomocą pakietu integration_test. Weryfikuje kompletne podróże użytkownika przed wydaniem.

Lekcja 2 • Potoki CI/CD i wdrażanie do sklepów

Automatyzuj budowanie, testy i wydania za pomocą narzędzi CI i Fastlane. Zmniejsza ręczny wysiłek związany z wydaniem i wymusza bramki jakości przy każdym commitcie.

Lekcja 3 • Testowanie jednostkowe we Flutterze

Testuj logikę Darta i klasy zarządzania stanem w izolacji za pomocą pakietu test. Weryfikuje logikę biznesową niezależnie od warstwy UI.

Lekcja 4 • Testowanie widgetów

Renderuj widgety w środowisku testowym i symuluj interakcje użytkownika za pomocą WidgetTester. Wykrywa regresje UI bez uruchamiania na rzeczywistym urządzeniu.