Imagen del curso gratis CSS Bootstrap

Curso en línea gratuitoCSS Bootstrap

Duración del curso en línea: 1 horas y 53 minutos

4.73

estrellaestrellaestrellaestrellamedia estrella

(40)

Crea interfaces responsive en menos tiempo: aprende Bootstrap para formularios, grid y componentes. Curso online gratis con ejercicios y enfoque práctico.

En este curso gratuito, aprenda sobre

  • Para qué se usa Bootstrap: maquetación responsive y estilos rápidos para la web
  • Configurar viewport para diseño adaptable en móviles con Bootstrap CSS
  • Opciones para usar Bootstrap offline: descargar archivos CSS/JS (y dependencias)
  • Uso del sistema grid: columnas por tamaños (lg, md, sm) y combinaciones mixtas
  • Tipos de rejilla (breakpoints) disponibles en Bootstrap y cuándo usar cada una
  • Dar estilo a inputs con la clase form-control en formularios
  • Clases de espaciado en Bootstrap para separar contenido (margins/paddings)
  • Diseño y personalización de botones con clases de Bootstrap
  • Ventajas de convertir un en botón: estilo consistente y apariencia clicable
  • Uso de íconos Glyphicon: cómo insertarlos y qué preparar antes de agregarlos
  • Crear formularios verticales y su estructura base en Bootstrap
  • Crear formularios horizontales: labels e inputs alineados con grid
  • Qué es un panel en Bootstrap y cómo agrupar contenido con encabezado/cuerpo
  • Acordeones (collapse): librerías necesarias (jQuery + Bootstrap JS) y su integración

Descripción del curso

Aprende a construir interfaces modernas y adaptables a cualquier pantalla con Bootstrap, una de las herramientas más usadas en desarrollo web para acelerar el diseño con CSS y componentes listos para producir. Este curso online gratuito está orientado a quienes quieren mejorar su flujo de trabajo al crear formularios, estructuras responsivas y elementos visuales coherentes, sin tener que diseñar todo desde cero.

A lo largo del curso descubrirás cómo preparar tu entorno para trabajar con Bootstrap tanto en línea como sin conexión, entendiendo qué recursos necesitas y cómo integrarlos en tus proyectos. Empezarás por los fundamentos del diseño responsive y el uso del viewport para asegurar que tu página se vea correctamente en móviles, tablets y escritorio, aplicando buenas prácticas desde el inicio.

Uno de los pilares que dominarás es el sistema de rejilla, clave para organizar el contenido con precisión. Aprenderás a combinar columnas para tamaños grandes, medianos y pequeños, y a crear diseños mixtos que se adapten automáticamente según el dispositivo. Este conocimiento te permitirá maquetar páginas y secciones de forma rápida, ordenada y mantenible.

El curso pone especial énfasis en formularios: verás cómo dar estilo profesional a campos de entrada, alinear elementos de forma vertical u horizontal y mejorar la experiencia de uso con detalles de espaciado y consistencia visual. También trabajarás con botones y variaciones típicas de interfaz, incluyendo la conversión de elementos simples en controles con apariencia interactiva, ideales para llamadas a la acción claras.

Además, aprenderás a complementar el diseño con iconos y componentes habituales en aplicaciones y sitios web: paneles para agrupar información, acordeones para mostrar y ocultar contenido y el uso correcto de las librerías necesarias para habilitar funcionalidades con JavaScript. Todo con un enfoque práctico, para que puedas replicarlo en proyectos reales y mejorar tu perfil en desarrollo web front-end.

Al terminar, tendrás una base sólida para construir páginas responsive con Bootstrap, diseñar formularios listos para producción y aplicar componentes de interfaz de manera eficiente. Es una oportunidad ideal para reforzar habilidades de maquetación y dar un salto en la calidad visual y la productividad en tus desarrollos.

Contenido del curso

  • Lección en vídeo: 0.- Curso de bootstrap para formularios - Presentacion del curso 07m
  • Ejercicio: ¿Para qué se utiliza principalmente Bootstrap según el curso mencionado?
  • Lección en vídeo: 1.- Curso de bootstrap para formularios - Uso de viewport con bootstrap css 08m
  • Ejercicio: _¿Qué se puede descargar para utilizar Bootstrap de manera offline?
  • Lección en vídeo: 2.- Curso de bootstrap para formularios - Como usar el grid (grande, mediano, chico y mixto) 16m
  • Ejercicio: _¿Cuántos tipos de rejillas se pueden utilizar en Bootstrap?
  • Lección en vídeo: 3.- Curso de bootstrap para formularios -Dar formato css a inputs con clase form-control 14m
  • Ejercicio: _¿Cuál es la clase que se utiliza para dar un espacio entre el contenido en CSS Bootstrap?
  • Lección en vídeo: 4.- Curso de bootstrap para formularios - Diseño de botones web con bootstrap css 14m
  • Ejercicio: ¿Cuál es una ventaja de convertir un elemento en un botón usando Bootstrap?
  • Lección en vídeo: 5.- Curso de bootstrap para formularios - Como usar iconos glyphicon de bootstrap ccs 12m
  • Ejercicio: _¿Qué se debe hacer antes de agregar un live icon en un elemento?
  • Lección en vídeo: 6.- Curso de bootstrap para formularios - Formularios verticales con bootstrap css 07m
  • Ejercicio: ¿Cuál es el propósito principal del curso mencionado en el video?
  • Lección en vídeo: 7.- Curso de bootstrap para formularios - Formularios Horizontales con bootstrap css 10m
  • Ejercicio: _¿Qué es un formulario horizontal en CSS Bootstrap?
  • Lección en vídeo: 8.- Curso de bootstrap para formularios - Paneles con bootstrap css 11m
  • Ejercicio: _¿Qué es un panel en Bootstrap?
  • Lección en vídeo: 9.- Curso de bootstrap para formularios - Acordeones o panel collapse con bootstrap js 11m
  • Ejercicio: _¿Qué librerías se deben agregar para poder crear el efecto de acordeón en Bootstrap?

Este curso gratuito incluye:

1 horas y 53 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

Comentarios del curso: CSS Bootstrap

JH

Jean huansi lauri

estrellaestrellaestrellaestrellaestrella

excelente

AT

Angel Tineo

estrellaestrellaestrella

Desactualizado y apresurado al final, da atender que no se xompleto de grabar el curso

JG

Jose Guerrero

estrellaestrellaestrellaestrellaestrella

Muy buen Curso

Más cursos gratuitos en Desarrollo web

¡Libro electrónico y audiolibros gratis! ¡Aprende escuchando o leyendo!

¡Descarga la App ahora para tener acceso a + 5000 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 60 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.