PricingLoginStart free
Jetpack Compose Academy logo
KotlinNettMobilNivåer A1 → B222 språk

Jetpack Compose Academy

Bygg moderne Android-grensesnitt med Jetpack Compose, Googles deklarative verktøysett i Kotlin. Gå fra Deres første Composable til publisering på Google Play. En læringssti fra CoddyKit med 30 korte kurs og 120 interaktive leksjoner, med en AI-veileder tilgjengelig døgnet rundt.

Kurs
30
Leksjoner
120
Interaktive trinn
1,560
Gratis å komme i gang
Kurs 1
Kursinnhold

30 kurs i denne læringsstien

Alle kursene i læringsstien Jetpack Compose Academy, i læringsrekkefølge. Det første er gratis.

1

A14 leksjonerGratis

Sett opp Android Studio for Compose, og kjør Deres aller første deklarative brukergrensesnitt.

  1. 1Hva Compose erstatter: farvel til XML
  2. 2Sette opp Android Studio for Compose
  3. 3Anatomien til en @Composable-funksjon
  4. +1 flere
Start læringen gratis
2

A14 leksjonerPRO

Skriv og forhåndsvis Composables som tegner ekte innhold på skjermen.

  1. 1Skrive en @Composable-funksjon
  2. 2Direkte forhåndsvisninger med @Preview
  3. 3Kalle Composable-er fra Composable-er
  4. +1 flere
Start læringen gratisLås opp med PRO
3

A14 leksjonerPRO

Vis og utform tekst med skrifter, farger og utheving.

  1. 1Text-Composable-en
  2. 2Skriftstørrelse, tykkelse og stil
  3. 3Farge, justering og overflyt
  4. +1 flere
Start læringen gratisLås opp med PRO
4

A14 leksjonerPRO

Vis lokale drawables, vektorikoner og formede bilder.

  1. 1Image-Composable-en
  2. 2Material-ikoner med Icon
  3. 3ContentScale og beskjæring
  4. +1 flere
Start læringen gratisLås opp med PRO
5

A14 leksjonerPRO

Legg til interaktive knapper som reagerer på trykk.

  1. 1Button og onClick
  2. 2Tekst-, omriss- og ikonknapper
  3. 3Aktiverte, deaktiverte og lastende tilstander
  4. +1 flere
Start læringen gratisLås opp med PRO
6

A24 leksjonerPRO

Plasser Composables vertikalt, horisontalt og stablet.

  1. 1Column: Stable ting loddrett
  2. 2Row: Plassere ting ved siden av hverandre
  3. 3Box: Lag og overlapp
  4. +1 flere
Start læringen gratisLås opp med PRO
7

A24 leksjonerPRO

Bruk modifikatorkjeden til å angi størrelse, utfylling og dekorasjon for ethvert element.

  1. 1Padding, størrelse og fillMaxWidth
  2. 2Bakgrunn, kantlinje og klipping
  3. 3Hvorfor rekkefølgen på modifikatorer betyr noe
  4. +1 flere
Start læringen gratisLås opp med PRO
8

A24 leksjonerPRO

Behold og endre tilstand slik at brukergrensesnittet oppdateres automatisk.

  1. 1remember og mutableStateOf
  2. 2Rekombinering: Hva utløser en ny tegning
  3. 3Bygge en trykkteller
  4. +1 flere
Start læringen gratisLås opp med PRO
9

A24 leksjonerPRO

Hent inn brukerdata med tekstfelt, og valider dem.

  1. 1TextField og OutlinedTextField
  2. 2Etiketter, plassholdere og ledende ikoner
  3. 3Tastaturtyper og IME-handlinger
  4. +1 flere
Start læringen gratisLås opp med PRO
10

A24 leksjonerPRO

Kombiner oppsett, bilder, tekst og tilstand til en ferdig skjerm.

  1. 1Skissere layouten til et profilkort
  2. 2Avatar-, navn- og biografiseksjon
  3. 3Statistikkrad og følg-knapp
  4. +1 flere
Start læringen gratisLås opp med PRO
11

B14 leksjonerPRO

Vis lange, rullbare lister effektivt med lazy composition.

  1. 1LazyColumn kontra rullbar Column
  2. 2items og itemsIndexed
  3. 3Nøkler for stabile og raske lister
  4. +1 flere
Start læringen gratisLås opp med PRO
12

B14 leksjonerPRO

Plasser innhold i rutenett og horisontale rader som kan sveipes.

  1. 1LazyVerticalGrid-gallerier
  2. 2LazyRow for karuseller
  3. 3Adaptive kontra faste rutenettceller
  4. +1 flere
Start læringen gratisLås opp med PRO
13

B14 leksjonerPRO

Bruk et helhetlig Material You-tema i hele applikasjonen.

  1. 1MaterialTheme og fargevalg
  2. 2Typografi og formtokens
  3. 3Mørk modus og dynamiske farger
  4. +1 flere
Start læringen gratisLås opp med PRO
14

B14 leksjonerPRO

