0Pricing
Jetpack Compose Academy icon
KotlinMobileAndroidFrontendPoziomy A1 → B215 języków

Jetpack Compose Academy

Twórz nowoczesne interfejsy Android za pomocą Jetpack Compose, deklaratywnego toolkitu Google w Kotlinie. Od pierwszego Composable do publikacji na Google Play. Ścieżka nauki CoddyKit obejmująca 30 krótkich kursów i 120 interaktywnych lekcji, z tutorem AI dostępnym przez całą dobę.

Kursy
30
Lekcje
120
Interaktywne kroki
1,560
Bezpłatny start
Kurs 1
Program nauczania

30 kursów w tej ścieżce

Każdy kurs w ścieżce Jetpack Compose Academy, w kolejności nauki. Pierwszy jest bezpłatny.

1

A14 lekcjiBezpłatny

Skonfiguruj Android Studio dla Compose i uruchom swój pierwszy deklaratywny interfejs użytkownika.

  1. 1Co zastępuje Compose: pożegnanie z XML
  2. 2Konfigurowanie Android Studio dla Compose
  3. 3Anatomia funkcji @Composable
  4. +1 więcej
Zacznij naukę bezpłatnie
2

A14 lekcjiPRO

Pisz i podglądaj komponenty Composable, które wyświetlają rzeczywistą zawartość na ekranie.

  1. 1Pisanie funkcji @Composable
  2. 2Podglądy na żywo z @Preview
  3. 3Wywoływanie funkcji Composable z funkcji Composable
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
3

A14 lekcjiPRO

Wyświetlaj i stylizuj tekst za pomocą czcionek, kolorów i wyróżnień.

  1. 1Composable Text
  2. 2Rozmiar, grubość i styl czcionki
  3. 3Kolor, wyrównanie i przepełnienie
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
4

A14 lekcjiPRO

Wyświetlaj lokalne zasoby graficzne, ikony wektorowe i obrazy o niestandardowych kształtach.

  1. 1Composable Image
  2. 2Ikony Material z Icon
  3. 3ContentScale i przycinanie
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
5

A14 lekcjiPRO

Dodawaj interaktywne przyciski reagujące na dotknięcia.

  1. 1Button i onClick
  2. 2Przyciski tekstowe, obrysowane i ikonowe
  3. 3Stany aktywny, nieaktywny i wczytywania
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
6

A24 lekcjiPRO

Układaj komponenty Composable pionowo, poziomo i warstwowo.

  1. 1Column: układanie elementów pionowo
  2. 2Row: układanie elementów obok siebie
  3. 3Box: warstwy i nakładanie
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
7

A24 lekcjiPRO

Używaj łańcucha modyfikatorów do określania rozmiaru, odstępów i wyglądu dowolnego elementu.

  1. 1Padding, rozmiar i fillMaxWidth
  2. 2Tło, obramowanie i przycinanie
  3. 3Dlaczego kolejność modyfikatorów ma znaczenie
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
8

A24 lekcjiPRO

Przechowuj i zmieniaj stan, aby interfejs automatycznie się aktualizował.

  1. 1remember i mutableStateOf
  2. 2Rekompozycja: co wywołuje ponowne rysowanie
  3. 3Tworzenie licznika dotknięć
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
9

A24 lekcjiPRO

Pobieraj dane od użytkownika za pomocą pól tekstowych i sprawdzaj ich poprawność.

  1. 1TextField i OutlinedTextField
  2. 2Etykiety, symbole zastępcze i ikony wiodące
  3. 3Typy klawiatury i akcje IME
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
10

A24 lekcjiPRO

Połącz układ, obrazy, tekst i stan w gotowym ekranie.

  1. 1Szkic układu karty profilu
  2. 2Sekcja awatara, nazwy i biogramu
  3. 3Wiersz statystyk i przycisk obserwowania
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
11

B14 lekcjiPRO

