Aspectos básicos de Android con Compose
Aspectos básicos de Android con Compose es un curso en línea a tu propio ritmo sobre la compilación de apps para Android con las prácticas recomendadas más recientes. Abarca los aspectos básicos de la compilación de apps con Jetpack Compose, el kit de herramientas recomendado para compilar interfaces de usuario en Android.
Objetivos del curso
![](https://developer.android.com/static/courses/android-basics-compose/images/ribbon.png?authuser=6&hl=es)
- Comprender los aspectos básicos de Kotlin y Jetpack Compose
- Compilar una serie de apps básicas para Android
- Usar la arquitectura de apps para Android, las bibliotecas de Jetpack y trabajar con datos según las prácticas de Modern Android Development
Requisitos previos
![](https://developer.android.com/static/courses/android-basics-compose/images/laptop.png?authuser=6&hl=es)
- Habilidades básicas de computación
- Habilidades matemáticas básicas
- Una computadora que pueda ejecutar Android Studio (consulta los requisitos del sistema)
- Dispositivo Android (opcional)
Unidad 1: Tu primera app para Android
3 rutas de aprendizaje | Duración: 10 horas
Aprende sobre los aspectos básicos de la programación y crea tu primera app para Android.
- Escribe programas simples de Kotlin que muestren resultados de texto.
- Descarga y, luego, instala Android Studio.
- Compila una app para Android con una interfaz de usuario simple que muestre imágenes y texto.
- Ejecuta la app en un dispositivo o emulador.
Introducción a Kotlin
Ruta de aprendizaje 1 | Duración: 3 horas
Aprende conceptos introductorios de programación en Kotlin.
Cómo configurar Android Studio
Ruta de aprendizaje 2 | Duración: 4 horas
Instala y configura Android Studio, crea tu primer proyecto y ejecútalo en un dispositivo o emulador.
Crea un diseño básico
Ruta de aprendizaje 3 | Duración: 3 horas
Compila una app para Android con una interfaz de usuario simple que muestre imágenes y texto
Ruta de aprendizaje 1 | Duración: 3 horas
Aprende conceptos introductorios de programación en Kotlin.
Antes de comenzar
Codelab
Te damos la bienvenida a Aspectos básicos de Android con Compose
Video
Tu primer programa en Kotlin
Codelab
Crea y usa variables en Kotlin
Codelab
Cómo crear y usar funciones en Kotlin
Codelab
Práctica: Conceptos básicos de Kotlin
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Ruta de aprendizaje 2 | Duración: 4 horas
Instala y configura Android Studio, crea tu primer proyecto y ejecútalo en un dispositivo o emulador.
Introducción a Android Studio
Video
Descarga e instala Android Studio
Codelab
Cómo crear tu primera app para Android
Codelab
Cómo ejecutar tu primera app en Android Emulator
Codelab
Cómo conectar tu Android Emulator
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Ruta de aprendizaje 3 | Duración: 3 horas
Compila una app para Android con una interfaz de usuario simple que muestre imágenes y texto
Introducción a Jetpack Compose
Video
Cómo diseñar una app de tarjeta de cumpleaños
Video
Cómo compilar una app simple con elementos componibles de texto
Codelab
Cómo agregar imágenes a tu app para Android
Codelab
Práctica: Conceptos básicos de Compose
Codelab
Proyecto: Crea una app de tarjetas de presentación
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Unidad 2: Compila la IU de una app
3 rutas de aprendizaje | Duración: 21 horas
Sigue aprendiendo los aspectos básicos de Kotlin y comienza a compilar apps más interactivas.
- Usa condicionales, tipos de funciones, clases y expresiones lambda en Kotlin.
- Comprende cómo funcionan la composición y la recomposición.
- Agrega un botón a la IU de una app y responde a las presiones del usuario.
- Crea una app que funcione con los datos que introdujo el usuario.
- Aprende a usar el estado para mostrar datos y reflejar los cambios automáticamente cuando estos se actualizan.
- Escribe pruebas de unidades para probar funciones aisladas.
Aspectos básicos de Kotlin
Pathway 1 | Duration: 8 hours
Aprende más aspectos básicos de Kotlin, la programación orientada a objetos, y lambdas.
Cómo agregar un botón a una app
Ruta de aprendizaje 2 | Duración: 6 horas
Aprende a responder cuando se hace clic en un botón de una app para Android.
Cómo interactuar con la IU y el estado
Ruta de aprendizaje 3 | Duración: 7 horas
Crea una app para calcular propinas que estime la propina a partir de la entrada del usuario.
Pathway 1 | Duration: 8 hours
Aprende más aspectos básicos de Kotlin, la programación orientada a objetos, y lambdas.
Aspectos básicos de Kotlin
Video
Cómo escribir condicionales en Kotlin
Codelab
Usa la nulabilidad en Kotlin
Codelab
Usa clases y objetos en Kotlin
Codelab
Cómo usar tipos de funciones y expresiones lambda en Kotlin
Codelab
Práctica: Aspectos básicos de Kotlin
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Ruta de aprendizaje 2 | Duración: 6 horas
Aprende a responder cuando se hace clic en un botón de una app para Android.
Introducción a la app de Dice Roller
Video
Cómo crear una app interactiva de Dice Roller
Codelab
Cómo usar el depurador en Android Studio
Codelab
Práctica: Comportamiento de clics
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Ruta de aprendizaje 3 | Duración: 7 horas
Crea una app para calcular propinas que estime la propina a partir de la entrada del usuario.
Información sobre el estado en Compose
Video
Introducción a la calculadora de propinas
Video
Introducción al estado en Compose
Codelab
Calcula una propina personalizada
Codelab
Cómo escribir pruebas automatizadas
Codelab
Proyecto: Crea una app de Art Space
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Unidad 3: Cómo mostrar listas y usar Material Design
3 rutas de aprendizaje | Duración: 15 horas
Compila apps que muestran una lista de datos y descubre cómo mejorar tus apps con Material Design.
- Usa clases de datos, funciones y colecciones en Kotlin.
- Crea una lista desplazable en una app que muestre imágenes y texto.
- Agrega objetos de escucha de clics para interactuar con elementos de lista.
- Agrega una barra de la aplicación y modifica el tema de esta.
- Usa Material Design para compilar interfaces de usuario intuitivas y modernas con colores, formas y tipografía.
Más aspectos básicos de Kotlin
Ruta de aprendizaje 1 | Duración: 8 horas
Aprende conceptos adicionales de programación en Kotlin que te permitirán compilar apps para Android más interesantes y divertidas.
Cómo crear una lista desplazable
Ruta de aprendizaje 2 | Duración: 4 horas
Usa Compose para crear una app que muestre una lista desplazable de imágenes y texto.
Cómo compilar apps fabulosas
Ruta de aprendizaje 3 | Duración: 3 horas
Haz que tus apps sean más intuitivas y atractivas para su uso con Material Design, animaciones y prácticas recomendadas de accesibilidad.
Ruta de aprendizaje 1 | Duración: 8 horas
Aprende conceptos adicionales de programación en Kotlin que te permitirán compilar apps para Android más interesantes y divertidas.
Más aspectos básicos de Kotlin
Video
Parámetros genéricos, objetos y extensiones
Codelab
Cómo usar colecciones en Kotlin
Codelab
Funciones de orden superior con colecciones
Codelab
Práctica: Clases y colecciones
Codelab
Cuestionario
Ruta de aprendizaje 2 | Duración: 4 horas
Usa Compose para crear una app que muestre una lista desplazable de imágenes y texto.
Introducción a la app de Affirmations
Video
Cómo agregar una lista desplazable
Codelab
Cómo cambiar el ícono de la app
Codelab
Práctica: Crea una cuadrícula
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Ruta de aprendizaje 3 | Duración: 3 horas
Haz que tus apps sean más intuitivas y atractivas para su uso con Material Design, animaciones y prácticas recomendadas de accesibilidad.
Introducción a Material Design con Compose
Video
Temas de Material con Jetpack Compose
Codelab
Animación simple con Jetpack Compose
Codelab
Prueba de accesibilidad
Codelab
Práctica: Compila una app de superhéroes
Codelab
Proyecto: Crea una app de 30 días
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Unidad 4: Navegación y arquitectura de la app
3 rutas de aprendizaje | Duración: 27 horas
Aprende sobre las prácticas recomendadas de la arquitectura de apps para compilar aplicaciones más complejas. Mejora la capacidad de tus usuarios para navegar a través, dentro y fuera de varias pantallas en tu app para ofrecer una experiencia del usuario coherente y predecible.
- Explica las actividades y sus ciclos de vida.
- Comprende la arquitectura moderna de Android.
- Usa el patrón StateFlow y UDF para trabajar con el estado y los eventos.
- Agrega ViewModel para guardar datos y estados.
- Configura y usa el componente Navigation con Compose.
- Comprende qué es la IU responsiva.
- Usa tamaños de clase de ventana para compilar para diferentes tamaños de pantalla.
- Agrega un panel lateral de navegación a una app.
Componentes de la arquitectura
Ruta de aprendizaje 1 | Duración: 9 horas
Aprende sobre la arquitectura de la app y el uso de ViewModels, UI State y StateFlow para compilar apps más complejas.
Navigation en Jetpack Compose
Ruta de aprendizaje 2 | Duración: 6 horas
Aprende a usar el componente Navigation para compilar apps más complejas con más pantallas, y a navegar y pasar datos entre diferentes elementos componibles.
Cómo adaptarte a diferentes tamaños de pantalla
Ruta de aprendizaje 3 | Duración: 13 horas
En esta ruta de aprendizaje, aprenderás a adaptar tu app a diferentes tamaños de pantalla y a brindar una mejor experiencia del usuario, así como a probar tu IU adaptable.
Ruta de aprendizaje 1 | Duración: 9 horas
Aprende sobre la arquitectura de la app y el uso de ViewModels, UI State y StateFlow para compilar apps más complejas.
Te damos la bienvenida a la Unidad 4
Video
Etapas del ciclo de vida de la actividad
Codelab
Introducción a la arquitectura de apps
Video
Arquitectura: La capa de la IU
Video
ViewModel y State en Compose
Codelab
Cómo escribir pruebas de unidades para probar ViewModel
Codelab
Práctica: Cómo agregar un ViewModel a Dessert Clicker
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Ruta de aprendizaje 2 | Duración: 6 horas
Aprende a usar el componente Navigation para compilar apps más complejas con más pantallas, y a navegar y pasar datos entre diferentes elementos componibles.
Introducción a Navigation y la app de Cupcake
Video
Cómo navegar entre pantallas con Compose
Codelab
Cómo probar la app de Cupcake
Codelab
Práctica: Cómo agregar navegación
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Ruta de aprendizaje 3 | Duración: 13 horas
En esta ruta de aprendizaje, aprenderás a adaptar tu app a diferentes tamaños de pantalla y a brindar una mejor experiencia del usuario, así como a probar tu IU adaptable.
Diseños adaptables
Video
Introducción a la app de Reply
Video
Compila una app adaptable con navegación dinámica
Codelab
Compila una app con un diseño adaptable
Codelab
Práctica: Compila una app de deportes
Codelab
Proyecto: Crea la app de My City
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Unidad 5: Cómo conectarse a Internet
2 rutas de aprendizaje | Duración: 14 horas
Usa corrutinas de Kotlin para realizar varias tareas a la vez y obtén información sobre HTTP y REST para obtener datos de Internet con Retrofit. Luego, usa la biblioteca de Coil para mostrar imágenes en tu app.
- Describe los aspectos básicos de simultaneidad y cómo usar corrutinas en una app para Android.
- Define y comprende la capa de datos en la arquitectura moderna de las apps para Android.
- Implementa un repositorio para centralizar el acceso a los datos.
- Usa Retrofit para recuperar datos de un servidor remoto.
- Carga y muestra imágenes con la biblioteca de Coil.
- Implementa la inserción de dependencias para separar las clases, lo que facilita probar, mantener y ajustar la app.
Obtén datos de Internet
Ruta de aprendizaje 1 | Duración: 6 horas
Implementa corrutinas para realizar tareas de forma simultánea sin bloquear la app y aprende sobre HTTP y REST para obtener datos de Internet.
Cómo cargar y mostrar imágenes de Internet
Ruta de aprendizaje 2 | Duración: 3 horas
Aplica las prácticas recomendadas de arquitectura a la app y usa Coil para descargar y mostrar imágenes.
Ruta de aprendizaje 1 | Duración: 6 horas
Implementa corrutinas para realizar tareas de forma simultánea sin bloquear la app y aprende sobre HTTP y REST para obtener datos de Internet.
Conéctate a Internet
Video
Introducción a las corrutinas en el Playground de Kotlin
Codelab
Introducción a las corrutinas en Android Studio
Codelab
Introducción a HTTP/REST
Video
Cómo obtener datos de Internet
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Ruta de aprendizaje 2 | Duración: 3 horas
Aplica las prácticas recomendadas de arquitectura a la app y usa Coil para descargar y mostrar imágenes.
Arquitectura: la capa de datos
Video
Cómo agregar el repositorio y la inserción manual de dependencias
Codelab
Cómo cargar y mostrar imágenes de Internet
Codelab
Práctica: Compila la app de Amphibians
Codelab
Proyecto: Crea una app de Bookshelf
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Unidad 6: Persistencia de datos
3 rutas de aprendizaje | Duración: 10 horas
Aprende a almacenar datos de manera local en el dispositivo y a hacer que tus apps funcionen a pesar de las interrupciones de la red para ofrecer una experiencia del usuario fluida y coherente.
- Aprende sobre los conceptos básicos de SQL para insertar, actualizar y borrar datos de una base de datos SQLite.
- Usa la biblioteca de Room para agregar una base de datos a una app para Android.
- Usa el Inspector de bases de datos para probar y depurar problemas de la base de datos.
- Usa Preference Datastore para almacenar las preferencias del usuario.
Introducción a SQL
Ruta de aprendizaje 1 | Duración: 2 horas
Aprende a usar SQL para leer y manipular datos en una base de datos relacional.
Cómo usar Room para la persistencia de datos
Ruta de aprendizaje 2 | Duración: 6 horas
Usa la biblioteca de Room para crear y usar fácilmente bases de datos relacionales en una app para Android.
Cómo almacenar datos y acceder a ellos usando claves con Datastore
Ruta de aprendizaje 3 | Duración: 2 horas
Aprende a almacenar datos simples de pares clave-valor con Preferences Datastore en una app para Android
Ruta de aprendizaje 1 | Duración: 2 horas
Aprende a usar SQL para leer y manipular datos en una base de datos relacional.
Introducción a las bases de datos y a SQL
Video
Cómo usar SQL para leer y escribir en una base de datos
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Ruta de aprendizaje 2 | Duración: 6 horas
Usa la biblioteca de Room para crear y usar fácilmente bases de datos relacionales en una app para Android.
Flujos de Kotlin en la práctica
Video
Prueba los flujos
Artículo
Uso de las APIs de Kotlin de Room
Video
Conserva los datos con Room
Codelab
Cómo leer y actualizar datos con Room
Codelab
Práctica: Cómo compilar la app de Bus Schedule
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Ruta de aprendizaje 3 | Duración: 2 horas
Aprende a almacenar datos simples de pares clave-valor con Preferences Datastore en una app para Android
Introducción a Datastore
Video
Preferences Datastore
Video
Guarda tus preferencias de forma local con Datastore
Codelab
Proyecto: Crea una app de búsqueda de vuelos
Codelab
¿Cuáles son los próximos pasos?
Video
Cuestionario
Unidad 7: WorkManager
1 ruta de aprendizaje | Duración: 6 horas
Usa la API de WorkManager de Android Jetpack para programar el trabajo necesario en segundo plano, como copias de seguridad de datos o descargas de contenido actualizado, que se sigue ejecutando incluso si se cierra la app o se reinicia el dispositivo.
- Define las tareas de larga duración que se deben ejecutar en un trabajo en segundo plano.
- Agrega WorkManager a una app para Android.
- Crea un objeto Worker y pon el trabajo en cola.
- Crea restricciones en WorkRequests.
- Usa el Inspector de tareas en segundo plano para inspeccionar y depurar WorkManager.
Programa tareas con WorkManager
Ruta de aprendizaje 1 | Duración: 3 horas
Aprende cuándo y cómo usar WorkManager, una API que controla el trabajo en segundo plano que debe ejecutarse independientemente de si el proceso de la aplicación aún está en ejecución.
Ruta de aprendizaje 1 | Duración: 3 horas
Aprende cuándo y cómo usar WorkManager, una API que controla el trabajo en segundo plano que debe ejecutarse independientemente de si el proceso de la aplicación aún está en ejecución.
Introducción a WorkManager
Video
Cómo implementar WorkManager
Video
Trabajo en segundo plano con WorkManager
Codelab
Pruebas y WorkManager avanzados
Codelab
Práctica: Compila la app de Water Me
Codelab
Cuestionario
Unidad 8: Views y Compose
2 rutas de aprendizaje | Duración: 4 horas
Aprende a usar Compose y el kit de herramientas de la IU anterior basado en Views en paralelo en la misma app. En esta unidad, aprenderás a usar las APIs de interoperabilidad y las prácticas recomendadas para agregar una nueva función a una app existente en Views. También aprenderás a usar una biblioteca existente que utilice Views, o bien a emplear un componente de la IU que aún no está disponible en Compose.
- Comprende el kit de herramientas de IU basada en objetos View y compila la IU de la app con XML.
- Agrega un elemento componible a una app compilada con Views.
- Agrega el componente Navigation a la app y úsalo para navegar entre fragmentos.
- Usa AndroidView para mostrar vistas.
- Agrega componentes existentes de la IU basada en View a una app de Compose.
Views de Android y Compose en Views
Ruta de aprendizaje 1 | Duración: 3 horas
Aprende los aspectos básicos de la compilación de apps con Views de Android y a agregar un elemento componible en una app compilada con Views.
Views en Compose
Ruta de aprendizaje 2 | Duración: 1 hora
Aprende a agregar y usar objetos View existentes en una app compilada con Jetpack Compose.
Ruta de aprendizaje 1 | Duración: 3 horas
Aprende los aspectos básicos de la compilación de apps con Views de Android y a agregar un elemento componible en una app compilada con Views.
Sistema de View de Android
Video
Cómo compilar una app para Android con Views
Codelab
Compose en Views
Video
Cómo agregar Compose a una app heredada
Codelab
Cuestionario
Ruta de aprendizaje 2 | Duración: 1 hora
Aprende a agregar y usar objetos View existentes en una app compilada con Jetpack Compose.
Views en Compose
Video
Cómo usar la interoperabilidad con objetos View en Compose
Codelab
Cómo agregar Compose a una app heredada
Codelab