Bygg opp skjermer med topplinjer, bunnlinjer og FAB-er ved hjelp av Scaffold.

  1. 1Scaffold: Skjelettet for skjermen
  2. 2TopAppBar og handlingsikoner
  3. 3Nederste linjer og flytende handlingsknapper
  4. +1 flere
Start læringen gratisLås opp med PRO
15

B14 leksjonerPRO

Utform tilstandsløse Composables ved å løfte tilstanden til riktig eier.

  1. 1Stateful kontra stateless Composable-er
  2. 2Heise tilstand med value og onValueChange
  3. 3Én sannhetskilde
  4. +1 flere
Start læringen gratisLås opp med PRO
16

B14 leksjonerPRO

Flytt forretningslogikk inn i en ViewModel, og eksponer uforanderlig brukergrensesnitttilstand.

  1. 1Hvorfor ViewModel overlever rotasjon
  2. 2viewModel() i en Composable
  3. 3Modellere en UiState-dataklasse
  4. +1 flere
Start læringen gratisLås opp med PRO
17

B14 leksjonerPRO

Bytt mellom skjermer med Navigation Compose-grafen.

  1. 1NavController og NavHost
  2. 2Composable-destinasjoner og ruter
  3. 3Sende argumenter mellom skjermer
  4. +1 flere
Start læringen gratisLås opp med PRO
18

B14 leksjonerPRO

Bygg applikasjoner med flere seksjoner ved hjelp av bunnnavigasjonslinjer og fanerader.

  1. 1NavigationBar med flere faner
  2. 2Fremheve den valgte ruten
  3. 3Bevare fanetilstand ved bytte
  4. +1 flere
Start læringen gratisLås opp med PRO
19

B14 leksjonerPRO

Kjør arbeid som ikke gjelder brukergrensesnittet, på en trygg måte med Compose sine effektbehandlere.

  1. 1LaunchedEffect for coroutine-er
  2. 2rememberCoroutineScope for hendelser
  3. 3DisposableEffect og opprydding
  4. +1 flere
Start læringen gratisLås opp med PRO
20

B14 leksjonerPRO

Hent JSON fra et REST-API, og vis det i Compose-brukergrensesnittet.

  1. 1Definere et Retrofit-API-grensesnitt
  2. 2Tolke JSON med Moshi
  3. 3suspend-kall i ViewModel-en
  4. +1 flere
Start læringen gratisLås opp med PRO
21

B24 leksjonerPRO

Bygg skreddersydde oppsett ved å måle og plassere underordnede elementer selv.

  1. 1Modellen for måling og plassering
  2. 2Skrive en Layout-Composable
  3. 3Begrensninger og intrinsiske målinger
  4. +1 flere
Start læringen gratisLås opp med PRO
22

B24 leksjonerPRO

Vis egendefinert grafikk, diagrammer og former på en Compose Canvas.

  1. 1DrawScope: Linjer, rektangler og sirkler
  2. 2Baner, gradienter og blandingsmoduser
  3. 3drawWithCache og ytelse
  4. +1 flere
Start læringen gratisLås opp med PRO
23

B24 leksjonerPRO

Gi skjermer liv med bevegelse som styres av tilstand og bevegelser.

  1. 1animate*AsState for enkle interpoleringer
  2. 2AnimatedVisibility og Crossfade
  3. 3updateTransition for koordinerte bevegelser
  4. +1 flere
Start læringen gratisLås opp med PRO
24

B24 leksjonerPRO

Håndter trykk, draoperasjoner, sveip og flerberøring med peker-API-et.

  1. 1pointerInput og detectTapGestures
  2. 2Dra, sveip og kast
  3. 3Transform: Panorering, zoom og rotasjon
  4. +1 flere
Start læringen gratisLås opp med PRO
25

B24 leksjonerPRO

Profiler og finjuster Compose for å eliminere unødvendige rekomponeringer.

  1. 1Stabile kontra ustabile parametere
  2. 2Hoppe over, @Stable og @Immutable
  3. 3Utsette lesing av tilstand
  4. +1 flere
Start læringen gratisLås opp med PRO
26

B24 leksjonerPRO

Strøm reaktive data inn i brukergrensesnittet med Kotlin Flow og StateFlow.

  1. 1StateFlow kontra SharedFlow
  2. 2Kartlegge og kombinere flows
  3. 3stateIn og WhileSubscribed
  4. +1 flere
Start læringen gratisLås opp med PRO
27

B24 leksjonerPRO

Lagre og observer data lokalt med Room og Flow.

  1. 1Entiteter, DAO-er og databasen
  2. 2Reaktive spørringer som returnerer Flow
  3. 3Repository-mønsteret
  4. +1 flere
Start læringen gratisLås opp med PRO
28

B24 leksjonerPRO

Koble avhengigheter til ViewModels og skjermer med Hilt.

  1. 1Hvorfor DI: Testbar og løst koblet kode
  2. 2Moduler, @Provides og @Binds
  3. 3hiltViewModel og @HiltViewModel
  4. +1 flere
Start læringen gratisLås opp med PRO
29

B24 leksjonerPRO

