Imagen del curso gratis CSS flexbox

Curso en línea gratuitoCSS flexbox

Duración del curso en línea: 3 horas y 55 minutos

4.86

estrellaestrellaestrellaestrellaestrella

(7)

Aprende CSS Flexbox con este curso online gratuito de Desarrollo Web. Domina conceptos básicos, alineación, crecimiento, reducción y responsive design en 13 lecciones detalladas.

En este curso gratuito, aprenda sobre

  • Introducción y fundamentos de Flexbox
  • Alineación en Flexbox
  • Control del tamaño y crecimiento de los elementos flex
  • Orden, alineación individual y responsive con Flexbox
  • Casos prácticos de Flexbox y utilidades en frameworks

Descripción del curso

El curso "CSS flexbox" es una excelente oportunidad para todos aquellos interesados en profundizar sus conocimientos en el desarrollo web, específicamente en el uso de Flexbox con CSS. Con una duración total de 3 horas y 55 minutos, este curso es lo suficientemente breve para ser práctico, pero lo suficientemente detallado para proporcionar una comprensión sólida de Flexbox.

Este curso ha sido calificado con un impresionante promedio de 4.83 estrellas de 5, lo que refleja la alta calidad del contenido y la habilidad del instructor para enseñar conceptos técnicos de manera clara y efectiva. Pertenece a la categoría de Informática (TI) y se encuentra específicamente en la subcategoría de Desarrollo web, lo que lo convierte en una elección ideal para desarrolladores web en busca de mejorar sus habilidades en CSS.

El curso cubre una amplia gama de temas relacionados con Flexbox. Inicia con una introducción que sienta las bases para los conceptos básicos que se explorarán más adelante. A partir de ahí, el instructor guía a los estudiantes a través de aspectos fundamentales como el flujo de Flexbox, la alineación en el MainAxis y CrossAxis, y los factores de crecimiento y reducción.

Uno de los aspectos más destacados del curso es su enfoque en la alineación y disposición de los elementos hijos dentro de un contenedor flex. Aquí se cubren tópicos cruciales como el tamaño de los hijos, el orden y la alineación individual, proporcionando así una comprensión completa de cómo trabajar con estructuras flexibles y responsivas.

Además de la teoría, el curso también incluye casos prácticos que permiten a los estudiantes aplicar lo aprendido en situaciones del mundo real. Esto no solo fortalece la comprensión teórica, sino que también proporciona experiencia práctica que es vital para cualquier desarrollador web.

Finalmente, el curso cierra con un módulo dedicado a la integración de Flexbox con Bootstrap, una popular biblioteca de front-end. Este último segmento es especialmente útil para aquellos que ya trabajan con Bootstrap y desean mejorar su flujo de trabajo integrando Flexbox.

En resumen, "CSS flexbox" es un curso integral y bien estructurado que cubre tanto los fundamentos como las aplicaciones prácticas de Flexbox en el desarrollo web. Con la guía del instructor, los estudiantes no solo aprenderán a crear diseños flexibles y responsivos, sino que también estarán mejor preparados para enfrentar desafíos reales en el desarrollo web moderno.

