Audiocurso de Jetpack Compose

Módulo 1: Introducción al curso de Jetpack Compose

Qué es Jetpack Compose

Explora el significado y propósito de Jetpack Compose, una herramienta moderna para crear interfaces de usuario en Android de manera más sencilla y eficiente.

Ventajas frente al sistema de vistas tradicional

Descubre cómo Compose simplifica el desarrollo, reduciendo código y aumentando la flexibilidad frente al enfoque basado en vistas.

Módulo 2: Fundamentos de Jetpack Compose

Conceptos básicos: Composables y funciones

Aprende qué son los composables, el corazón de Jetpack Compose, y cómo utilizarlos para construir interfaces reutilizables.

Ciclo de vida de las composiciones

Comprende con este curso de Jetpack Compose cómo funciona el ciclo de vida en para manejar las actualizaciones de la UI de manera eficiente.

Gestión del estado en Compose

Descubre técnicas para gestionar el estado de la UI, garantizando aplicaciones reactivas y fluidas.

Combinación de Compose con XML

Aprende a integrar Compose con interfaces tradicionales basadas en XML para proyectos híbridos.

Incorporación de vistas existentes en Compose

Explora cómo reutilizar componentes de vista tradicionales dentro del entorno Compose.

Módulo 3: Componentes en Jetpack Compose – Layouts

Box

Entiende cómo usar Box para apilar elementos y crear diseños flexibles.

Row

Descubre cómo organizar componentes horizontalmente con Row.

Column

Organiza elementos verticalmente utilizando Column.

LazyRow

Optimiza listas horizontales con LazyRow.

LazyColumn

Crea listas verticales de alto rendimiento con LazyColumn.

LazyHorizontalGrid

Diseña cuadrículas horizontales dinámicas con LazyHorizontalGrid.

LazyVerticalGrid

Construye cuadrículas verticales eficientes con LazyVerticalGrid.

Spacer

Utiliza Spacer para añadir espacio flexible entre componentes.

Módulo 4: Componentes en Jetpack Compose – Estructura

Scaffold

Explora Scaffold para estructurar pantallas con barras de herramientas y contenido principal.

TopAppBar

Crea barras de herramientas personalizadas con TopAppBar.

Snackbar

Incorpora notificaciones contextuales con Snackbar.

BottomAppBar

Añade barras de herramientas inferiores utilizando BottomAppBar.

BottomNavigation

Diseña navegaciones inferiores con BottomNavigation.

FloatingActionButton

Agrega botones flotantes de acción para interacciones clave.

ModalDrawer

Implementa menús deslizables con ModalDrawer.

Módulo 5: Componentes en Jetpack Compose – Textos

Text

Aprende a mostrar y personalizar texto en Compose.

TextField

Crea campos de entrada de texto interactivos con TextField.

OutlinedTextField

Añade estilo a los campos de entrada con OutlinedTextField.

Módulo 6: Componentes en Jetpack Compose – Botones

Button

Incorpora botones básicos para acciones simples.

OutlinedButton

Usa OutlinedButton para estilos más refinados y minimalistas.

TextButton

Agrega botones sin borde para interacciones sutiles.

Módulo 7: Componentes en Jetpack Compose – Imágenes

Image

Muestra imágenes con facilidad y personalización.

Icon

Integra iconos para mejorar la experiencia visual de tu aplicación.

Módulo 8: Componentes en Jetpack Compose – Selección

Switch

Crea interruptores interactivos para configuraciones rápidas.

CheckBox

Añade opciones de selección múltiple con CheckBox.

RadioButton

Diseña opciones de selección única con RadioButton.

DropdownMenu

Incorpora menús desplegables para seleccionar opciones.

Módulo 9: Componentes en Jetpack Compose – Otros

Card

Usa Card para crear contenedores visuales elegantes.

Surface

Personaliza superficies con estilos y colores.

BadgeBox

Añade indicadores visuales con BadgeBox.

Divider

Separa elementos con líneas visualmente atractivas.

Slider

Introduce controles deslizantes para seleccionar valores.

SectionSlider

Crea deslizadores segmentados con SectionSlider.

AlertDialog

Incorpora diálogos modales para interacciones críticas.

ProgressBar

Añade indicadores de progreso para procesos en curso.

Módulo 10: Navegación en Jetpack Compose

Introducción a Navigation Compose

Descubre las bases de la navegación con Jetpack Compose.

Configuración de gráficos de navegación

Aprende a estructurar rutas y destinos en tu aplicación.

Transición entre pantallas

Domina la navegación fluida entre diferentes pantallas.

Módulo 11: Manejo de Estado y Ciclos de Vida en Compose

mutableStateOf

Gestiona estados simples con mutableStateOf.

derivedStateOf

Optimiza cálculos derivados con derivedStateOf.

snapshotFlow

Observa cambios de estado con snapshotFlow.

State Hoisting

Simplifica la gestión de estados con State Hoisting.

DisposableEffect

Administra recursos con DisposableEffect.

LaunchedEffect

Ejecución de efectos dependientes del ciclo de vida con LaunchedEffect.

SideEffect

Asegura efectos secundarios con SideEffect.

rememberUpdatedState

Mantén estados actualizados con rememberUpdatedState.

Módulo 12: Recomposición y Gestión de Memoria

Recomposición de vistas

Entiende cómo Compose administra las actualizaciones de la UI.

remember

Optimiza el uso de memoria con remember.

RememberSaveable

Preserva estados durante configuraciones con RememberSaveable.

rememberCoroutineScope

Integra coroutines con rememberCoroutineScope.

rememberInfiniteTransition

Crea animaciones infinitas con rememberInfiniteTransition.

Módulo 13: Gestión de Datos en Compose

Consumo de datos remotos con ViewModel

Aprende a integrar datos de APIs con ViewModel.

StateFlow y su integración en Compose

Domina el flujo de estados reactivos con StateFlow.

Módulo 14: Temas y Estilo

Sistema de temas en Compose: Material 3

Explora el diseño basado en Material 3 para Compose.

Personalización de colores y tipografía

Adapta colores y tipografía a tu branding.

Implementación de temas light y dark

Crea aplicaciones con temas claros y oscuros dinámicos.

Módulo 15: Animaciones y Testing

Animaciones en Compose: Animatable y AnimationSpec

Implementa animaciones dinámicas con Compose.

Testing de UI con Jetpack Compose

Prueba interfaces de usuario con las herramientas de Compose.

Módulo 16: Nuevas Tendencias

KMP y Compose Multiplatform

Explora la creación de apps multiplataforma con Compose.

Jetpack Compose en Android XR

Adéntrate en las experiencias de realidad extendida con Compose.

Módulo 17: Conclusiones y Siguientes Pasos tras realizar este curso de Jetpack Compose

Resumen y próximos pasos

Reflexiona sobre lo aprendido y conoce las rutas futuras para continuar tu desarrollo.

En uno de los sitios que más he aprendido de programación es en cafeterías, hablando con otros colegas.

Evidentemente que en un audio se aprende de programación.

Si no tienes ni idea del tema, aprendes (como mínimo) por donde van los tiros.
Y si ya sabes, obtienes ideas nuevas que poder aplicar.

Tiene soporte.
Tienes el canal ❓│ayuda dentro de la comunidad en Discord.
Desde ahí podrás hacer todas la preguntas que quieras.

Sí. Lo tienes al lado del botón de «COMPRAR».
Para mí, la respuesta que me des a esa única pregunta es muy valiosa.
Por lo tanto, me parece un trato justo.