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

Jetpack Compose Academy

Bygg moderna Android-gränssnitt med Jetpack Compose, Googles deklarativa verktyg i Kotlin. Från er första Composable till publicering på Google Play. En lärstig från CoddyKit med 30 korta kurser och 120 interaktiva lektioner, med en AI-handledare till hands dygnet runt.

Kurser
30
Lektioner
120
Interaktiva steg
1,560
Gratis att börja
Kurs 1
Kursplan

30 kurser i den här lärvägen

Alla kurser i lärvägen Jetpack Compose Academy, i rätt ordning. Den första är gratis.

1

A14 lektionerGratis

Konfigurera Android Studio för Compose och kör ert allra första deklarativa användargränssnitt.

  1. 1Vad Compose ersätter: farväl till XML
  2. 2Konfigurera Android Studio för Compose
  3. 3Anatomin hos en @Composable-funktion
  4. +1 till
Börja lära dig gratis
2

A14 lektionerPRO

Skriv och förhandsvisa Composables som ritar verkligt innehåll på skärmen.

  1. 1Skriv en @Composable-funktion
  2. 2Direkta förhandsvisningar med @Preview
  3. 3Anropa Composables från Composables
  4. +1 till
Börja lära dig gratisLås upp med PRO
3

A14 lektionerPRO

Visa och utforma text med teckensnitt, färger och betoning.

  1. 1Text-Composable
  2. 2Teckenstorlek, vikt och stil
  3. 3Färg, justering och överflöde
  4. +1 till
Börja lära dig gratisLås upp med PRO
4

A14 lektionerPRO

Visa lokala drawables, vektorikoner och formade bilder.

  1. 1Image-Composable
  2. 2Material-ikoner med Icon
  3. 3ContentScale och beskärning
  4. +1 till
Börja lära dig gratisLås upp med PRO
5

A14 lektionerPRO

Lägg till interaktiva knappar som reagerar på tryck.

  1. 1Button och onClick
  2. 2Text-, Outlined- och Icon-knappar
  3. 3Aktiverade, inaktiverade och laddande tillstånd
  4. +1 till
Börja lära dig gratisLås upp med PRO
6

A24 lektionerPRO

Ordna Composables vertikalt, horisontellt och staplade.

  1. 1Column: stapla saker vertikalt
  2. 2Row: placera saker bredvid varandra
  3. 3Box: lägg lager och överlappa
  4. +1 till
Börja lära dig gratisLås upp med PRO
7

A24 lektionerPRO

Använd modifierarkedjan för att ändra storlek på, ge utfyllnad åt och dekorera valfritt element.

  1. 1Padding, storlek och fillMaxWidth
  2. 2Bakgrund, kantlinje och beskärning
  3. 3Varför modifierarordningen spelar roll
  4. +1 till
Börja lära dig gratisLås upp med PRO
8

A24 lektionerPRO

Bevara och ändra tillstånd så att användargränssnittet uppdateras automatiskt.

  1. 1remember och mutableStateOf
  2. 2R Ekomposition: vad utlöser en omritning
  3. 3Bygg en tryckräknare
  4. +1 till
Börja lära dig gratisLås upp med PRO
9

A24 lektionerPRO

Samla in användarinmatning med textfält och validera den.

  1. 1TextField och OutlinedTextField
  2. 2Etiketter, platshållare och ledande ikoner
  3. 3Tangentbordstyper och IME-åtgärder
  4. +1 till
Börja lära dig gratisLås upp med PRO
10

A24 lektionerPRO

Kombinera layout, bilder, text och tillstånd till en färdig skärm.

  1. 1Skissa layouten för ett profilkort
  2. 2Avatardel med namn och biografi
  3. 3Statistikrad och följknapp
  4. +1 till
Börja lära dig gratisLås upp med PRO
11

B14 lektionerPRO

Visa långa, rullningsbara listor effektivt med lazy composition.

  1. 1LazyColumn jämfört med rullningsbar Column
  2. 2items och itemsIndexed
  3. 3Nycklar för stabila och snabba listor
  4. +1 till
Börja lära dig gratisLås upp med PRO
12

B14 lektionerPRO

Ordna innehåll i rutnät och horisontella rader som kan svepas.

  1. 1LazyVerticalGrid-gallerier
  2. 2LazyRow för karuseller
  3. 3Adaptiva och fasta rutnätsceller
  4. +1 till
Börja lära dig gratisLås upp med PRO
13

B14 lektionerPRO

Tillämpa ett enhetligt Material You-tema i hela appen.

  1. 1MaterialTheme och färgscheman
  2. 2Typografi och formtokens
  3. 3Mörkt läge och dynamisk färg
  4. +1 till
Börja lära dig gratisLås upp med PRO
14

B14 lektionerPRO

Bygg upp skärmar med toppfält, bottenfält och FAB:ar med Scaffold.

  1. 1Scaffold: skärmens stomme
  2. 2TopAppBar och åtgärdsikoner
  3. 3Nedre fält och flytande åtgärdsknappar
  4. +1 till
