PricingLoginStart free
Jetpack Compose Academy logo
KotlinWebMobilNiveauer A1 → B222 sprog

Jetpack Compose Academy

Byg moderne Android-brugergrænseflader med Jetpack Compose, Googles deklarative værktøjssæt i Kotlin. Gå fra din første Composable til udgivelse på Google Play. Et læringsforløb på CoddyKit med 30 korte kurser og 120 interaktive lektioner – med en AI-vejleder ved din side døgnet rundt.

Kurser
30
Lektioner
120
Interaktive trin
1,560
Gratis at komme i gang
Kursus 1
Kursusindhold

30 kurser på denne sti

Alle kurser på Jetpack Compose Academy-stien i læringsrækkefølge. Det første kursus er gratis.

1

A14 lektionerGratis

Konfigurér Android Studio til Compose, og kør Deres allerførste deklarative brugergrænseflade.

  1. 1Hvad Compose erstatter: farvel til XML
  2. 2Opsæt Android Studio til Compose
  3. 3En @Composable-funktions anatomi
  4. +1 flere
Start gratis
2

A14 lektionerPRO

Skriv og forhåndsvis Composables, der tegner ægte indhold på skærmen.

  1. 1Skriv en @Composable-funktion
  2. 2Live previews med @Preview
  3. 3Kald Composables fra Composables
  4. +1 flere
Start gratisLås op med PRO
3

A14 lektionerPRO

Vis og stil tekst med skrifttyper, farver og fremhævelser.

  1. 1Text-Composable
  2. 2Skriftstørrelse, vægt og stil
  3. 3Farve, justering og overflow
  4. +1 flere
Start gratisLås op med PRO
4

A14 lektionerPRO

Vis lokale drawables, vektorikoner og formgivne billeder.

  1. 1Image-Composable
  2. 2Material Icons med Icon
  3. 3ContentScale og beskæring
  4. +1 flere
Start gratisLås op med PRO
5

A14 lektionerPRO

Tilføj interaktive knapper, der reagerer på tryk.

  1. 1Button og onClick
  2. 2Text-, Outlined- og Icon-knapper
  3. 3Aktiverede, deaktiverede og indlæsnings-tilstande
  4. +1 flere
Start gratisLås op med PRO
6

A24 lektionerPRO

Arrangér Composables lodret, vandret og stablet.

  1. 1Column: Stabl ting lodret
  2. 2Row: Placér ting side om side
  3. 3Box: Lag og overlap
  4. +1 flere
Start gratisLås op med PRO
7

A24 lektionerPRO

Brug modifier-kæden til at ændre størrelse, tilføje padding og dekorere ethvert element.

  1. 1Padding, størrelse og fillMaxWidth
  2. 2Baggrund, kant og clip
  3. 3Hvorfor rækkefølgen af modifikatorer er vigtig
  4. +1 flere
Start gratisLås op med PRO
8

A24 lektionerPRO

Gem og ændr tilstand, så brugergrænsefladen automatisk opdateres.

  1. 1remember og mutableStateOf
  2. 2Recomposition: Hvad udløser en gentegning
  3. 3Opbyg en tæller til tryk
  4. +1 flere
Start gratisLås op med PRO
9

A24 lektionerPRO

Indsaml brugerinput med tekstfelter, og valider det.

  1. 1TextField og OutlinedTextField
  2. 2Labels, pladsholdere og førende ikoner
  3. 3Tastaturtyper og IME-handlinger
  4. +1 flere
Start gratisLås op med PRO
10

A24 lektionerPRO

Kombinér layout, billeder, tekst og tilstand i en færdig skærm.

  1. 1Skitsér layoutet til profilkortet
  2. 2Sektion med avatar, navn og bio
  3. 3Statistikrække og følg-knap
  4. +1 flere
Start gratisLås op med PRO
11

B14 lektionerPRO

Vis lange, rullelige lister effektivt med lazy composition.

  1. 1LazyColumn kontra scrollbar Column
  2. 2items og itemsIndexed
  3. 3Keys til stabile, hurtige lister
  4. +1 flere
Start gratisLås op med PRO
12

B14 lektionerPRO

Arrangér indhold i grids og vandrette rækker, der kan stryges.

  1. 1LazyVerticalGrid-gallerier
  2. 2LazyRow til karuseller
  3. 3Adaptive kontra faste gitterceller
  4. +1 flere
Start gratisLås op med PRO
13

B14 lektionerPRO

Anvend et sammenhængende Material You-tema i hele Deres app.

  1. 1MaterialTheme og farveskemaer
  2. 2Typografi- og formtokens
  3. 3Mørk tilstand og dynamisk farve
  4. +1 flere
Start gratisLås op med PRO
14

B14 lektionerPRO

Indram skærme med topbjælker, bundbjælker og FAB'er ved hjælp af Scaffold.

  1. 1Scaffold: Skærmens skelet
  2. 2TopAppBar og handlingsikoner
  3. 3Bundlinjer og flydende handlingsknapper
  4. +1 flere
Start gratisLås op med PRO
15

B14 lektionerPRO