Wydajnie wyświetlaj długie, przewijane listy dzięki leniwej kompozycji.

  1. 1LazyColumn a przewijalna Column
  2. 2items i itemsIndexed
  3. 3Klucze dla stabilnych i szybkich list
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
12

B14 lekcjiPRO

Układaj zawartość w siatkach i przewijanych poziomo wierszach.

  1. 1Galerie LazyVerticalGrid
  2. 2LazyRow dla karuzel
  3. 3Adaptacyjne a stałe komórki siatki
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
13

B14 lekcjiPRO

Zastosuj spójny motyw Material You w całej aplikacji.

  1. 1MaterialTheme i schematy kolorów
  2. 2Typografia i tokeny kształtów
  3. 3Tryb ciemny i dynamiczny kolor
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
14

B14 lekcjiPRO

Buduj strukturę ekranów za pomocą górnych i dolnych pasków oraz FAB-ów, korzystając ze Scaffold.

  1. 1Scaffold: szkielet ekranu
  2. 2TopAppBar i ikony akcji
  3. 3Dolne paski i pływające przyciski akcji
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
15

B14 lekcjiPRO

Projektuj bezstanowe komponenty Composable, przenosząc stan do właściwego właściciela.

  1. 1Stanowe i bezstanowe funkcje Composable
  2. 2Podnoszenie stanu za pomocą value i onValueChange
  3. 3Jedno źródło prawdy
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
16

B14 lekcjiPRO

Przenieś logikę biznesową do ViewModel i udostępnij niezmienny stan interfejsu.

  1. 1Dlaczego ViewModel przetrwa obracanie ekranu
  2. 2viewModel() w funkcji Composable
  3. 3Modelowanie klasy danych UiState
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
17

B14 lekcjiPRO

Przechodź między ekranami za pomocą grafu Navigation Compose.

  1. 1NavController i NavHost
  2. 2Miejsca docelowe i trasy Composable
  3. 3Przekazywanie argumentów między ekranami
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
18

B14 lekcjiPRO

Buduj aplikacje z wieloma sekcjami za pomocą dolnych pasków nawigacji i wierszy kart.

  1. 1NavigationBar z wieloma kartami
  2. 2Wyróżnianie wybranej trasy
  3. 3Zachowywanie stanu kart podczas przełączania
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
19

B14 lekcjiPRO

Bezpiecznie wykonuj zadania niezwiązane z interfejsem za pomocą procedur obsługi efektów Compose.

  1. 1LaunchedEffect dla korutyn
  2. 2rememberCoroutineScope dla zdarzeń
  3. 3DisposableEffect i sprzątanie
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
20

B14 lekcjiPRO

Pobieraj dane JSON z interfejsu REST API i wyświetlaj je w interfejsie Compose.

  1. 1Definiowanie interfejsu API Retrofit
  2. 2Parsowanie JSON za pomocą Moshi
  3. 3Wywołania suspend w ViewModelu
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
21

B24 lekcjiPRO

Twórz niestandardowe układy, samodzielnie mierząc i rozmieszczając elementy podrzędne.

  1. 1Model pomiaru i rozmieszczania
  2. 2Pisanie funkcji Composable Layout
  3. 3Ograniczenia i pomiary intrinsic
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
22

B24 lekcjiPRO

Renderuj niestandardową grafikę, wykresy i kształty na obszarze Compose Canvas.

  1. 1DrawScope: linie, prostokąty i okręgi
  2. 2Ścieżki, gradienty i tryby mieszania
  3. 3drawWithCache i wydajność
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
23

B24 lekcjiPRO

Ożywiaj ekrany za pomocą ruchu sterowanego stanem i gestami.

  1. 1animate*AsState dla prostych interpolacji
  2. 2AnimatedVisibility i Crossfade
  3. 3updateTransition dla skoordynowanego ruchu
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
24

B24 lekcjiPRO

