notifications Notificaciones

Marcar todas como leídas

Ver más

Suscríbete al plan premium y obtén acceso a éste y todos nuestros cursos.

Ir a la suscripción
Iconos premium cf0010

Curso de Material Design Android

Vídeos en el curso

47

Duración total

6h 26m

Temario

Main

Presentación del curso

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 18s

¿Qué es Material Design?

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 11m 51s

Colores para Material Design

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 35s

Pasar una App Holo a Material Design

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 25m 49s

Crear un proyecto desde cero pensando en material design

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 8m 51s

Estructura basica de elementos Material Design

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 35s

FloatingActionButton

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 10m 6s

Snackbar

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 6s

¿Qué es un RecycleView?

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 10m 38s

Elemento RecycleView

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 9m 26s

Declarar en el codigo RecyclerView

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 4s

Adaptador para el RecyclerView

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 16m 20s

Implementacion final RecyclerView

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 10m 1s

Agregar divisor entre elementos del RecyclerView

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 57s

RecyclerView con Tabs

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 21m 11s

Efecto Scroll no afecta Tabs

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 23s

CollapsingToolbarLayout

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 3s

Efecto con el CollapsingToolbarLayout

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 7s

Más efectos con CollapsingToolbarLayout

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 52s

Parallax

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 9s

21.- Parallax con cambios

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 4s

22.- Nueva posición para el FloatingActionButton

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 14s

23.- FloatingActionButton Definición

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 12s

24.- Definir un vector para el FloatingactionButton

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 51s

25.- Estilo del botón

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 47s

26.- Animación del botón

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 14m 48s

27.- Finalizando definición FloatingActionButton

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 10s

28.- FloatingActionButton definición de transición

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 26s

29.- FloatingActionButton Efecto rotación, parte 1

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 30s

30.- FloatingActionButton Efecto rotación, parte 2

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 56s

31.- FloatingActioButton aplicar animaciones

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 9m 20s

32.- Estilo de nuevos botones

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 27s

33.- Layout de nuevos botones

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 11m 36s

34.- Aparición de los nuevos botones

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 26m 24s

35.- Acción dentro de Botón Mini

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 1m 56s

36.- Botón Efecto desaparecer

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 10m 37s

37.- Modificar el comportamiento FloatingActionButton

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 7s

38.- ¿Qué es CardView?

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 0s

39.- Declarar un CardView

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 12m 50s

40.- Definir Recycler View para introducir Cardview

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 46s

Definir Datos para utilizar el CardView

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 44s

Definir Adaptador para el RecyclerView

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 11m 54s

43.- Estilo en el Cardview

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 12m 45s

44.- Definir una animación para el Cardview

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 8s

45.- Agregar la animación en el Adaptador

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 58s

46.- Implementar la animación en el CardView

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 53s

47.- Despedida del curso

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 24s