Skriv pålitelige enhets- og brukergrensesnitttester for Compose-skjermene Deres.

  1. 1createComposeRule og findere
  2. 2Påstander og utføring av handlinger
  3. 3Semantikk og testtagger
  4. +1 flere
Start læringen gratisLås opp med PRO
30

B24 leksjonerPRO

Finpuss, pakk og publiser en produksjonsklar Compose-applikasjon.

  1. 1Tilgjengelighet og brukergrensesnitt fra kant til kant
  2. 2Baseline Profiles for rask oppstart
  3. 3Signert Release App Bundle
  4. +1 flere
Start læringen gratisLås opp med PRO
CoddyKit PRO

Lås opp alle 30 kursene i denne læringsstien og alle andre læringsstier

AI-veileder, sertifiseringseksamen og sertifikat. Fungerer på web, iOS og Android.

Se alle abonnementene
Årlig$29.90 / årOmtrent $2.49 per månedBetal én gangLivstid$69.99 én gangIngen fornyelser. PRO for alltid.
Kursoversikt

Jetpack Compose: Bygg Android-apper

Bygg moderne Android-grensesnitt med Jetpack Compose, Googles deklarative verktøysett i Kotlin. Dette læringsløpet består av 30 progressive minikurs, fra helt nybegynner (A1) til viderekommen (B2), med korte, fokuserte leksjoner og raske quizer som hjelper Dem å feste hvert konsept.

Dette vil De lære

Begynn med Deres første Composable, layout og tilstand, og bygg deretter lister, navigasjon og tematisering med Material 3. Gå videre til ViewModels, coroutines og Flow, Room, Hilt, egendefinerte layouter, ytelse ved recomposition, testing og publisering på Google Play. Hver leksjon er praktisk, med en AI-veileder tilgjengelig døgnet rundt når De står fast.

Slik fungerer det

Hvert kurs er delt inn i fire fokuserte, korte leksjoner. Gjennomfør noen leksjoner om dagen, så behersker De hele læringsløpet på noen uker, ikke måneder.

Verktøy

Øv med AI, ikke bare les

Få mer ut av læringen med AI-drevne verktøy og funksjoner

AI-chatChat med AI-veilederenStill et superspørsmålFå svar på ekspertnivåPROOpprett leksjonAI-drevet leksjonsbyggerPROStart sertifiseringseksamenFå sertifikatet dittPROStart utfordringTest ferdighetene dine

Slik lærer du

  1. 01

    Interaktive leksjoner

    Praktiske kodeøvelser med tilbakemelding i sanntid

  2. 02

    AI-veileder

    Få øyeblikkelig hjelp fra AI-en vår når du står fast

  3. 03

    Innebygd kodeeditor

    Skriv og kjør kode direkte i nettleseren

  4. 04

    Sertifikat

    Få et sertifikat når du fullfører kurset

Fortsett å utforske

Relaterte 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 logoMobilutvikling 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…
FAQ

Ofte stilte spørsmål

Er kurset i Jetpack Compose Academy gratis?

Ja. Du kan starte på kurset i Jetpack Compose Academy gratis og fullføre de interaktive leksjonene uten kostnad. Et valgfritt PRO-abonnement låser opp avanserte AI-verktøy og et delbart sertifikat.

Trenger jeg tidligere erfaring for å lære Kotlin?

Nei. Kurset begynner med det grunnleggende og går gradvis videre til mer avanserte emner, slik at du kan starte selv uten tidligere erfaring med Kotlin.

Hvordan lærer jeg Kotlin på CoddyKit?

Du lærer gjennom praksis. Korte, interaktive leksjoner kombinerer en tydelig forklaring med en praktisk kodeøvelse som kjører i sanntid, og en AI-veileder som er tilgjengelig døgnet rundt, gir deg personlig hjelp når du står fast.

Får jeg et sertifikat når jeg fullfører Jetpack Compose Academy?

Ja. PRO-brukere kan ta en eksamen og få et delbart fullføringssertifikat med en verifiserbar kode for kurset i Jetpack Compose Academy.

Kan jeg lære Kotlin på telefonen?

Ja. CoddyKit er tilgjengelig på nettet og som native iOS- og Android-apper, slik at du kan lære Kotlin på alle enheter, mens fremdriften synkroniseres mellom dem.

Hvor mye koster CoddyKit PRO?

Det første kurset i Jetpack Compose Academy er gratis. CoddyKit PRO gir tilgang til alle kurs: $5.90 per uke, $7.90 per måned, $29.90 per år eller $69.99 én gang for tilgang på livstid uten fornyelser.

Hvor lang tid tar det å fullføre Jetpack Compose Academy?

Jetpack Compose Academy består av 30 kurs og 120 leksjoner. De fleste leksjonene tar omtrent 5–10 minutter, så hele læringsstien tar rundt 14 timer med praktisk øving i eget tempo.

Start på Jetpack Compose Academy nå

Bli med tusenvis av elever som lærer programmering med AI-drevne leksjoner.

Start læringen gratisSe alle kurs