Obsługuj dotknięcia, przeciągnięcia, przesunięcia i gesty wielodotykowe za pomocą pointer API.

  1. 1pointerInput i detectTapGestures
  2. 2Przeciąganie, przesuwanie i podrzucanie
  3. 3Transform: przesuwanie, powiększanie i obracanie
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
25

B24 lekcjiPRO

Profiluj i dostrajaj Compose, aby wyeliminować niepotrzebne rekompozycje.

  1. 1Stabilne i niestabilne parametry
  2. 2Pomijanie, @Stable i @Immutable
  3. 3Odroczone odczyty stanu
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
26

B24 lekcjiPRO

Przesyłaj reaktywne dane do interfejsu za pomocą Kotlin Flow i StateFlow.

  1. 1StateFlow a SharedFlow
  2. 2Mapowanie i łączenie przepływów
  3. 3stateIn i WhileSubscribed
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
27

B24 lekcjiPRO

Przechowuj i obserwuj dane lokalnie za pomocą Room i Flow.

  1. 1Encje, DAO i baza danych
  2. 2Reaktywne zapytania zwracające Flow
  3. 3Wzorzec repozytorium
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
28

B24 lekcjiPRO

Podłączaj zależności do ViewModel i ekranów za pomocą Hilt.

  1. 1Dlaczego DI: testowalny, luźno powiązany kod
  2. 2Moduły, @Provides i @Binds
  3. 3hiltViewModel i @HiltViewModel
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
29

B24 lekcjiPRO

Pisz niezawodne testy jednostkowe i interfejsu użytkownika dla ekranów Compose.

  1. 1createComposeRule i findery
  2. 2Asercje i wykonywanie akcji
  3. 3Semantyka i tagi testowe
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
30

B24 lekcjiPRO

Dopracuj, spakuj i opublikuj gotową produkcyjnie aplikację Compose.

  1. 1Ułatwienia dostępu i interfejs od krawędzi do krawędzi
  2. 2Profile bazowe dla szybkiego uruchamiania
  3. 3Podpisany pakiet aplikacji do wydania
  4. +1 więcej
Zacznij naukę bezpłatnieOdblokuj w PRO
CoddyKit PRO

Odblokuj 30 kursów w tej ścieżce oraz wszystkie kursy w pozostałych ścieżkach

Tutor AI, egzamin certyfikacyjny i certyfikat. Działa w przeglądarce, na iOS i Androidzie.

Zobacz wszystkie plany
Rocznie$29.90 / rokOkoło $2.49 miesięcznieZapłać razDożywotnio$69.99 jednorazowoBez odnowień. PRO na zawsze.
Przegląd kursu

Jetpack Compose: Build Android Apps

Twórz nowoczesne interfejsy Android za pomocą Jetpack Compose, deklaratywnego toolkitu Google w Kotlinie. Ten track obejmuje 30 progresywnych mini-kursów od początkującego (A1) do zaawansowanego (B2), z krótkimi skoncentrowanymi lekcjami i szybkimi quizami utrwalającymi każdą koncepcję.

What You Will Learn

Zacznij od swojego pierwszego Composable, layoutów i state, a następnie buduj listy, nawigację i Material 3 theming. Przejdź do ViewModels, coroutines i Flow, Room, Hilt, niestandardowych layoutów, wydajności recomposition, testowania i publikacji na Google Play. Każda lekcja jest praktyczna, z dostępnym przez 24/7 tutorem AI, gdy się zablokujesz.

How It Works

Każdy kurs jest podzielony na cztery skoncentrowane, łatwe do strawienia lekcje. Ukończ kilka lekcji dziennie i opanujesz cały track w tygodniach, nie miesiącach.

Narzędzia

Ćwicz z AI, nie tylko czytaj

Przyspiesz naukę dzięki narzędziom i funkcjom napędzanym AI

Chat AICzatuj z korepetytorem AIZadaj Super PytanieUzyskaj odpowiedzi na poziomie ekspertaPROUtwórz lekcjęKonstruktor lekcji napędzany AIPRORozpocznij egzamin certyfikacyjnyZdobądź swój certyfikatPRORozpocznij wyzwaniePrzetestuj swoje umiejętności