Contenido del curso

  • Lección en vídeo: #Flexbox #CSS | Introducción (1/13) - #jonmircha 09m
  • Ejercicio: _¿Cuál es uno de los dos grandes módulos de CSS que se utilizan para hacer maquetación en la web?
  • Lección en vídeo: #Flexbox #CSS | Conceptos Básicos (2/13) - #jonmircha 08m
  • Ejercicio: _¿Cuál es la terminología básica de flexbox según el diagrama oficial de la W3C?
  • Lección en vídeo: #Flexbox #CSS | El flujo de #Flexbox * #FlexDirection + #FlexWrap = #FlexFlow * (3/13) - #jonmircha 20m
  • Ejercicio: ¿Cuál es el valor predeterminado de la propiedad 'flex-wrap' en CSS?
  • Lección en vídeo: #Flexbox #CSS | Alineación del #MainAxis * #JustifyContent * (4/13) - #jonmircha 11m
  • Ejercicio: _¿Cuál es el valor por defecto de la propiedad justify-content en flexbox?
  • Lección en vídeo: #Flexbox #CSS | Alineación del #CrossAxis * #AlignItems y #AlignContent * (5/13) - #jonmircha 33m
  • Ejercicio: _¿Cuál es el valor por defecto de la propiedad "align-items" en flexbox CSS y qué hace esta propiedad?
  • Lección en vídeo: #Flexbox #CSS | Factor de Crecimiento * #FlexGrow * (6/13) - #jonmircha 15m
  • Ejercicio: _¿Cuál es el valor por defecto de la propiedad flex grow?
  • Lección en vídeo: #Flexbox #CSS | Factor de Reducción * #FlexShrink * (7/13) - #jonmircha 11m
  • Ejercicio: _¿Cuál es el valor por defecto de la propiedad flex-shrink en CSS flexbox?
  • Lección en vídeo: #Flexbox #CSS | Tamaño de los hijos #flex * #FlexBasis * (8/13) - #jonmircha 11m
  • Ejercicio: _¿Qué representa la propiedad flex basics en una caja flexbox con dirección "row"?
  • Lección en vídeo: #Flexbox #CSS | Orden y Alineación de los hijos #flex * #Order y #AlignSelf * (9/13) - #jonmircha 10m
  • Ejercicio: _¿Qué valor de order hace que un elemento se posicione al final de la fila en una caja flexbox?
  • Lección en vídeo: #Flexbox #CSS | Maquetación y #ResponsiveDesign con #flex (10/13) - #jonmircha 24m
  • Ejercicio: _¿Qué técnica de maquetación utilizaban los frameworks de CSS antes de la aparición de flexbox y grid?
  • Lección en vídeo: #Flexbox #CSS | Casos Prácticos (11/13) - #jonmircha 24m
  • Ejercicio: _¿Qué propiedad de CSS se utiliza para trabajar con flexbox?
  • Lección en vídeo: #Flexbox #CSS | Casos Prácticos (12/13) - #jonmircha 20m
  • Ejercicio: _¿Qué propiedad de CSS Flexbox permite cambiar el orden de los elementos en la página?
  • Lección en vídeo: #Flexbox #CSS | #Bootstrap y #flex (13/13) - #jonmircha 33m
  • Ejercicio: _¿Qué son las utilidades en Bootstrap 4?

Este curso gratuito incluye:

3 horas y 55 minutos de curso de vídeo online

Certificado digital de finalización del curso (Gratis)

Ejercicios para entrenar tus conocimientos

100% gratis, desde el contenido hasta el certificado

¿Listo para empezar?Descarga la app y empieza hoy mismo.

Instale la aplicación

ahora para acceder al curso
Icono que representa cursos de tecnología y negocios

Más de 5000 cursos gratuitos

¡Programación, inglés, marketing digital y mucho más! Aprende lo que quieras, gratis

Icono de calendario con una diana que representa la planificación de estudios

Plan de estudios con IA

La Inteligencia Artificial de nuestra app puede crear un horario de estudio para el curso que elijas

Icono profesional que representa carrera y negocios

De cero al éxito profesional

Mejora tu currículum con nuestro certificado gratuito y luego usa nuestra Inteligencia Artificial para encontrar el trabajo de tus sueños

También puedes utilizar el código QR o los enlaces que aparecen a continuación.

Código QR - Descargar Cursa - Cursos Online

Más cursos gratuitos en Desarrollo web

¡Descarga la App ahora para tener acceso a + 3300 cursos, ejercicios, certificados y mucho contenido gratis sin pagar nada!

  • Cursos online 100% gratuitos de principio a fin

    Miles de cursos online en vídeo, ebooks y audiolibros.

  • Más de 48 mil ejercicios gratuitos

    Para poner a prueba tus conocimientos durante los cursos en línea

  • Certificado Digital gratuito válido con Código QR

    Generado directamente desde la galería de fotos de tu celular y enviado a tu correo electrónico

Aplicación Cursa en la pantalla del libro electrónico, la pantalla del curso en video y la pantalla de ejercicios del curso, además del certificado de finalización del curso.

+ 9 millones
estudiantes

Certificado gratuito y
válido con código QR

60 mil ejercicios
gratis

Calificación de 4.8/5
en tiendas de aplicaciones

Cursos gratuitos de
vídeo y audiolibros