Curso a fondo de Flexbox y Grid

4.7/5.0

2750 Estudiantes

Curso a fondo de Flexbox y Grid

El curso en el que aprendes cada detalle de Flexbox y Grid para crear layouts responsivos en tus páginas web. Se incluye teoría, revisión de las propiedades, y práctica.

4.7/5.0

2750

Profesor:

Alexcg Design

Este curso incluye:

Certificado de finalización
9h 46m
horas de contenido
Recursos descargables

Empezar curso

Este curso incluye:

Certificado de finalización
9h 46m
horas de contenido
Recursos descargables

A quién va dirigido

Personas que están aprendiendo CSS y quieren profundizar en Flexbox y Grid. Personas que ya usen CSS y quieren ir a fondo con estos sistemas de posicionamiento.

Temario

Módulo 1 | 12 clases

Flexbox a Profundidad

Clase 1

Introducción

Clase 2

Introducción a Flexbox

Clase 3

Main-Axis en Flexbox

Clase 4

El Flujo de Flexbox

Clase 5

Alineación en el Main-Axis

Clase 6

Alineación en el Cross-Axis

Clase 7

Chrome y Flexbox

Clase 8

Propiedades de los Flex-items

Clase 9

Flex-grow a Profundidad

Clase 10

Flex-Shrink y Basis a Profundidad

Clase 11

Alineamiento en los Flex-items

Clase 12

Gap en Flexbox

Módulo 2 | 2 clases

Practicando Flexbox

Clase 1

Flexbox en Acción (Mini-Landing)

Clase 2

Galería de Imágenes Sin Mediaqueires

Módulo 3 | 3 clases

Primer Proyecto

Clase 1

Primer Proyecto (Preparar Nuestro Espacio de Trabajo)

Clase 2

Creando los Estilos de Nuestro Proyecto

Clase 3

Adaptando a Dispositivos Móviles

Módulo 4 | 2 clases

Segundo Proyecto

Clase 1

Segundo Proyecto (Preparando Nuestro espacio de Trabajo))

Clase 2

Creando los Estilos del Proyecto

Módulo 5 | 9 clases

Tercer Proyecto

Clase 1

Tercer Proyecto (Preparando Nuestro Espacio de Trabajo))

Clase 2

Creando el Menú de Navegación

Clase 3

Creando el Hero de Nuestra Landing

Clase 4

Creando la Segunda Sección de Nuestra Landing

Clase 5

Terminando la Segunda Sección

Clase 6

Terminando el HTML de Nuestra Landing

Clase 7

Terminando los Estilos de Nuestra Landing

Clase 8

Adaptando a Dispositivos Móviles

Clase 9

Terminando la Landing Page

Módulo 6 | 7 clases

Cuarto Proyecto

Clase 1

Cuarto Proyecto (Preparando Nuestro Espacio de Trabajo))

Clase 2

Creando el Hero de la Página

Clase 3

Creando la Sección Track

Clase 4

Creando la Sección Clipboard

Clase 5

Terminando la Página en Mobile

Clase 6

Empezando a Adaptar a Desktop

Clase 7

Terminando el Proyecto

Módulo 7 | 9 clases

Quinto Proyecto Flexbox

Clase 1

Quinto Proyecto (Preparando nuestro espacio de trabajo)

Clase 2

Creando la Sección de Hero

Clase 3

Terminando la Sección de Hero

Clase 4

Creando la Sección Different

Clase 5

Creando el HTML del Footer

Clase 6

Terminando los Estilos del Footer

Clase 7

Empezando el Responsive Design

Clase 8

Terminando el Responsive Design

Clase 9

Animando el Menú solo con CSS

Módulo 8 | 14 clases

CSS Grid

Clase 1

Introducción a CSS GRID

Clase 2

Nuestra Primera Grid

Clase 3

Creando Columnas y Filas

Clase 4

Unidades Flexibles CSS GRID

Clase 5

Valor auto CSS GRID

Clase 6

Posicionando por Lineas CSS GRID

Clase 7

grid-column y grid-row

Clase 8

span en CSS GRID

Clase 9

Lineas Negativas en Grid