Börja lära dig gratisLås upp med PRO
15

B14 lektionerPRO

Utforma tillståndslösa Composables genom att flytta tillståndet till rätt ägare.

  1. 1Stateful och stateless Composables
  2. 2Lyft state med value och onValueChange
  3. 3En enda källa till sanning
  4. +1 till
Börja lära dig gratisLås upp med PRO
16

B14 lektionerPRO

Flytta affärslogik till en ViewModel och exponera oföränderligt UI-tillstånd.

  1. 1Varför ViewModel överlever rotation
  2. 2viewModel() i en Composable
  3. 3Modellera en UiState-dataklass
  4. +1 till
Börja lära dig gratisLås upp med PRO
17

B14 lektionerPRO

Förflytta er mellan skärmar med grafen i Navigation Compose.

  1. 1NavController och NavHost
  2. 2Composable-destinationer och routes
  3. 3Skicka argument mellan skärmar
  4. +1 till
Börja lära dig gratisLås upp med PRO
18

B14 lektionerPRO

Bygg appar med flera sektioner med navigeringsfält längst ned och flikrader.

  1. 1NavigationBar med flera flikar
  2. 2Markera den valda routen
  3. 3Bevara flikens state vid byte
  4. +1 till
Börja lära dig gratisLås upp med PRO
19

B14 lektionerPRO

Kör arbete som inte gäller användargränssnittet på ett säkert sätt med Compose:s effektkontroller.

  1. 1LaunchedEffect för coroutines
  2. 2rememberCoroutineScope för händelser
  3. 3DisposableEffect och städning
  4. +1 till
Börja lära dig gratisLås upp med PRO
20

B14 lektionerPRO

Hämta JSON från ett REST-API och visa det i ert Compose-användargränssnitt.

  1. 1Definiera ett Retrofit-API-gränssnitt
  2. 2Parsa JSON med Moshi
  3. 3suspend-anrop i ViewModel
  4. +1 till
Börja lära dig gratisLås upp med PRO
21

B24 lektionerPRO

Bygg skräddarsydda layouter genom att själva mäta och placera underordnade element.

  1. 1Modellen Mät och placera
  2. 2Skriv en Layout-Composable
  3. 3Begränsningar och intrinsiska mätningar
  4. +1 till
Börja lära dig gratisLås upp med PRO
22

B24 lektionerPRO

Rendera anpassad grafik, diagram och former på en Compose Canvas.

  1. 1DrawScope: linjer, rektanglar och cirklar
  2. 2Banor, gradienter och blandningslägen
  3. 3drawWithCache och prestanda
  4. +1 till
Börja lära dig gratisLås upp med PRO
23

B24 lektionerPRO

Ge skärmar liv med rörelser som styrs av tillstånd och gester.

  1. 1animate*AsState för enkla interpolationer
  2. 2AnimatedVisibility och Crossfade
  3. 3updateTransition för samordnad rörelse
  4. +1 till
Börja lära dig gratisLås upp med PRO
24

B24 lektionerPRO

Hantera tryck, drag, svep och multitouch med pointer-API:t.

  1. 1pointerInput och detectTapGestures
  2. 2Dra, svep och släng
  3. 3Transformera: panorera, zooma och rotera
  4. +1 till
Börja lära dig gratisLås upp med PRO
25

B24 lektionerPRO

Profilera och finjustera Compose för att eliminera onödiga rekompositioner.

  1. 1Stabila och instabila parametrar
  2. 2Överhoppning, @Stable och @Immutable
  3. 3Skjut upp läsning av state
  4. +1 till
Börja lära dig gratisLås upp med PRO
26

B24 lektionerPRO

Strömma reaktiva data till användargränssnittet med Kotlin Flow och StateFlow.

  1. 1StateFlow jämfört med SharedFlow
  2. 2Mappa och kombinera Flows
  3. 3stateIn och WhileSubscribed
  4. +1 till
Börja lära dig gratisLås upp med PRO
27

B24 lektionerPRO

Lagra och observera data lokalt med Room och Flow.

  1. 1Entiteter, DAO:er och databasen
  2. 2Reaktiva frågor som returnerar Flow
  3. 3Repository-mönstret
  4. +1 till
Börja lära dig gratisLås upp med PRO
28

B24 lektionerPRO

Koppla in beroenden i ViewModels och skärmar med Hilt.

  1. 1Varför DI: testbar och frikopplad kod
  2. 2Moduler, @Provides och @Binds
  3. 3hiltViewModel och @HiltViewModel
  4. +1 till
Börja lära dig gratisLås upp med PRO
29

B24 lektionerPRO

Skriv tillförlitliga enhets- och UI-tester för era Compose-skärmar.

  1. 1createComposeRule och sökare
  2. 2Påståenden och åtgärder
  3. 3Semantik och testtaggar
  4. +1 till
Börja lära dig gratisLås upp med PRO
30

