Resultados 1 al 1 de 1

Tema: Curso CSS Avanzado: Grid + Flexbox

  1. #1
    Ladrón de bytes Avatar de robot0
    Pais
    Netherlands
    Bandera
    Ingreso
    May 2017
    Género
    Agradecer
    8
    Agrad. 231 veces en 80 posteos

    Video Curso CSS Avanzado: Grid + Flexbox



    CSS ha avanzado a pasos agigantados en los últimos años, dándonos soluciones nativas que antes solo eran posibles con javascript. El último módulo estándar de CSS es Grid que ya es soportado por todos los navegadores y que permite crear layouts que no podían hacerse siquiera con flexbox. En este curso aprenderás técnicas avanzadas de maquetación combinando el poder de Flexbox y de Grid para trabajar en conjunto diseñando layouts y componentes.

    Este el primer curso (y el único) en español en abordar a fondo CSS Grid con dos de los más reconocidos expertos en diseño web en español.


    Modulo 1
    Flexbox I
    • ¿Qué es?
    • Terminología Flexbox
    • Propiedades y valores del elemento padre
    • Propiedades y valores de los elementos hijos
    • Ejercicio: Holy grail layout I
    • Ejercicio: banner animado
    • Ejercicio: Holy grail layout II
    • Ejercicio: flexbox y pseudoelementos


    Flexbox II
    • Ejercicio: Split layout
    • Ejercicio: Centrado total
    • Ejercicio: Header y footer fijos
    • Ejercicio: Sticky footer
    • Ejercicio: Contenedores con alturas iguales
    • Ejercicio: Ejemplo de cabecera
    • Ejercicio: Widget de ecommerce
    • Ejercicio: Layout de blog
    • Ejercicio: Pricing table
    • Ejercicio: Flexbox grid
    • Ejercicio: Calendario
    • Ejercicio: Banner estático

    Modulo 2

    CSS Grid I
    • El papel del grid (cuadricula) en el diseño de layouts
    • Los enfoques (historicos) de la construcción de layouts con CSS
    • Elementos, terminología y funcionamiento de CSS Grid
    • Propiedades del grid container
    • Propiedades de los grid items
    • Ejercicio: Holy grail layout responsive
    • Ejercicio: Dibujar un dado
    • Ejercicio: Dibujar un tablero de ajedrez
    • Ejercicio: Menu off canvas

    CSS Grid II
    • Creación de templates con Grid
    • Grid placement
    • Alineación y dimensiones
    • Responsive web design con CSS Grid
    • Cross browser con CSS grid - trucos y fallbacks
    • Grid y Flexbox
    • Ejercicio: Layout con grid, componentes con flexbox
    • Ejercicio: Layout con flexbox, componentes con grid

    Modulo 3

    Metodologías de trabajo
    • Arquitectura
    • SMACSS
    • OOCSS
    • ITCSS
    • Atomic design
    • Nomenclatura
    • BEM
    • BEMIT
    • SuitCSS
    • Estrategias de CSS modular
    • Control de tipografías
    • Ritmo vertical

    Flujo de trabajo
    • Levantar requerimientos
    • Diseño de bocetos y wireframe
    • Mockups y prototipado
    • Llevandolo a código
    • Estructura HTML
    • Estructura CSS / Sass
    • Preparar entorno de desarrollo
    • Integrar CSS y HTML en flujo de trabajo frontend
    • Herramientas de compilación
    • PostCSS
    • Creación de un boilerplate

    Modulo 4
    Projecto final (1)
    • El primer proyecto, a cargo del profesor Jon Mircha, será un sitio web multipágina con la temática "Las maratones más importantes del mundo"

    Proyecto final (2)
    • El seguundo proyecto del curso, a cargo del profesor Álvaro Felipe, será un sitio web single page para un fotógrafo o agencia de fotografía.






    Peso: 6.85 Gb
    Duración: x Horas
    Idioma:
    Español
    Instructor: Álvaro Felipe, Jon Mircha

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



    Up-4ever

    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.



    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.



    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.



    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.



    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.



    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.



    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.



    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.




    File-Upload


    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.



    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.



    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.



    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.



    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.



    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.



    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.



    Contenido oculto. Comenta o agradece para ver el contenido.

    SI COMENTAS UTILIZANDO LA RESPUESTA RÁPIDA Y NO VISUALIZAS EL CONTENIDO RECUERDA REFRESCAR LA PÁGINA.




    Contraseña:
    compartiresserlibres

    Última edición por robot0; 27 02 2018 a las 07:18 AM

  2. Los siguientes 2 usuarios agradecieron a robot0 por este aporte:

    erpaco (09 03 2018),viscaria (17 04 2018)

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •