- Référence : JETP
- Durée : 2 jours (14h)
- Lieu : Au choix. À distance ou en présentiel, à Paris ou en Régions
1480€ HT
Choisir une date et RéserverFormation Jetpack Compose : Développer des interfaces modernes pour Android
Durée
2 jours
Niveau
Fondamental
Classe à distance
Possible
Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...
Référence
JETP
Éligible CPF
Non
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.
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 (anti-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
Public :
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.
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)
Dates et lieux
Ces formations peuvent aussi vous intéresser :
Formations Informatique
et Management
en ligne à ce jour
+
Stagiaires dans nos salles
de cours sur
l'année
%
De participants satisfaits
ou très satisfaits de nos
formations
Formateurs experts
validés par
PLB