Jak się będziesz uczyć

  1. 01

    Interaktywne lekcje

    Praktyczne ćwiczenia kodowania z opinią zwrotną w czasie rzeczywistym

  2. 02

    Tutor AI

    Uzyskaj natychmiastową pomoc od naszego AI, gdy się zatniesz

  3. 03

    Wbudowany edytor

    Pisz i uruchamiaj kod bezpośrednio w przeglądarce

  4. 04

    Certyfikat

    Uzyskaj certyfikat po ukończeniu kursu

Odkrywaj dalej

Powiązane ścieżki nauki

Kotlin AcademyAdvance your Kotlin skills and build modern applications with Kotlin Academy.Android AcademyLearn Kotlin to build robust Android applications with Android Academy.Kotlin Multiplatform AcademyShare Kotlin code across Android, iOS, and beyond with Kotlin Multiplatform. From expect/…SwiftUI AcademyBuild beautiful native iOS apps with SwiftUI, Apple's modern declarative UI framework. Fr…Flutter Mobile DevelopmentMaster cross-platform mobile development with Flutter, building beautiful and high-perfor…OAuth2 & OpenID Connect Deep DiveMaster modern authentication and authorization by diving deep into OAuth2 and OpenID Conn…
FAQ

Często zadawane pytania

Czy kurs Jetpack Compose Academy jest bezpłatny?

Tak. Możesz rozpocząć kurs Jetpack Compose Academy za darmo i ukończyć jego interaktywne lekcje bez żadnych kosztów. Opcjonalna subskrypcja PRO odblokowuje zaawansowane narzędzia AI i certyfikat możliwy do udostępnienia.

Czy potrzebuję wcześniejszego doświadczenia, aby nauczyć się Kotlin?

Nie. Kurs zaczyna się od podstaw i stopniowo przechodzi do bardziej zaawansowanych tematów, więc możesz zacząć nawet bez wcześniejszego doświadczenia z Kotlin.

Jak nauczysz się Kotlin na CoddyKit?

Uczysz się praktycznie. Krótkie interaktywne lekcje łączą jasne wyjaśnienie z praktycznym ćwiczeniem kodowania, które działa w czasie rzeczywistym, a tutor AI dostępny 24/7 udziela spersonalizowanej pomocy, gdy się zatniesz.

Czy dostajesz certyfikat po ukończeniu Jetpack Compose Academy?

Tak. Uczniowie PRO mogą przystąpić do egzaminu i uzyskać certyfikat ukończenia możliwy do udostępnienia z kodem możliwym do weryfikacji dla kursu Jetpack Compose Academy.

Czy możesz nauczyć się Kotlin na telefonie?

Tak. CoddyKit jest dostępny na stronie internetowej i jako natywne aplikacje iOS i Android, dzięki czemu możesz nauczyć się Kotlin na dowolnym urządzeniu, a Twoje postępy synchronizują się między nimi.

Ile kosztuje CoddyKit PRO?

Pierwszy kurs w ścieżce Jetpack Compose Academy jest bezpłatny. CoddyKit PRO odblokowuje wszystkie kursy: $5.90 tygodniowo, $7.90 miesięcznie, $29.90 rocznie lub $69.99 jednorazowo, aby uzyskać dożywotni dostęp bez odnowień.

Ile czasu zajmuje ukończenie ścieżki Jetpack Compose Academy?

Ścieżka Jetpack Compose Academy obejmuje 30 kursów i 120 lekcji. Większość lekcji zajmuje około 5–10 minut, więc cała ścieżka to mniej więcej 14 godzin praktyki we własnym tempie.

Zacznij Jetpack Compose Academy Teraz

Dołącz do tysięcy uczniów opanowujących programowanie dzięki lekcjom wspieranym AI.

Zacznij naukę bezpłatniePrzeglądaj Wszystkie Kursy