Saltar al contenido
Interfaz Android formada por componentes reutilizables y una vista previa.
Un recorrido deCarlos CortezVer trayectoria

Componer · Interactuar · Navegar

Jetpack Compose: de los componentes a una app Android

Construir interfaces nativas con Kotlin: componentes, estado, listas y navegación conectados en una aplicación de práctica.

Una pantalla útil combina lo que se muestra con lo que ocurre al tocarla. El recorrido conecta componentes, estado y navegación antes de reunirlos en una aplicación.

Un propósito por paso

Qué trabajaremos.

  • Componer pantallas con layouts y componentes de Material 3.
  • Relacionar cambios de estado, eventos y recomposición.
  • Mostrar listas e imágenes y conectar pantallas.
  • Preparar una aplicación de práctica y distinguir APK de Android App Bundle.

El recorrido completo

Paso a paso.

7 bloques 37 lecciones previstas

El temario ya está organizado. Las lecturas y sus ejercicios se incorporarán aquí; por ahora puedes consultar el objetivo de cada paso.

01

Pensar la interfaz como composición

7 lecciones

Preparar el proyecto y comprender cómo las funciones describen una pantalla.

  1. 1.1Qué construiremos y cómo comprobarloEn preparación
  2. 1.2De las vistas XML a una interfaz declarativaEn preparación
  3. 1.3Preparar el proyecto y reconocer su estructuraEn preparación
  4. 1.4Crear funciones composables y revisar sus previewsEn preparación
  5. 1.5Ubicar elementos dentro de contenedoresEn preparación
  6. 1.6Dar tamaño, espacio y comportamiento con ModifierEn preparación
  7. 1.7Construir una tarjeta de presentación reutilizableEn preparación
02

Construir pantallas que reciben acciones

4 lecciones

Organizar contenido, campos y botones con un comportamiento comprensible.

  1. 2.1Combinar Box, Column y RowEn preparación
  2. 2.2Mostrar textos con jerarquía y legibilidadEn preparación
  3. 2.3Recibir información con campos editablesEn preparación
  4. 2.4Definir acciones con distintos botonesEn preparación
03

Completar una interfaz de acceso

3 lecciones

Añadir recursos visuales y selección sin perder claridad de uso.

  1. 3.1Incorporar imágenes e iconos con propósitoEn preparación
  2. 3.2Recibir elecciones con controles de selecciónEn preparación
  3. 3.3Reunir los componentes en una pantalla de accesoEn preparación
04

Conectar estado, eventos y recomposición

5 lecciones

Explicar por qué cambia una pantalla y quién conserva sus valores.

  1. 4.1Representar lo que cambia con estadoEn preparación
  2. 4.2Entender cuándo se recompone una interfazEn preparación
  3. 4.3Conectar eventos con cambios de estadoEn preparación
  4. 4.4Elegir entre remember y rememberSaveableEn preparación
  5. 4.5Organizar propiedades, estado y responsabilidadesEn preparación
05

Mostrar colecciones con fluidez

6 lecciones

Elegir listas y cuadrículas y conservar la identidad de sus elementos.

  1. 5.1Preparar los datos de una colecciónEn preparación
  2. 5.2Mostrar una lista vertical con LazyColumnEn preparación
  3. 5.3Cargar imágenes con Coil y manejar sus estadosEn preparación
  4. 5.4Crear listas horizontales que responden a eventosEn preparación
  5. 5.5Organizar colecciones en cuadrículas adaptablesEn preparación
  6. 5.6Agrupar listas con cabeceras visiblesEn preparación
06

Dar estructura y comunicar resultados

5 lecciones

Incorporar navegación visual, mensajes y diálogos según la acción.

  1. 6.1Organizar la pantalla con Scaffold y barra superiorEn preparación
  2. 6.2Diseñar una navegación inferior coherenteEn preparación
  3. 6.3Mostrar acciones flotantes y mensajes brevesEn preparación
  4. 6.4Pedir confirmaciones mediante AlertDialogEn preparación
  5. 6.5Construir diálogos para necesidades específicasEn preparación
07

Reunirlo en una aplicación de recursos

7 lecciones

Construir un listado y detalle propios y preparar su entrega de prueba.

  1. 7.1Delimitar la aplicación y preparar su baseEn preparación
  2. 7.2Conectar destinos y argumentos de navegaciónEn preparación
  3. 7.3Construir el listado de recursosEn preparación
  4. 7.4Separar datos y representación de la pantallaEn preparación
  5. 7.5Mostrar el detalle de un recurso seleccionadoEn preparación
  6. 7.6Aplicar Material 3, tipografía y temasEn preparación
  7. 7.7Preparar la entrega: APK y Android App BundleEn preparación