B24 lektionerPRO

Förfina, paketera och publicera en produktionsklar Compose-app.

  1. 1Tillgänglighet och kant-till-kant-gränssnitt
  2. 2Baseline Profiles för snabb uppstart
  3. 3Signerad Release App Bundle
  4. +1 till
Börja lära dig gratisLås upp med PRO
CoddyKit PRO

Lås upp alla 30 kurser i den här lärvägen och alla andra lärvägar

AI-handledare, certifieringsprov och certifikat. Fungerar på webben, iOS och Android.

Se alla abonnemang
Årsvis$29.90 / årCirka $2.49 i månadenBetala en gångLivstid$69.99 en gångInga förnyelser. PRO för alltid.
Kursöversikt

Jetpack Compose: Bygg Android-appar

Bygg moderna Android-gränssnitt med Jetpack Compose, Googles deklarativa verktyg i Kotlin. Det här spåret omfattar 30 progressiva minikurser från nybörjarnivå (A1) till avancerad nivå (B2), med korta, fokuserade lektioner och snabba kunskapstest som hjälper er att befästa varje koncept.

Det här får ni lära er

Börja med er första Composable, layouter och state och bygg sedan listor, navigering och tematisering med Material 3. Gå vidare till ViewModels, coroutines och Flow, Room, Hilt, anpassade layouter, prestanda för recomposition, testning och publicering på Google Play. Varje lektion är praktiskt inriktad, med en AI-handledare tillgänglig dygnet runt när ni kör fast.

Så fungerar det

Varje kurs är uppdelad i fyra fokuserade lektioner i lagom stora delar. Genomför några lektioner om dagen så behärskar ni hela spåret på veckor i stället för månader.

Verktyg

Öva med AI – läs inte bara

Ta lärandet till nästa nivå med AI-drivna verktyg och funktioner

AI-chattChatta med AI-handledarenStäll en superfrågaFå svar på expertnivåPROSkapa lektionAI-driven lektionsskaparePROPåbörja certifieringsprovetFå ditt certifikatPROStarta utmaningTesta dina kunskaper

Så lär du dig

  1. 01

    Interaktiva lektioner

    Praktiska kodövningar med feedback i realtid

  2. 02

    AI-handledare

    Få omedelbar hjälp av vår AI när du kör fast

  3. 03

    Inbyggd kodredigerare

    Skriv och kör kod direkt i webbläsaren

  4. 04

    Certifikat

    Få ett certifikat när du slutför kursen

Fortsätt utforska

Relaterade lärvägar

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 logoMobilutveckling med FlutterMaster cross-platform mobile development with Flutter, building beautiful and high-perfor…OAuth2 & OpenID Connect Deep Dive logoOAuth2 och OpenID Connect på djupetMaster modern authentication and authorization by diving deep into OAuth2 and OpenID Conn…
FAQ

Vanliga frågor

Är kursen i Jetpack Compose Academy gratis?

Ja. Ni kan börja kursen i Jetpack Compose Academy gratis och genomföra de interaktiva lektionerna utan kostnad. Med en valfri PRO-prenumeration får Ni tillgång till avancerade AI-verktyg och ett certifikat som kan delas.

Behöver jag tidigare erfarenhet för att lära mig Kotlin?

Nej. Kursen börjar med grunderna och går stegvis vidare till mer avancerade ämnen, så Ni kan börja även utan tidigare erfarenhet av Kotlin.

Hur lär jag mig Kotlin på CoddyKit?

Ni lär Er genom att göra. Korta interaktiva lektioner kombinerar tydliga förklaringar med praktiska kodövningar som körs i realtid, och en AI-handledare som är tillgänglig dygnet runt ger personlig hjälp när Ni kör fast.

Får jag ett certifikat när jag har slutfört Jetpack Compose Academy?

Ja. PRO-användare kan göra ett prov och få ett delbart intyg på att de har slutfört kursen i Jetpack Compose Academy, med en verifierbar kod.

Kan jag lära mig Kotlin i mobilen?

Ja. CoddyKit finns på webben och som inbyggda iOS- och Android-appar, så Ni kan lära Er Kotlin på valfri enhet och synkronisera Era framsteg mellan dem.

Vad kostar CoddyKit PRO?

Den första kursen i Jetpack Compose Academy är gratis. CoddyKit PRO låser upp alla kurser: $5.90 per vecka, $7.90 per månad, $29.90 per år eller $69.99 en gång för livstidsåtkomst utan förnyelser.

Hur lång tid tar det att slutföra Jetpack Compose Academy?

Jetpack Compose Academy har 30 kurser och 120 lektioner. De flesta lektioner tar cirka 5–10 minuter, så hela lärvägen motsvarar ungefär 14 timmars praktisk övning i egen takt.

Börja med Jetpack Compose Academy nu

Anslut Er till tusentals deltagare som lär sig programmering med AI-drivna lektioner.

Börja lära dig gratisBläddra bland alla kurser