Design tilstandsløse Composables ved at løfte tilstanden til den rette ejer.

  1. 1Stateful kontra stateless Composables
  2. 2Løft state med value og onValueChange
  3. 3Én sandhedskilde
  4. +1 flere
Start gratisLås op med PRO
16

B14 lektionerPRO

Flyt forretningslogik ind i en ViewModel, og eksponér uforanderlig UI-tilstand.

  1. 1Hvorfor ViewModel overlever rotation
  2. 2viewModel() i en Composable
  3. 3Modellering af en UiState-dataklasse
  4. +1 flere
Start gratisLås op med PRO
17

B14 lektionerPRO

Skift mellem skærme med Navigation Compose-grafen.

  1. 1NavController og NavHost
  2. 2Composable-destinationer og routes
  3. 3Videregivelse af argumenter mellem skærme
  4. +1 flere
Start gratisLås op med PRO
18

B14 lektionerPRO

Byg apps med flere sektioner ved hjælp af navigationsbjælker i bunden og fanerækker.

  1. 1NavigationBar med flere faner
  2. 2Fremhævning af den valgte route
  3. 3Bevar fanetilstand ved skift
  4. +1 flere
Start gratisLås op med PRO
19

B14 lektionerPRO

Kør ikke-UI-arbejde sikkert med Composes effect handlers.

  1. 1LaunchedEffect til coroutines
  2. 2rememberCoroutineScope til hændelser
  3. 3DisposableEffect og oprydning
  4. +1 flere
Start gratisLås op med PRO
20

B14 lektionerPRO

Hent JSON fra en REST API, og vis det i Deres Compose-brugergrænseflade.

  1. 1Definér et Retrofit-API-interface
  2. 2Parsing af JSON med Moshi
  3. 3suspend-kald i ViewModel
  4. +1 flere
Start gratisLås op med PRO
21

B24 lektionerPRO

Byg skræddersyede layouts ved selv at måle og placere underordnede elementer.

  1. 1Modellen Measure og Place
  2. 2Skriv en Layout-Composable
  3. 3Constraints og intrinsiske målinger
  4. +1 flere
Start gratisLås op med PRO
22

B24 lektionerPRO

Tegn tilpasset grafik, diagrammer og former på et Compose Canvas.

  1. 1DrawScope: Linjer, rektangler og cirkler
  2. 2Paths, gradients og blend modes
  3. 3drawWithCache og ydeevne
  4. +1 flere
Start gratisLås op med PRO
23

B24 lektionerPRO

Giv skærmene liv med bevægelser, der styres af tilstand og brugerbevægelser.

  1. 1animate*AsState til simple tweens
  2. 2AnimatedVisibility og Crossfade
  3. 3updateTransition til koordinerede bevægelser
  4. +1 flere
Start gratisLås op med PRO
24

B24 lektionerPRO

Håndtér tryk, træk, swipe og multitouch med pointer-API'et.

  1. 1pointerInput og detectTapGestures
  2. 2Træk, swipe og fling
  3. 3Transform: Panorering, zoom og rotation
  4. +1 flere
Start gratisLås op med PRO
25

B24 lektionerPRO

Profilér og finjustér Compose for at eliminere unødvendige recompositions.

  1. 1Stabile kontra ustabile parametre
  2. 2Spring over, @Stable og @Immutable
  3. 3Udskydning af state-læsninger
  4. +1 flere
Start gratisLås op med PRO
26

B24 lektionerPRO

Stream reaktive data ind i brugergrænsefladen med Kotlin Flow og StateFlow.

  1. 1StateFlow kontra SharedFlow
  2. 2Mapping og kombination af flows
  3. 3stateIn og WhileSubscribed
  4. +1 flere
Start gratisLås op med PRO
27

B24 lektionerPRO

Gem og observer data lokalt med Room og Flow.

  1. 1Entiteter, DAO'er og databasen
  2. 2Reaktive forespørgsler, der returnerer Flow
  3. 3Repository-mønsteret
  4. +1 flere
Start gratisLås op med PRO
28

B24 lektionerPRO

Forbind dependencies med ViewModels og skærme ved hjælp af Hilt.

  1. 1Hvorfor DI: Testbar, afkoblet kode
  2. 2Moduler, @Provides og @Binds
  3. 3hiltViewModel og @HiltViewModel
  4. +1 flere
Start gratisLås op med PRO
29

B24 lektionerPRO

Skriv pålidelige unit- og UI-tests til Deres Compose-skærme.

  1. 1createComposeRule og finders
  2. 2Assertions og udførelse af handlinger
  3. 3Semantics og testtags
  4. +1 flere
Start gratisLås op med PRO
30

B24 lektionerPRO

Finpuds, pak og udgiv en produktionsklar Compose-app.

  1. 1Tilgængelighed og edge-to-edge-brugerflade
  2. 2Baseline Profiles til hurtig opstart
  3. 3Signeret Release App Bundle
  4. +1 flere
Start gratisLås op med PRO
CoddyKit PRO

Lås op for alle 30 kurser på denne sti og alle kurser på alle andre stier

AI-vejleder, certificeringseksamen og certifikat. Fungerer på web, iOS og Android.