Clase 10

Gutter en CSS GRID

Clase 11

La grid Implicita

Clase 12

Grid auto flow

Clase 13

Introducción a las áreas

Clase 14

Grid Template áreas

Módulo 9 | 9 clases

CSS Grid Avanzado

Clase 1

Nombrando lineas en Grid

Clase 2

Creando áreas implícitas

Clase 3

Nombrando lineas con repeat

Clase 4

Min-content y Max-content

Clase 5

Fit-content y Minmax

Clase 6

Auto-fit Auto-fill

Clase 7

Alineación en la Grid

Clase 8

Alineación de los Grid-items

Clase 9

Shorthands Grid

Módulo 10 | 4 clases

Primer y Segundo Proyecto Grid

Clase 1

Descargando los Archivos del Primer Proyecto

Clase 2

Creando el HTML y CSS del Proyecto

Clase 3

Terminando el Primer Proyecto

Clase 4

Galería de imágenes sin mediaqueries (Segundo proyecto)

Módulo 11 | 3 clases

Tercer Proyecto Grid

Clase 1

Descargando los aArchivos del Tercer Proyecto

Clase 2

Creando el HTML y los Estilos del Proyecto

Clase 3

Terminando el Proyecto

Módulo 12 | 5 clases

Cuarto Proyecto Grid

Clase 1

Descargando los Archivos (Cuarto Proyecto)

Clase 2

Creando el HTML del Proyecto

Clase 3

Creando el CSS de la Primera Sección

Clase 4

Terminando el CSS del Proyecto

Clase 5

Adaptando el Proyecto (Responsive Design)

Módulo 13 | 8 clases

Quinto Proyecto Grid

Clase 1

Descargando los Archivos (Quinto Proyecto CSS GRID)

Clase 2

Creando la Sección de Hero

Clase 3

Animando el Menú de Navegación

Clase 4

Creando la Sección de leader

Clase 5

Galería de Imágenes con CSS GRID

Clase 6

Terminando los Estilos de la Página

Clase 7

Empezando el Responsive Design

Clase 8

Terminando el Responsive Design

Valoraciones

4.7

1528.0 Valoraciones

4 (0.3%)

3 (0.2%)

18 (1.2%)

446 (29.2%)

1057 (69.2%)

Profesor:

Alexcg Design

Frontend Developer

Creador de contenido en Alexcg Design | Frontend Developer | Fiel creyente y escultor de CSS.

Preguntas frecuentes

¿Cuándo empieza el curso?

Los cursos de Código Facilito son 100% online On-demand lo que significa que están grabados y los puedes empezar cuando quieras y a tu propio ritmo.
¿Cómo funciona la membresía premium?

Al suscribirte tendrás acceso ilimitado a todos los cursos de Código Facilito. En tu cuenta podrás agregar cursos, ver cualquier video, tener seguimiento de tus cursos y en los cursos que lo indican: presentar un examen al final y obtener un certificado digital. Además tendrás acceso exclusivo a clases premium semanales que son en vivo donde puedes hacer preguntas al instructor.

Cada mes agregamos nuevos contenidos, actualizando cursos existentes y cursos completamente nuevos.

La membresía se actualiza de manera recurrente y puedes cancelar en cualquier momento desde tu cuenta en un par de clics.
¿Qué puedo aprender en Código Facilito?

Nos especializamos en programación: desde lo básico hasta lo pro. Frontend, HTML5, CSS, JavaScript, backend con Python, Rails y mucho más. Puedes explorar nuestro catálogo completo aquí.
Tengo otra pregunta, ¿dónde los contacto?

Te atendemos con gusto en ayuda@codigofacilito.com

Desbloquea acceso inmediato a todos los cursos y Bootcamp Replays al mejor precio del año

Premium Anual

72% DTO.

$54 USD

Pago anual de $54 $194 USD

Elegir plan

Acceso a todo el catálogo de cursos y Bootcamp Replays.
Certificación al completar cursos o rutas
Acceso exclusivo a Laboratorios y eventos
Actualizaciones de contenido semanales

Pagos seguros con tarjeta de crédito o débito, Paypal, y BTC: