¿Qué quieres aprender?

Jetpack Compose desde cero: migra tus vistas de Android XML

Jetpack Compose desde cero: migra tus vistas de Android XML

Frogames Formación

Curso online


hasta 150 €

En el curso de Jetpack Compose aprenderemos a migrar nuestras vistas de XML en Android a una programación declarativa con Kotlin.Hoy en día ya es un tema opcional y recomendado saber Jetpack Compose a la hora de conseguir un empleo. Y no me cabe la menor duda que en pocos años será un requisito básico.

¿Quieres hablar con un asesor sobre este curso?

Temario completo de este curso

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.
Ver más