Aprende Bootstrap 5 desde cero

Aprende Bootstrap 5 desde cero en nuestro curso en línea. Crea sitios web modernos y responsivos de manera rápida y sencilla. Perfecto para principiantes y diseñadores web experimentados.

Objetivos del curso

Temario del curso

• Introducción 2 clases

  • Aprende Bootstrap 5 desde cero: Introducción al framework 05:26
  • Cómo incluir Bootstrap 5 en tu proyecto: Guía paso a paso 03:11
• Layout 4 clases

  • Container en Bootstrap 5: Todo lo que necesitas saber 04:06
  • Grid en Bootstrap 5: La herramienta para crear diseños perfectos 08:53
  • Grid responsive en Bootstrap 5: Crea diseños adaptables a cualquier dispositivo 07:49
  • Row Column en Bootstrap 5: Organiza tus contenidos con facilidad 03:50
• Contenido 7 clases

  • Tipografía en Bootstrap 5: Crea títulos impactantes 05:33
  • Tipografía en Bootstrap 5: Cómo dar estilo a tus párrafos 05:46
  • Tipografía en Bootstrap 5: Destaca tus citas con blockquote 04:17
  • Tipografía en Bootstrap 5: Crea listas ordenadas y no ordenadas 05:46
  • Imágenes en Bootstrap 5: Agrega imágenes de forma efectiva 07:56
  • Tablas en Bootstrap 5: Crea tablas responsivas en minutos 08:21
  • Tablas en Bootstrap 5: Personaliza el estilo de tus tablas 12:34
• Formularios 8 clases

  • Form Control en Bootstrap 5: Aprende a usar los controles de formulario 06:34
  • Input disabled en Bootstrap 5: Cómo deshabilitar campos de formulario 04:36
  • Grid Formulario en Bootstrap 5: Crea formularios responsivos 05:25
  • Input file en Bootstrap 5: Aprende a trabajar con archivos de entrada 05:16
  • Input color en Bootstrap 5: Personaliza los campos de selección de color 03:20
  • Listas en Bootstrap 5: Crea listas personalizadas con estilos únicos 04:41
  • Input checkbox y radio en Bootstrap 5: Agrega botones de selección en formularios 09:16
  • Input Group en Bootstrap 5: Crea grupos de entrada de formulario personalizados 07:33
• Componentes 5 clases

  • Alertas en Bootstrap 5: Crea mensajes de alerta personalizados 09:38
  • Badges en Bootstrap 5: Añade insignias a tus elementos 07:54
  • Migas de pan en Bootstrap 5: Crea un sistema de navegación fácil de seguir 05:34
  • Botones en Bootstrap 5: Personaliza tus botones con diferentes estilos 12:05
  • Grupo de botones en Bootstrap 5: Crea grupos de botones personalizados 10:06
• Cards 9 clases

  • Card en Bootstrap 5: Crea tarjetas para tus contenidos 07:38
  • Lista de grupos en Bootstrap 5: Crea listas de elementos agrupados 03:36
  • Card Header y Card Footer en Bootstrap 5: Personaliza los encabezados y pies de página de tus tarjetas 03:41
  • Card Link en Bootstrap 5: Crea enlaces dentro de tus tarjetas 01:43
  • Image overlays en Bootstrap 5: Agrega efectos a tus imágenes 04:11
  • Card Horizontal en Bootstrap 5: Crea tarjetas en orientación horizontal 04:55
  • Grid Card en Bootstrap 5: Crea diseños de tarjetas personalizados 04:32
  • Card Style en Bootstrap 5: Personaliza el estilo de tus tarjetas 07:08
  • Card group en Bootstrap 5: Agrupa tarjetas para una mejor organización 04:22
• Componentes II 11 clases

  • Carousel en Bootstrap 5: Crea carruseles de imágenes personalizados 21:00
  • Collapse en Bootstrap 5: Agrega secciones de contenido colapsables 05:11
  • Dropdown en Bootstrap 5: Crea menús desplegables personalizados 07:24
  • Modal en Bootstrap 5: Crea ventanas modales para mostrar contenidos adicionales 10:15
  • Navs en Bootstrap 5: Crea navegaciones personalizadas 11:05
  • Navbar en Bootstrap 5: Crea barras de navegación responsivas 09:48
  • Paginación en Bootstrap 5: Crea sistemas de paginación para tus contenidos 05:31
  • Popovers en Bootstrap 5: Agrega elementos emergentes a tus contenidos 09:31
  • Progress bar en Bootstrap 5: Crea barras de progreso para indicar el avance de una tarea 08:37
  • Spinners en Bootstrap 5: Añade indicadores de carga y espera en tus contenidos 07:00
  • Acordion en Bootstrap 5: Agrega elementos plegables y desplegables para mostrar contenidos 08:43
• Utilidades 4 clases

  • Background en Bootstrap 5: Crea fondos personalizados para tus contenidos 05:56
  • Borders en Bootstrap 5: Estiliza los bordes de tus elementos HTML 12:44
  • Color en Bootstrap 5: Personaliza la paleta de colores de tu sitio web 03:45
  • Display en Bootstrap 5: Controla la visualización de tus elementos HTML 06:43
• Flexbox 8 clases

  • Direction en Bootstrap 5: Controla la dirección del texto en tus contenidos 07:01
  • Flex Wrap en Bootstrap 5: Controla el flujo de tus elementos flexibles 04:09
  • Justify Content en Bootstrap 5: Controla la alineación de tus elementos flexibles a lo largo del eje principal 04:55
  • Align Items en Bootstrap 5: Controla la alineación de tus elementos flexibles a lo largo del eje transversal 04:43
  • Align Self en Bootstrap 5: Controla la alineación de un elemento flexible en particular 03:26
  • Flex Grow en Bootstrap 5: Controla la capacidad de un elemento flexible para crecer en tamaño 01:56
  • Margin auto en Bootstrap 5: Centra horizontalmente un elemento en su contenedor 04:27
  • Order en Bootstrap 5: Controla el orden de tus elementos flexibles 04:24
• Utilidades 2 4 clases

  • Overflow en Bootstrap 5: Controla cómo se maneja el desbordamiento de contenido en tus elementos 05:31
  • Position en Bootstrap 5: Controla la posición de tus elementos HTML 08:38
  • Shadow en Bootstrap 5: Agrega sombras a tus elementos HTML 03:14
  • Sizing en Bootstrap 5: Controla el tamaño de tus elementos HTML. 08:31

Requisitos del curso

• Conocimientos básicos de HTML y CSS.
• Un ordenador o dispositivo móvil con conexión a internet.
• Un navegador web actualizado.
• Un editor de código o herramienta similar para escribir y editar código HTML y CSS.

Descripción