- Cours pratique
- Informatique
Formation Jetpack Compose : Développer des interfaces modernes pour Android
- Durée
- 2 jours
- Niveau
- Fondamental
- Modalités
- Présentiel / Distanciel
Description de la formation Jetpack Compose
Depuis le lancement d’Android en 2007, pour réaliser l’interface d’une application, il est nécessaire d'utiliser une boîte à outils d’interface qui fournit un ensemble d’éléments visuels : l'UI Toolkit.
Conçu initialement pour répondre aux besoins des premiers smartphones Android sur le marché, ce dernier a fortement évolué en une décennie, tout comme l’écosystème mobile et les paradigmes de programmation d’interface.
C’est en constatant ces évolutions et les lacunes du UI Toolkit d'origine face aux besoins des applications modernes actuelles que Google a annoncé, en 2019, le développement d’un nouveau UI Toolkit : Jetpack Compose.
Objectifs pédagogiques
A l'issue de cette formation Jetpack Compose, vous aurez acquis les connaissances nécessaires pour :
- Comprendre les différents paradigmes de programmation qu’apporte Jetpack Compose
- Savoir prendre en main les notions élémentaires permettant de construire une interface : thème, texte, boutons, images, formulaires, images, mise en page, décoration ou modification d’un composant et accessibilité
- Savoir gérer correctement les effets de bords nécessaires dans une application
- Architecturer correctement son code, en particulier en maîtrisant la notion d'état
- Réaliser des mises en page structurées qui appliquent les patterns et le style Material Design. Comprendre le principe de conception Slot API Pattern (design pattern). Appliquer ce pattern dans la conception de composants structurants quand nécessaire
- Découvrir et manipuler l’API permettant de réaliser des animations (simples, en une ligne de code, mais aussi plus personnalisées)
- Découvrir et manipuler les moyens fournis par Jetpack Compose pour tester une interface de manière automatisée
- Connaître et appliquer les bonnes pratiques de débogage et d’optimisation de performance
Objectifs opérationnels
Savoir développer des interfaces pour Android en utilisant Jetpack Compose.
Programme
Contenu du cours, module par module
5 modules
Les raisons motivant la création de Jetpack Compose
- Raisons motivant la création de Jetpack Compose
- Leçons apprises du passé
Les partis pris techniques
- Découpage de Jetpack Compose en plusieurs bibliothèques
- La structure d'un composant Jetpack Compose (fonction Composable)
- Les phénomènes de Composition, Recomposition
- Notion d’arbre de composition
Travaux pratiques
Décompiler le code pour comprendre le rôle jouer par le Compose Compiler
Quiz
Notions globales
- Les différentes dépendances
- La création d’un objet composant racine
- La décoration et la modification d’un composant avec les Modifiers
- La création d’un thème
Composants de base
- Textes, images, boutons, champs de formulaires
- Mise en page de ces composants avec différents layouts
- Bonnes pratiques d’accessibilité
Travaux pratiques
Interopérabilité de Jetpack Compose avec l'XML
Ordre des Modifiers
Mises en place d'un thème
Manipulation de CompositionLocalProvider
Manipulation de buildAnnotatedString pour construire un texte stylisé complexe
Construction de composants accessibles et réutilisables
États
- Définition d'un état
- Identification des états d'une application
- Production des états au niveau adéquat de l'architecture
- Notion de composant avec ou sans état interne
- Conception d'interface en appliquant le principe Unidirectional Data Flow (UDF)
Effets
- Définition d'un effet de bord
- Effet de bord synchrone ou asynchrone
- Différents moyens permettant de gérer un effet de bord au sein d'une fonction Composable
- Effet de bord produisant un état en retour
Travaux pratiques
Ajout de fonctionnalités à l'application fil rouge nécessitant l'utilisation d'un effet de bord Compose
La bibliothèque Material
- Composants structurants fournis par la bibliothèque Compose Material (ex : Scaffold)
- Analyse du fonctionnement du Slot API Pattern
Animation
- Animations simples
- Personnalisation du comportement d'une animation
Travaux pratiques
Utiliser un gestionnaire d'effet pour montrer un message via la snackbar du ‘Scaffold’
Personnaliser le comportement d'une animation et sa vitesse d’exécution
Implémenter la navigation entre l'écran de login et l'écran principal de l'application fil rouge
Tests
- Différents niveaux de testes (unitaire, intégration, end to end, screenshot)
- Fonctions permettant de cibler un composant à tester, d’interagir avec et de valider le comportement attendu
- Arbre sémantique
- Synchronisation des tests avec l'horloge
Performance
- Bonnes pratiques de développement permettant d'optimiser le mécanisme de recomposition
Débug
- Outils pour déboguer une interface utilisant Jetpack Compose (Logs, Layout Inspector, Compiler report, etc)
Travaux pratiques
Programme mis à jour le 12/02/2026
Public concerné
Ce cours cible principalement les développeurs et développeuses mobiles.
Prérequis
Aucun prérequis n'est strictement nécessaire pour suivre cette formation Jetpack Compose. Des connaissances préalables en développement Android sont néanmoins souhaitables.
J’évalue mes connaissances pour vérifier que je dispose des prérequis nécessaires pour profiter pleinement de cette formation en faisant le test de prérequis.
Faire le testFinancement
Cette formation peut être prise en charge par votre entreprise, seule ou avec l’appui de son opérateur de compétences. Nous fournissons le devis et les pièces attendues par l’OPCO.
Formations liées
- Katalon : automatiser les tests des applications web, mobile ou d'une API avec KatalonRéf. OSKA2 joursIntermédiaireProchaine session : 9 nov.1 590 €
- React Native : Développer une application mobile native multi-plateformesRéf. REAN3 joursIntermédiaireProchaine session : 30 nov.2 090 €
- React Native AvancéeRéf. RENA2 joursAvancéProchaine session : 22 oct.1 590 €
- SwiftUI, développer simplement des applications iOS orientées données performantesRéf. USUI4 joursIntermédiaireProchaine session : 24 nov.2 490 €