Se alle abonnementer
Årligt$29.90 / årCa. $2.49 om månedenBetal én gangLivstid$69.99 én gangIngen fornyelser. PRO for altid.
Kursusoversigt

Jetpack Compose: Byg Android-apps

Byg moderne Android-brugergrænseflader med Jetpack Compose, Googles deklarative værktøjssæt i Kotlin. Dette læringsspor dækker 30 progressive minikurser fra helt nybegynder (A1) til avanceret (B2) med korte, fokuserede lektioner og hurtige quizzer, der hjælper dig med at fastholde hvert koncept.

Det lærer du

Begynd med din første Composable, layouts og tilstand, og byg derefter lister, navigation og tematisering med Material 3. Gå videre til ViewModels, coroutines og Flow, Room, Hilt, brugerdefinerede layouts, ydeevne ved recomposition, test og udgivelse på Google Play. Alle lektioner er praktiske med en AI-underviser døgnet rundt, når du går i stå.

Sådan fungerer det

Hvert kursus er opdelt i fire fokuserede lektioner i små bidder. Gennemfør et par lektioner om dagen, så mestrer du hele læringssporet på uger i stedet for måneder.

Værktøjer

Øv dig med AI – læs ikke bare

Få mere ud af din læring med AI-drevne værktøjer og funktioner

AI-chatChat med en AI-underviserStil et superspørgsmålFå svar på ekspertniveauPROOpret lektionAI-drevet værktøj til at oprette lektionerPROStart certificeringseksamenFå dit certifikatPROStart udfordringAfprøv dine færdigheder

Sådan lærer du

  1. 01

    Interaktive lektioner

    Praktiske kodeøvelser med feedback i realtid

  2. 02

    AI-underviser

    Få øjeblikkelig hjælp fra vores AI, når du sidder fast

  3. 03

    Indbygget editor

    Skriv og kør kode direkte i din browser

  4. 04

    Certifikat

    Få et certifikat, når du gennemfører kurset

Udforsk videre

Relaterede læringsstier

Kotlin Academy logoKotlin AcademyAdvance your Kotlin skills and build modern applications with Kotlin Academy.Android Academy logoAndroid AcademyLearn Kotlin to build robust Android applications with Android Academy.Kotlin Multiplatform Academy logoKotlin Multiplatform AcademyShare Kotlin code across Android, iOS, and beyond with Kotlin Multiplatform. From expect/…SwiftUI Academy logoSwiftUI AcademyBuild beautiful native iOS apps with SwiftUI, Apple's modern declarative UI framework. Fr…Flutter Mobile Development logoMobiludvikling med FlutterMaster cross-platform mobile development with Flutter, building beautiful and high-perfor…OAuth2 & OpenID Connect Deep Dive logoOAuth2 og OpenID Connect i dybdenMaster modern authentication and authorization by diving deep into OAuth2 and OpenID Conn…
Ofte stillede spørgsmål

Ofte stillede spørgsmål

Er Jetpack Compose Academy-kurset gratis?

Ja. Du kan begynde på Jetpack Compose Academy-kurset gratis og gennemføre de interaktive lektioner uden omkostninger. Et valgfrit PRO-abonnement giver adgang til avancerede AI-værktøjer og et certifikat, der kan deles.

Skal jeg have erfaring på forhånd for at lære Kotlin?

Nej. Kurset begynder med det grundlæggende og bevæger sig gradvist videre til mere avancerede emner, så du kan starte uden tidligere erfaring med Kotlin.

Hvordan lærer jeg Kotlin på CoddyKit?

Du lærer ved at øve dig. Korte interaktive lektioner kombinerer en tydelig forklaring med en praktisk kodeøvelse, der kører i realtid, og en AI-vejleder, der er tilgængelig døgnet rundt, hjælper dig personligt, når du sidder fast.

Får jeg et certifikat, når jeg gennemfører Jetpack Compose Academy?

Ja. PRO-brugere kan tage en eksamen og få et certifikat for gennemførelse af Jetpack Compose Academy-kurset, som kan deles og indeholder en verificerbar kode.

Kan jeg lære Kotlin på min telefon?

Ja. CoddyKit er tilgængeligt på nettet og som indbyggede iOS- og Android-apps, så du kan lære Kotlin på enhver enhed, og dine fremskridt synkroniseres på tværs af dem.

Hvad koster CoddyKit PRO?

Det første kursus på Jetpack Compose Academy-stien er gratis. CoddyKit PRO giver adgang til alle kurser: $5.90 om ugen, $7.90 om måneden, $29.90 om året eller $69.99 én gang for livstidsadgang uden fornyelser.

Hvor lang tid tager det at gennemføre Jetpack Compose Academy?

Jetpack Compose Academy har 30 kurser og 120 lektioner. De fleste lektioner tager cirka 5–10 minutter, så hele stien kræver omkring 14 timers praktisk øvelse i dit eget tempo.

Start på Jetpack Compose Academy nu

Slut dig til tusindvis af kursister, der mestrer programmering med AI-drevne lektioner.

Start gratisSe alle kurser