Jetpack Compose desde cero: migra tus vistas de Android XML

Introducción:

• Bienvenido a nuestro curso de Jetpack Compose
• ¿Qué apps crearemos?
• ¿Quién es el instructor?
• Cómo sacarle el máximo partido al curso.
• Aprende con amigos en la comunidad de Discord de Android.
• Toma notas de tu curso en tiempo real en Frogames Formación.

Actualizaciones Generales:

• Instrucciones importantes para actualizaciones.

Primeros pasos en Jetpack Compose:

• Introducción
• ¿Qué es Jetpack Compose? ¿Por qué usarlo?
• Proyecto base, primeras diferencias
• Entendiendo a Compose
• Conclusiones

Layouts y Contenedores en Jetpack Compose

• IntroducciónBox(FrameLayout).
• Column(Linear Layout vertical).
• Row(LinearLayout horizontal).
• LiteralesIntroducción a ConstraintLayout.
• Formar diseños con ancla principal.
• Tarea: ConstraintLayout.
• Solución: ConstraintLayout.
• Guías.
• Conclusiones.

Modificadores de Jetpack Compose:

• Introducción.
• Espaciados en Compose.
• Tamaños en Compose.
• Evento de Click en Compose.
• Tarea: Modificadores.
• Solución: ModificadoresConclusiones.

Componentes en Jetpack Compose:

• IntroducciónText(TextView)
• Diseños avanzados en Text.
• Seleccionar texto.
• Card, Spacer y DividerTextfield y estados de Jetpack Compose.
• OutlinedTextfieldIcono para limpiar Textfield.
• Consumir recursos XML con ComposeImage(ImageView).
• ChipButtonBadgeCheckbox y Switch.
• Conclusiones

Complementos del sistema con Jetpack Compos:

• Introducción.
• Scaffold(CoordinatorLayout) y TopAppBar.
• Floating.
• Action.
• Button y Snackbar.
• Menú en AppBars.
• NavigationIcon y Divider en Menú.
• Navigation Drawer básico.
• Navigation Drawer avanzado.
• Tip: Modo interactivo.
• Principios responsivos Parte I.
• Principios responsivos Parte II.
• Conclusiones.

App Films:

• Introducción.
• App Films y su Modelo de datos.
• Lista simple.
• Mejorar aspecto de la vista individual.
• LazyColumn(RecyclerView).
• Notificación Toast.
• ListItemIcono y MaxLines.
• Glide para Compose.
• Tarea: Diseño alterno
• Solución: Diseño alterno.
• Trailing.
• BottomAppBar.
• Conclusiones

Interoperabilidad de XML con Jetpack Compose:

• Introducción.
• App: Form XML.
• Añadir dependencias de Compose.
• Diseño básico para reemplazar nuestro primer Textfield.
• Crear texto de ayuda.
• Validad si el Textfield esta vacío.
• Recolectar datosMigrar segundo Textfield.
• Opciones de teclado.
• Tarea: Altura mínima.
• Solución: Altura .

App: Form:

• Introducción.
• App: Form JC.
• Toolbar básica.
• Colores.
• Evento de click en la barra de acciones.
• AlertDialog en Jetpack Compose.
• Enlazar componentesEstados.
• Primer Textfield.
• Label & IconLongitud máxima.
• Capos requeridos y configuración para una sola línea.
• Valor mínimo y error personalizado.
• Distribución porcentual.
• Cambiar apariencia y comportamiento para la fecha.
• DatePicker con Compose.
• Opciones de teclado.
• Personalizar icono de teclado.
• Controlando la acción del teclado.
• Notas.
• Contador de catacteres.
• Limpiar formulario.
• Spinner en Jetpack Compose.
• Autocomplete básico en Compose.
• Mejorando estilo de Exposed.
• DropDownMenu.
• Limpiar selección de país.
• Mejora: Scroll con teclado.
• Mejora: Separar Date.
• Picker.
• Mejora: Idioma español.