PricingLoginStart free
Jetpack Compose Academy logo
KotlinWebMobielNiveaus A1 → B222 talen

Jetpack Compose Academy

Bouw moderne Android-UI's met Jetpack Compose, Google's declaratieve toolkit in Kotlin. Van je eerste Composable tot publiceren op Google Play. Een CoddyKit-leertraject met 30 korte cursussen en 120 interactieve lessen, met een AI-tutor die 24/7 voor je klaarstaat.

Cursussen
30
Lessen
120
Interactieve stappen
1,560
Gratis beginnen
Cursus 1
Lesprogramma

30 cursussen in dit leertraject

Elke cursus in het leertraject Jetpack Compose Academy, in de juiste leer volgorde. De eerste is gratis.

1

A14 lessenGratis

Stel Android Studio in voor Compose en voer uw allereerste declaratieve UI uit.

  1. 1Wat Compose vervangt: vaarwel XML
  2. 2Android Studio instellen voor Compose
  3. 3Anatomie van een @Composable-functie
  4. +1 meer
Gratis beginnen met leren
2

A14 lessenPRO

Schrijf en bekijk een preview van Composables die echte inhoud op het scherm tekenen.

  1. 1Een @Composable-functie schrijven
  2. 2Live previews met @Preview
  3. 3Composables aanroepen vanuit Composables
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
3

A14 lessenPRO

Geef tekst weer en stijl deze met lettertypen, kleuren en nadruk.

  1. 1De Text-Composable
  2. 2Lettergrootte, gewicht en stijl
  3. 3Kleur, uitlijning en overloop
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
4

A14 lessenPRO

Geef lokale drawables, vectorpictogrammen en afbeeldingen met vormen weer.

  1. 1De Image-Composable
  2. 2Material-iconen met Icon
  3. 3ContentScale en uitsnijden
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
5

A14 lessenPRO

Voeg interactieve knoppen toe die op tikken reageren.

  1. 1Button en onClick
  2. 2Tekst-, omlijnde en icoonknoppen
  3. 3Ingeschakelde, uitgeschakelde en laadstatussen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
6

A24 lessenPRO

Rangschik Composables verticaal, horizontaal en gestapeld.

  1. 1Column: zaken verticaal stapelen
  2. 2Row: zaken naast elkaar plaatsen
  3. 3Box: lagen en overlappingen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
7

A24 lessenPRO

Gebruik de modifier chain om elk element afmetingen, opvulling en decoratie te geven.

  1. 1Padding, grootte en fillMaxWidth
  2. 2Achtergrond, rand en clip
  3. 3Waarom de volgorde van modifiers belangrijk is
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
8

A24 lessenPRO

Beheer en wijzig state, zodat uw UI automatisch wordt bijgewerkt.

  1. 1remember en mutableStateOf
  2. 2Recompositie: wat een nieuwe tekening activeert
  3. 3Een tikken-teller bouwen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
9

A24 lessenPRO

Verzamel gebruikersinvoer met tekstvelden en valideer deze.

  1. 1TextField en OutlinedTextField
  2. 2Labels, tijdelijke aanduidingen en voorloopiconen
  3. 3Toetsenbordtypen en IME-acties
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
10

A24 lessenPRO

Combineer lay-out, afbeeldingen, tekst en state in een voltooid scherm.

  1. 1De layout van de profielkaart schetsen
  2. 2Avatar-, naam- en biografiegedeelte
  3. 3Statistiekenrij en volgknop
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
11

B14 lessenPRO

Geef lange, scrollbare lijsten efficiënt weer met lazy composition.

  1. 1LazyColumn versus scrollbare Column
  2. 2items en itemsIndexed
  3. 3Sleutels voor stabiele, snelle lijsten
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
12

B14 lessenPRO

Rangschik inhoud in rasters en horizontaal veegbare rijen.

  1. 1LazyVerticalGrid-galerijen
  2. 2LazyRow voor carrousels
  3. 3Adaptieve versus vaste rastercellen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
13

B14 lessenPRO

Pas een samenhangend Material You-thema toe in uw hele app.

  1. 1MaterialTheme en kleurenschema's
  2. 2Typografie- en vormtokens
  3. 3Donkere modus en dynamische kleur
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
14

B14 lessenPRO

Geef schermen structuur met topbars, bottombars en FABs via Scaffold.

  1. 1Scaffold: het skelet van het scherm
  2. 2TopAppBar en actie-iconen
  3. 3Onderste balken en zwevende actieknoppen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
15

B14 lessenPRO

