Capacitor : Développer des applications mobiles
- Durée
- Durée :3 jours
- Niveau
- Niveau :Intermédiaire
- Certification
- Certification :Non
1990€ HT
Prochaine session :
Jetpack Compose : Développer des interfaces modernes pour Android
5,0/5
Avec 1 avisDescription 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.
Programme de la formation
Objectif opérationnel :
Savoir développer des interfaces pour Android en utilisant 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
Fondation
Les raisons motivant la création de Jetpack ComposeRaisons motivant la création de Jetpack ComposeLeçons apprises du passéLes partis pris techniquesDé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 compositionTravaux pratiquesInitialiser un projet Jetpack Compose
Décompiler le code pour comprendre le rôle jouer par le Compose Compiler
Quiz
Les bases de Compose UI
Notions globalesLes différentes dépendancesLa 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èmeComposants de baseTextes, images, boutons, champs de formulaires
Mise en page de ces composants avec différents layouts
Bonnes pratiques d’accessibilitéTravaux pratiquesManipulation des dépendances
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
Les états et effets
ÉtatsDéfinition d'un étatIdentification 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)EffetsDé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 retourTravaux pratiquesIdentification et optimisation des états géré par l'application fil rouge
Ajout de fonctionnalités à l'application fil rouge nécessitant l'utilisation d'un effet de bord Compose
Interfaces riche et animées
La bibliothèque MaterialComposants structurants fournis par la bibliothèque Compose Material (ex : Scaffold)Analyse du fonctionnement du Slot API PatternAnimationAnimations simples
Personnalisation du comportement d'une animationTravaux pratiquesUtiliser un Scaffold pour envelopper une page de l'application fil rouge
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, performances et débug
TestsDiffé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'horlogePerformanceBonnes pratiques de développement permettant d'optimiser le mécanisme de recompositionDébugOutils pour déboguer une interface utilisant Jetpack Compose (Logs, Layout Inspector, Compiler report, etc)Travaux pratiquesUtiliser les outils adéquats pour déboguer (Layout Inspector, Compiler Report)
Public cible :
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.
Date de mise à jour du programme : 12/02/2026
Dates et lieux
Période souhaitée
Lieux
Type d'affichage