Curso de FlexBox desde 0

Comprendiendo 10 sencillas "Reglas de ORO" te enseñaremos a trabajar e implementar FLEXBOX en tus proyectos web.
Free tutorial
Rating: 4.5 out of 5 (2,440 ratings)
25,616 students
Curso de FlexBox desde 0
Free tutorial
Rating: 4.5 out of 5 (2,440 ratings)
25,616 students
Crear sus propios diseños usando Flexbox.
Atenderás los beneficios de flexbox en el diseño web actual.
Cresr hojas de estilos CSS mucho más ligeras.

Requirements

  • Usted necesita tener nociones básicas de Html5 y CSS3.
  • Usted necesita tener nociones básicas de informática.
  • Debe tener instalado un editor de código como "Sublime text".
Description

¿DE QUÉ SE TRATA EL CURSO?

Flexbox es una nueva forma de diseñar nuestros sitios web. Está conformado por  un conjunto de propiedad de CSS pensadas en crear interfaces web.

Nos permite ahorrar la escritura de muchas líneas de código CSS y obtener un mayor control del posicionamiento y comportamiento del los bloques que conforman el diseño de nuestras páginas web.

En este curso te enseño a usar Flexbox en tiempo record, escribiendo menos líneas de código CSS y 100% Responsive.

EN RESUMEN EN ESTE CURSO APRENDERÁS:

  • HTML5 + CSS3.
  • Accede a más de 2 horas de grabación en HD, con contenido claro, ejemplos concretos y didácticos.
  • Accede al contenido desde tu móvil, Tablet o PC (24/7).


Who this course is for:
  • Diseñadores web
  • Estudiantes de diseño
  • Cualquier diseñador o desarrollador web que quiera ser más eficiente.
Course content
14 sections • 17 lectures • 1h 49m total length
  • Introducción al curso
    00:58
  • Entendiendo Flexbox
    09:30
  • Flexbox necesita un padre y por lo menos un hijo
    08:05
  • El Flex Container tiene 2 ejes
    10:12
  • Podemos modificar el eje principal con la propiedad: flex-direction
    03:32
  • Podemos permitir el salto de columnas con Flex-Wrap
    05:10
  • Alineamos elementos en el eje principal con justify-content
    08:44
  • Alineamos elementos en el eje secundario con align-items
    08:19
  • Alinear hijos de forma individual en el eje secundario con align-self
    04:36
  • Los hijos flexibles ignoran algunas propiedades CSS
    03:46
  • Cambias el tamaño de los hijos con flex-grow, flex-shrink, flex-basis (Part 1)
    12:55
  • Cambias el tamaño de los hijos con flex-grow, flex-shrink, flex-basis (Part 2)
    10:12

Instructor
WebMaster y CEO en Aulaideal.com
Erick Mines
  • 4.5 Instructor Rating
  • 10,752 Reviews
  • 75,498 Students
  • 15 Courses

Soy un apasionado por el diseño y desarrollado web. Llevo más de 12 años dedicándome a este hermosa labor, específicamente en tecnologías como HTML5, CSS3, jQuery, Responsive design. 

En la actualidad  construyo sitios web personalizados y ofrezco soluciones de diseño web para una amplia gama de clientes, que confían plenamente en mi trabajo.