Naucz się tworzyć aplikacje we Flutterze
Darmowy, interaktywny kurs Fluttera od zera. Piszesz prawdziwe aplikacje w Dart i uruchamiasz je na ekranie telefonu obok edytora, z Hot reload, podpowiedziami AI i certyfikatami.
1,000+ zapisanych osób
219 lekcje219 wyzwania297 pytania quizowe
- Dla początkujących
Pomoc AI przy programowaniu
Praktyczne, interaktywne lekcje
Narracja audio w każdej lekcji
Quizy sprawdzające wiedzę
Darmowy certyfikat ukończenia
Program
Sekcja 1
Twoja pierwsza aplikacja
Zacznij sekcjęZacznijRozwińZwińTwoje pierwsze aplikacje we Flutterze: czym jest Flutter, drzewo widgetów, tekst i jego styl, kolorowe prostokąty, padding, wiersze i kolumny, ikony i obrazy oraz potrzebne po drodze elementy języka Dart. Na koniec zbudujesz aplikację z wizytówką.Witaj, Flutter
6 lekcje68Stylizowanie tekstu
4 lekcje45Dart w mgnieniu oka
4 lekcje45Prostokąty
4 lekcje44Wiersze i kolumny
6 lekcje68Ikony i obrazy
5 lekcje55Projekt: Wizytówka
Projekt3 lekcje33Sekcja 2
Dodajemy interaktywność
Zacznij sekcjęZacznijRozwińZwińAplikacje, które reagują: przyciski, funkcje i konsola, StatefulWidget i setState, const i final, podejmowanie decyzji za pomocą if i wartości logicznych, pola tekstowe, przełączniki, pola wyboru i suwaki oraz stojący za nimi kod w Dart. Na koniec zbudujesz aplikację do obliczania napiwków.Przyciski
5 lekcje57Funkcje
3 lekcje35Widgety ze stanem
6 lekcje610const i final
2 lekcje24Decyzje
5 lekcje58Pola tekstowe
5 lekcje57Przełączniki i suwaki
3 lekcje34Projekt: Kalkulator napiwków
Projekt5 lekcje56Sekcja 3
Listy i ekrany
Zacznij sekcjęZacznijRozwińZwińAplikacje z więcej niż jednym ekranem: przewijane listy i kafelki listy, karty i siatki, własne klasy w Dart do przechowywania danych, przechodzenie między ekranami i przekazywanie danych, karty, szuflada nawigacyjna i usuwanie przez przesunięcie. Na koniec zbudujesz aplikację z książką kucharską.Przewijane listy
5 lekcje58Listy z danych
3 lekcje34Karty i siatki
3 lekcje33Własne klasy
6 lekcje611Więcej niż jeden ekran
5 lekcje58Karty, szuflady i gesty przesunięcia
5 lekcje58Projekt: Książka kucharska
Projekt6 lekcje67Sekcja 4
Układ dopasowany do ekranu
Zacznij sekcjęZacznijRozwińZwińEkrany dopasowane do każdego telefonu: współdzielenie wiersza za pomocą Expanded, Flexible i Spacer, odczytywanie i naprawianie błędu przepełnienia, Wrap, Stack i Positioned, SafeArea, maksymalna szerokość, rozmiary ekranów i punkty przełamania, enumy i switch, motywy aplikacji oraz tryb ciemny. Na koniec przygotujesz ekran odtwarzacza muzyki.Współdzielenie wiersza
4 lekcje45Błąd przepełnienia
5 lekcje56Układanie widżetów jeden na drugim
4 lekcje45Rozmiary i punkty zmiany układu
4 lekcje44Typy wyliczeniowe i switch
3 lekcje33Motywy i tryb ciemny
5 lekcje56Projekt: Odtwarzacz muzyki
Projekt5 lekcje55Sekcja 5
Zarządzanie stanem
Zacznij sekcjęZacznijRozwińZwińUdostępnianie danych między widgetami i ekranami: przenoszenie stanu wyżej za pomocą wartości i callbacków, elementy języka Dart potrzebne do tworzenia klas modelu, Provider z ChangeNotifier, Riverpod z ConsumerWidget, StateProvider i Notifier oraz wskazówki, kiedy używać poszczególnych rozwiązań. Na koniec zbudujesz koszyk współdzielony przez dwa ekrany.Przenoszenie stanu w górę
4 lekcje48Dart dla modeli
4 lekcje48Provider
7 lekcje714Riverpod
6 lekcje612Projekt: Koszyk zakupowy
Projekt6 lekcje68Sekcja 6
Dane i sieć
Zacznij sekcjęZacznijRozwińZwińAplikacje, które czekają na dane: futures, async i await, wskaźniki ładowania z FutureBuilder, obsługa błędów za pomocą try i catch, zamiana JSON z serwera na klasy w Dart, odświeżanie przez przeciągnięcie oraz daty i ceny z intl. Na koniec zbudujesz aplikację pogodową.Obiekty Future
4 lekcje46Ekrany ładowania
5 lekcje58Gdy wywołania kończą się niepowodzeniem
5 lekcje56JSON
5 lekcje59Daty i ceny
3 lekcje33Projekt: Aplikacja pogodowa
Projekt5 lekcje56Sekcja 7
Projekty
Zacznij sekcjęZacznijRozwińZwińCztery kompletne aplikacje budowane krok po kroku z wykorzystaniem wszystkiego, czego się nauczysz: lista zadań, quiz, sklep z koszykiem oraz tracker nawyków ze streakami i trybem ciemnym. Każda z nich kończy się dopracowaną aplikacją, którą możesz pokazać innym.Projekt: Lista zadań
Projekt9 lekcje910Projekt: Quiz
Projekt9 lekcje99Projekt: Sklep
Projekt9 lekcje99Projekt: Tracker nawyków
Projekt9 lekcje99
Ucz się w praktyce
Pisz prawdziwy kod, odpytuj bazy danych, twórz strony internetowe i opanuj prompty AI. Nasze interaktywne lekcje obejmują wszystkie umiejętności, których potrzebuje współczesny programista.
Buduj swoją serię
Ucz się regularnie i patrz, jak rosną twoje postępy! Śledź codzienny nawyk programowania, chroń serię dzięki zamrożeniom i zdobywaj nagrody za każdy dzień nauki.
12 dni serii
Wróć jutro, aby utrzymać serię!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Podwójnie albo nic
Dzień 5 z 7
Zamrożenie serii
2 left
Nie uczysz się w pojedynkę
Rywalizuj w globalnych rankingach, zapraszaj znajomych po nagrody i świętujcie wspólnie swoje sukcesy. Z przyjaciółmi programuje się lepiej!
Każdy sposób nauki
Czytaj, słuchaj, sprawdzaj się, pytaj AI albo wracaj do tego, co już znasz. Każda lekcja dopasowuje się do ciebie.
Zmienna to nazwany pojemnik przechowujący wartość, do której możesz później odwołać się w programie.
W Pythonie tworzysz ją, pisząc nazwę, znak równości, a potem wartość, którą chcesz zapisać.
Wartość może się zmieniać: ponowne przypisanie po prostu wskazuje nazwą nową wartość.
Zdobądź certyfikat
Zdobywaj certyfikaty za każdy ukończony kurs. Dodaj je do profilu na LinkedIn i CV, aby pokazać pracodawcom swoje umiejętności programistyczne.
Dlaczego warto uczyć się Fluttera z Coddy
- Kod i aplikacja są obok siebie. Kliknij Uruchom: aplikacja kompiluje się na serwerach Coddy i otwiera na ekranie telefonu obok edytora, w silniku webowym Fluttera. Hot reload pokazuje zmianę i zachowuje stan aplikacji, a Konsola pokazuje wynik
print()i błędy. Kliknij Sprawdź, a lekcja zostanie oceniona po tym, co aplikacja pokazuje na ekranie. - Na start nie musisz znać Fluttera ani Dart. Pierwsza sekcja buduje drzewo widżetów z
Text, kolorowych pudełek, odstępów,RowiColumn, ikon i obrazków, i kończy się aplikacją z wizytówką. W drugiej aplikacje zaczynają reagować: przyciski,StatefulWidgetisetState,constifinal, pola tekstowe, przełączniki i suwaki, a na koniec kalkulator napiwków. - Aplikacje z wieloma ekranami: przewijane listy, karty i siatki, własne klasy Dart, przechodzenie między ekranami, zakładki, menu boczne i usuwanie przesunięciem. Potem układy, które mieszczą się na każdym telefonie:
Expanded,FlexibleiSpacer, błąd overflow i jak go naprawić,Stack,SafeArea, breakpointy, motywy i tryb ciemny. - Stan i dane tak, jak obsługują je prawdziwe aplikacje: przenoszenie stanu wyżej,
ProviderzChangeNotifier, Riverpod zConsumerWidgetiNotifier, i kiedy czego używać. Potem futures,asynciawait,FutureBuilder,tryicatchoraz JSON z serwera zamieniony na klasy Dart, a na koniec aplikacja pogodowa.
Najczęstsze pytania o naukę Fluttera
Czy muszę znać Dart, żeby uczyć się Fluttera?
if, klas, async i await, każdego wtedy, gdy aplikacja pierwszy raz go potrzebuje. Nie trzeba wcześniej programować.