Jump to content

Oja.la: Curso Responsive: Diseño web avanzado aplicando Flex


Recommended Posts


Responsive-Disenos-web-avanzados-aplican





En este curso vamos a ver el diseño web avanzado aplicando Flexbox CSS. Aprenderás sobre, creación de menús y como funcionan a partir de Flexbox, construir un layout de tipo tarjeta para tus desarrollos, vas a construir un layout y a diseñarlo con la ayuda de Flexbox, a mostrar y ocultar la barra lateral, y animar contenido principalmente.



Contenido Diseño web avanzado:



Bienvenido al curso

1. - Bienvenido 1 mins 32 seg

2. - Material de descarga 2 mins 10 seg



Qué es Flexbox

3. - ¿Qué es Flexbox? 2 mins 52 seg

4. - Advertencias al usar Flexbox hoy en día 3 mins 32 seg



Menús accionados con Flexbox

5. - Explorando los diseños de los menús 1 mins 59 seg

6. - Maquetando cinco tipos de menús 8 mins 6 seg

7. - Usando Flexbox con el menú simple 15 mins 42 seg

8. - Usando Flexbox con el menú avanzdo 16 mins 1 seg

9. - Usando Flexbox con el menú multinivel 10 mins 22 seg

10. - Usando Flexbox con el menú de redes sociales 5 mins 44 seg

11. - Usando Flexbox para la creación de un menú mixto 8 mins 37 seg



Diseños de tarjetas responsive con Flexbox

12. - Desafios con diseños de tarjetas 5 mins 39 seg

13. - Marcación de tarjetas típicas 3 mins 43 seg

14. - Usando Flexbox para crear un diseño de rejilla para las tarjetas 7 mins 39 seg

15. - Creando puntos de quiebre con media queries 8 mins 8 seg

16. - Resolviendo problemas de ancla con Flexbox 3 mins 51 seg



Diseño del santo grial

17. - ¿Qué es el diseño del santo grial? 5 mins 9 seg

18. - Maquetando el santo grial en HTML 4 mins 22 seg

19. - Haciendo el diseño del santo grial con Flexbox 10 mins 16 seg

20. - Cambiando el diseño con Flexbox 5 mins 43 seg



Añadiendo controles al usuario

21. - Dando control al usuario 3 mins 27 seg

22. - Cambiando de posición el sidebar 8 mins 31 seg

23. - Cambiando el santo grial a un diseño vertical 7 mins 24 seg

24. - Escondiendo la barra lateral 8 mins 43 seg

25. - Animando la barra lateral 10 mins 49 seg



Juntando todo

26. - Juntando todo 16 mins 42 seg



Despedida del curso

27. - Despedida 59 seg



Ficha técnica:



Peso: 492 Mb (2 Partes)

Duración: Horas

Idioma: Español

Instructor: Oja.la



Compreso con WinRAR | Abrir con cualquier programa que soporte .RAR



Capturas:



Disenos.web_.avanzado.css.flexbox_1.pngDisenos.web_.avanzado.css.flexbox_2.pngDisenos.web_.avanzado.css.flexbox_3.png



Download01.gif



Links intercambiables





Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...