Profesional en Material Design/Theming para Android. Best Practices UX y UI.
Mejora tus diseños para android con los lineamientos de Material Design, Material Components(MDC) y buenas prácticas.
Lo que aprenderás
Este curso cuenta con:
Soporte del instructor
Videos en Full HD
Certificado de Finalización
Garantía de Reembolso
Contenido del Curso
Previo al curso
Disponible en
días
días
después de inscribirte
Introducción a Material Design y Material Theming
Disponible en
días
días
después de inscribirte
- ¿Que es Material Design? (3:30)
- ¿Que es Material Theming? (2:58)
- Primer proyecto con diseño base. (8:55)
- Diseño basado en Holo (8:10)
- Implementación de Material Desing (9:42)
- AP: Cambiar EditText en base a Material Design
- Acercándonos a Material Theming (10:07)
- Conclusiones: Introducción a Material Design y Theming, (1:45)
MDC, primero pasos.
Disponible en
días
días
después de inscribirte
- Introducción (1:47)
- ¿Que es Material Components(MDC)? (2:43)
- App: MD Components (12:21)
- Creación del POJO y Adapter (12:17)
- Actividades complementarias (14:44)
- App: MD Components(Explicación importante) (6:53)
- MDC - Documentación oficial y forma de trabajo. (11:23)
- Materialbutton: Estilos básicos (12:52)
- MaterialButton: Personalizado (16:25)
- Bottom Navigation: Implementación básica (10:49)
- Bottom Navigation: Personalizado y Badge (11:49)
- Mejorando la UI del listado (9:31)
- Snackbar (8:39)
- Text Fields(TextInputLayout y TextInputEditText) (12:31)
- Text Fields personalizados (11:03)
- Text Fields - Eventos (7:55)
- Floating Action Button - Primeros pasos (11:31)
- Floating Action Button - Personalización y Eventos (9:12)
- Selection controls - Checkbox (10:14)
- Checkbox Indeterminate (11:12)
- Conclusiones MD Components v1 (1:52)
Material Theming: Nivel Básico-Medio
Disponible en
días
días
después de inscribirte
- Introducción Material Theming Básico-Medio (1:51)
- App: MD Top (13:38)
- Colores: Primeros pasos (8:14)
- Colores: Configuración (7:17)
- Pasar de AppCompat a MaterialComponents (3:09)
- Colores: Background, Surface y Error (8:18)
- Colores: StatusBar y NavigationBar (6:02)
- List: Primeros pasos (8:56)
- List: Imagen circular y elemento secundario (7:48)
- List: Texto primario y secundario (8:35)
- Dividers (10:28)
- AP: ColorSurface en el listado principal
- Vista AddArtist: rediseño base (10:37)
- Vista AddArtist: Text Fields (13:15)
- Validaciones con Material Theming (9:02)
- Shapes: Primeros pasos (6:57)
- Shapes: Cambios de forma globales (5:24)
- Detalle: Actualización (10:33)
- Dark Theme: Primeros pasos (7:29)
- Dark Theme: Colores (7:51)
- Dark Theme: StatusBar, NavigationBar y más. (10:54)
- Dark Theme: Iconos (5:38)
- Conclusiones Material Theming Básico-Medio (2:09)
MDC Parte II
Disponible en
días
días
después de inscribirte
- Introducción a MDC PII (1:45)
- Card: Primeros pasos (11:02)
- Card: Diseño simple (12:23)
- Card: Diseño avanzado(base) (10:43)
- Card: Glide y RatingBar (7:40)
- Card: Textos y Divider (9:17)
- Chip: Diseño (7:19)
- Chip: Eventos (7:14)
- Menu: Introducción (5:50)
- Menu: Popup y ActionBar (6:03)
- Menu: Dropdown para Autocomplete (10:32)
- Dialog: Primeros pasos (5:55)
- Dialog: Informativo (5:40)
- Dialog: Opción múltiple y Confirmación (10:57)
- Dialog: FullScreen (8:11)
- FullScreenDialog: Configuración básica (6:14)
- FullScreenDialog: Mejoras (6:28)
- AppBar (7:51)
- AppBar: Top (9:00)
- AppBar: Bottom (8:55)
- AppBarBottom: FloatingActionButton (8:27)
- AppBarBottom: Eventos (8:40)
- Picker (6:21)
- Picker: Dialog (6:46)
- Picker: FullScreen (12:22)
- Bonus* AppBar:Bottom con TopEdge (9:09)
- Conclusiones MDC PII (2:37)
Material Theming: Nivel Medio-Avanzado
Disponible en
días
días
después de inscribirte
- Introducción a Theming Medio-Avanzado (1:34)
- AlertDialogs: Actualizado con MDC (5:58)
- Calendar to Picker(Detalle) (8:03)
- Picker en AddArtist (6:17)
- Manipulación de estilos en Dialogs con Theming (7:20)
- Dark Theme: Mejoras Picker (12:08)
- Dark Theme: AppBarTop (6:20)
- Dark Theme: NavigationIcon y Titulo del Detalle (11:35)
- Dark Theme: NavigationIcon progresivo Parte I (7:52)
- Dark Theme: NavigationIcon progresivo Parte II (8:35)
- UX: Mejoras del NavigationIcon (8:38)
- UX: Guardar Tema Seleccionado (10:32)
- UI: Splash Screen (8:45)
- UI: IconLauncher Adaptive y Legacy (9:55)
- UI: Mejoras del SplashScreen (8:21)
- Conclusiones Theming Medio-Avanzado (1:47)
Transiciones y Animaciones
Disponible en
días
días
después de inscribirte
- Introducción a Transiciones y Animaciones (2:29)
- UI: Transiciones en Activities, Primeros pasos (7:49)
- UI: Transición Fade (5:18)
- UI: Transición Slide (6:17)
- UI: Transición Explode y Best Practices (9:02)
- UI: Transiciones compuestas (10:31)
- UI: Transiciones cumpuestas II (8:39)
- UI: Transiciones al compartir un elemento (10:34)
- UI: Compartir 2 elementos (9:30)
- UI: Mejoras del SharedElements (5:21)
- AP: Excluye la StatusBar
- UI: Problemas con SharedElements (7:50)
- UI: Vista Mejorada(Título) (8:18)
- UI: Vista Mejorada(título, color y tamaño) (8:55)
- UI: Vista Mejorada(Imágenes) (9:32)
- UI: Vista Mejorada(Transition) (5:10)
- AP: Ajustando la duración
- Transición dedicada a AddArtist (4:42)
- Últimos ajustes (6:24)
- Bonus* AP: TextFields en transiciones
- Conclusiones Transiciones y Animaciones (2:39)
MDC Parte III - Avanzado
Disponible en
días
días
después de inscribirte
- Introducción (1:18)
- Navigation Drawer (9:07)
- Modal Navigation Drawer (9:59)
- DrawerLayout (5:46)
- Eventos del Modal Navigation Drawer (8:34)
- Bottom Navigation Drawer (7:13)
- Modal Bottom Sheet (6:04)
- UI: Mejoras al Bottom Navigation Drawer (7:20)
- Sheets: Bottoom (7:07)
- Standar Bottom Sheet: Diseño base (9:14)
- Standar Bottom Sheet: Comportamiento (6:15)
- Standar Bottom Sheet: Vista enriquecida Parte I (12:39)
- Standar Bottom Sheet: Vista enriquecida Parte II (10:53)
- Standar Bottom Sheet: Control de estados (5:43)
- Standar Bottom Sheet: Eventos botón Auxiliar (7:22)
- Standar Bottom Sheet: Pantalla Completa(Inicio) (6:36)
- Diseño de vista: Barra de Acciones (7:41)
- Diseño de vista + Espacio Extra (7:52)
- Cancelación y gestión de vistas (9:45)
- UI: Mejoras del Modal Bottom Sheet (6:49)
- Conclusiones (1:55)
Motion
Disponible en
días
días
después de inscribirte
- Introducción (1:25)
- Motion (4:59)
- Motion: Diseño UI (9:17)
- Motion: ContainerTransform (7:49)
- Motion: ContainerTransform inverse (5:52)
- Motion: SharedAxis (7:24)
- Motion: SharedAxis inverse (5:08)
- Motion: SharedAxis, UI/UX mejorada (8:19)
- Motion: FadeThrough en Modal Bottom Sheet (6:39)
- Conclusiones (1:41)
Types
Disponible en
días
días
después de inscribirte
Navigation Component
Disponible en
días
días
después de inscribirte
- Introducción (1:42)
- Navigation: Exploración (7:57)
- Creando arquitectura Navigation desde cero. (7:33)
- NavHost y NavGraph (5:25)
- UI: Item Product (7:16)
- UI: Vista Productos (8:40)
- POJO y ViewHolder (8:04)
- Adaptador de Productos (6:43)
- RecyclerView (6:44)
- UI: Item Car (6:02)
- UI: Carrito de Compras (11:59)
- NavController y Action (7:15)
- Adaptador Carrito de Compras (4:30)
- Safe Args: Primeros pasos (6:04)
- Safe Args: Enviar y Recibir (6:21)
- Calcular y mostrar el total (6:24)
- UI: Confirmación de Pago (9:31)
- Action Confirmación a Productos (4:12)
- NavigationUI: Title & NavigationIcon (6:21)
- UX: Forzar Navegación (6:26)
- Global Action (5:25)
- Navegación por Id (3:44)
- Animaciones XML para Action (2:44)
- Animaciones personalizadas en Action (5:31)
- UX: Ocultar Menú (4:07)
- Motion + Navigation Parte I (5:43)
- Motion + Navigation Parte II (3:07)
- UI: BottomSheet (9:40)
- UX: BottomSheet (8:27)
- Conclusiones Navigation (2:03)
Extras
Disponible en
días
días
después de inscribirte
Más contenido y Fin del curso
Disponible en
días
días
después de inscribirte
Tu Instructor
Android y Jetpack
Los diseños aquí mostrados están enfocados en aprovechar al máximo la tecnología ofrecida por Jetpack para Android.
Material Design y Theming
Diseños limpios y profesionales, gracias a los lineamientos oficiales y complementos extras del buen diseño de la UX y UI.
MDC(Material Components)
Con los MDC, usted podrá crear diseños increíbles de una forma sencilla y rápida.