CSS Grid

Curso: CSS Grid

CSS Grid resuelve problemas complejos del diseño web en pocas líneas de código.

CSS Grid es el nuevo modo de diseñar para la web. Con Grid no importa el lugar de los elementos en HTML, todo puede posicionarse donde desees a través de templates que usan un sistema de columnas en dos direcciones (vertical y horizontal).

CSSFrontendDiseño web
76 calificaciones
Poster del curso

Alvaro Felipe

CSS Grid

$ 15 USD

Obtendrás acceso de por vida a este curso con un único pago.

Accede a todos los cursos de EDteam pagando cada 1, 6 ó 12 meses. Cancela cuando quieras.

¿Qué aprenderás?

  • Terminología y elementos de Grid.
  • Creación de templates.
  • Usar Grid junto a Flexbox.

¿Qué conocimientos necesitas?

Nivel

intermedio

Temario del curso

¿Eres estudiante premium o has comprado este curso? Empieza aquí

Grid container

  • 1.1 - ¿Qué es CSS Grid?06:20
  • 1.2 - Terminología y elementos de CSS Grid11:20
  • 1.3 - Inspeccionar elementos de CSS Grid03:45
  • 1.4 - Definir tracks (filas y columnas)05:14
  • 1.5 - Propiedad grid-gap y unidad fr06:44
  • 1.6 - Posicionar grid-items10:36
  • 1.7 - Propiedades grid-column y grid-row03:22
  • 1.8 - Funcion repeat() y creación de layout08:42

Grid items

  • 2.1 - Tracks flexibles con fr10:15
  • 2.2 - Tracks flexibles con min-content, max-content y fit-content() 05:30
  • 2.3 - Tracks flexibles con minmax(), auto-fit y auto-fill06:45
  • 2.4 - Utilizar areas09:41
  • 2.5 - Galería de fotos con css grid11:13

CSS grid a fondo

  • 3.1 - Alinear items09:20
  • 3.2 - Alinear tracks07:34
  • 3.3 - Grid placement16:54

¿Por qué elegir EDteam?

Profesores reales

Profesores reales

Todos nuestros profesores tienen experiencia real en aulas.Porque no basta saber un tema, sino saber enseñarlo.

Especialidades

Especialidades

Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.

Aprende con proyectos

Aprende con proyectos

Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.

Comunidad

Comunidad

No te quedes con dudas, busca apoyo en la comunidad, ayuda a tus compañeros y gana reputación.

Clases en vivo

Clases en vivo

Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.

Seguimiento de aprendizaje

Seguimiento de aprendizaje

Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.