Ontwerp stateless Composables door state naar de juiste eigenaar te verplaatsen.

  1. 1Stateful versus stateless Composables
  2. 2Status liften met value en onValueChange
  3. 3Eén bron van waarheid
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
16

B14 lessenPRO

Verplaats bedrijfslogica naar een ViewModel en stel onveranderlijke UI-state beschikbaar.

  1. 1Waarom een ViewModel rotatie overleeft
  2. 2viewModel() in een Composable
  3. 3Een UiState-dataklasse modelleren
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
17

B14 lessenPRO

Navigeer tussen schermen met de Navigation Compose-grafiek.

  1. 1NavController en NavHost
  2. 2Composable-bestemmingen en routes
  3. 3Argumenten tussen schermen doorgeven
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
18

B14 lessenPRO

Bouw apps met meerdere secties met bottom-navbars en tabrijen.

  1. 1NavigationBar met meerdere tabbladen
  2. 2De geselecteerde route markeren
  3. 3Tabstatus behouden bij het wisselen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
19

B14 lessenPRO

Voer niet-UI-werk veilig uit met de effect handlers van Compose.

  1. 1LaunchedEffect voor coroutines
  2. 2rememberCoroutineScope voor gebeurtenissen
  3. 3DisposableEffect en opruimen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
20

B14 lessenPRO

Haal JSON op uit een REST API en toon deze in uw Compose-UI.

  1. 1Een Retrofit API-interface definiëren
  2. 2JSON parseren met Moshi
  3. 3suspend-aanroepen in het ViewModel
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
21

B24 lessenPRO

Bouw eigen lay-outs door children zelf op te meten en te positioneren.

  1. 1Het model voor meten en plaatsen
  2. 2Een Layout-Composable schrijven
  3. 3Constraints en intrinsieke metingen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
22

B24 lessenPRO

Geef aangepaste graphics, grafieken en vormen weer op een Compose Canvas.

  1. 1DrawScope: lijnen, rechthoeken en cirkels
  2. 2Paden, verlopen en mengmodi
  3. 3drawWithCache en prestaties
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
23

B24 lessenPRO

Breng schermen tot leven met state- en gesturegestuurde beweging.

  1. 1animate*AsState voor eenvoudige tween-animaties
  2. 2AnimatedVisibility en Crossfade
  3. 3updateTransition voor gecoördineerde beweging
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
24

B24 lessenPRO

Verwerk tikken, slepen, vegen en multitouch met de pointer-API.

  1. 1pointerInput en detectTapGestures
  2. 2Slepen, vegen en fling
  3. 3Transform: pannen, zoomen en roteren
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
25

B24 lessenPRO

Profileer en optimaliseer Compose om onnodige recompositions te elimineren.

  1. 1Stabiele versus instabiele parameters
  2. 2Overslaan, @Stable en @Immutable
  3. 3Statuslezingen uitstellen
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
26

B24 lessenPRO

Stuur reactieve gegevensstromen met Kotlin Flow en StateFlow naar de UI.

  1. 1StateFlow versus SharedFlow
  2. 2Flows mappen en combineren
  3. 3stateIn en WhileSubscribed
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
27

B24 lessenPRO

Sla gegevens lokaal op en observeer ze met Room en Flow.

  1. 1Entiteiten, DAO's en de database
  2. 2Reactieve query's die Flow retourneren
  3. 3Het repositorypatroon
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
28

B24 lessenPRO

Koppel dependencies aan ViewModels en schermen met Hilt.

  1. 1Waarom DI: testbare, ontkoppelde code
  2. 2Modules, @Provides en @Binds
  3. 3hiltViewModel en @HiltViewModel
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
29

B24 lessenPRO

Schrijf betrouwbare unit- en UI-tests voor uw Compose-schermen.

  1. 1createComposeRule en finders
  2. 2Assertions en acties uitvoeren
  3. 3Semantics en testtags
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
30

B24 lessenPRO

Werk uw Compose-app af, verpak deze en breng haar uit als productierijpe app.

  1. 1Toegankelijkheid en edge-to-edge UI
  2. 2Baseline Profiles voor snel opstarten
  3. 3Ondertekende release-appbundel
  4. +1 meer
Gratis beginnen met lerenOntgrendelen met PRO
CoddyKit PRO

Ontgrendel alle 30 cursussen in dit leertraject en in elk ander leertraject

AI-begeleider, certificeringsexamen en certificaat. Werkt op het web, iOS en Android.

Alle abonnementen bekijken
Jaarlijks$29.90 per jaarOngeveer $2.49 per maandEenmalig betalenLevenslang$69.99 eenmaligGeen verlengingen. PRO voor altijd.
Cursusoverzicht

Jetpack Compose: Android-apps bouwen

Bouw moderne Android-UI's met Jetpack Compose, Google's declaratieve toolkit in Kotlin. Dit leertraject omvat 30 oplopende minicursussen, van absolute beginner (A1) tot gevorderd (B2), met korte, gerichte lessen en snelle quizzen om elk concept goed te verankeren.

Wat je leert

Begin met je eerste Composable, layouts en state en bouw daarna lijsten, navigatie en Material 3-thematisering. Ga verder met ViewModels, coroutines en Flow, Room, Hilt, aangepaste layouts, prestaties van recompositie, tests en publiceren op Google Play. Elke les is praktisch, met een AI-begeleider die 24/7 beschikbaar is wanneer je vastloopt.

Hoe het werkt

Elke cursus is verdeeld in vier gerichte lessen die je stap voor stap doorloopt. Volg elke dag een paar lessen en je beheerst het volledige leertraject in weken, niet in maanden.

Hulpmiddelen

Oefen met AI in plaats van alleen te lezen

Geef je leerproces een boost met AI-hulpmiddelen en -functies

AI-chatChat met een AI-docentStel een supervraagKrijg antwoorden op expertniveauPROLes makenAI-gestuurde lessenbouwerPROStart het certificeringsexamenBehaal je certificaatPROStart de uitdagingTest je vaardigheden

Zo leer je

  1. 01

    Interactieve lessen

    Praktische codeeroefeningen met realtime feedback

  2. 02

    AI-docent

    Krijg direct hulp van onze AI als je vastloopt

  3. 03

    Ingebouwde editor

    Schrijf en voer code direct uit in je browser

  4. 04

    Certificaat

    Behaal een certificaat wanneer je de cursus afrondt

Verder ontdekken

Gerelateerde leertrajecten

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 logoMobiele ontwikkeling met FlutterMaster cross-platform mobile development with Flutter, building beautiful and high-perfor…OAuth2 & OpenID Connect Deep Dive logoOAuth2 en OpenID Connect diepgaand bekekenMaster modern authentication and authorization by diving deep into OAuth2 and OpenID Conn…
FAQ

Veelgestelde vragen

Is de Jetpack Compose Academy-cursus gratis?

Ja. Je kunt gratis aan de Jetpack Compose Academy-cursus beginnen en de interactieve lessen kosteloos doorlopen. Met een optioneel PRO-abonnement krijg je toegang tot geavanceerde AI-tools en een deelbaar certificaat.

Heb ik voorafgaande ervaring nodig om Kotlin te leren?

Nee. De cursus begint bij de basis en behandelt geleidelijk steeds geavanceerdere onderwerpen. Je kunt dus ook zonder eerdere ervaring met Kotlin beginnen.

Hoe leer ik Kotlin op CoddyKit?

Je leert door te doen. Korte interactieve lessen combineren een duidelijke uitleg met een praktische codeeroefening die in realtime wordt uitgevoerd. Een AI-begeleider is 24/7 beschikbaar voor persoonlijke hulp wanneer je vastloopt.

Krijg ik een certificaat als ik Jetpack Compose Academy afrond?

Ja. PRO-leerlingen kunnen een examen afleggen en een deelbaar certificaat van voltooiing behalen, met een verifieerbare code voor de Jetpack Compose Academy-cursus.

Kan ik Kotlin op mijn telefoon leren?

Ja. CoddyKit is beschikbaar op het web en als native iOS- en Android-app, zodat je Kotlin op elk apparaat kunt leren en je voortgang op al je apparaten wordt gesynchroniseerd.

Wat kost CoddyKit PRO?

De eerste cursus van Jetpack Compose Academy is gratis. Met CoddyKit PRO ontgrendel je elke cursus: $5.90 per week, $7.90 per maand, $29.90 per jaar of eenmalig $69.99 voor levenslange toegang zonder verlengingen.

Hoe lang duurt het om Jetpack Compose Academy te voltooien?

Jetpack Compose Academy bevat 30 cursussen en 120 lessen. De meeste lessen duren ongeveer 5–10 minuten, dus het hele leertraject kost ongeveer 14 uur aan praktische oefeningen, in je eigen tempo.

Begin nu met Jetpack Compose Academy

Sluit je aan bij duizenden leerlingen die met AI-ondersteunde lessen leren programmeren.

Gratis beginnen met lerenBekijk alle cursussen