Curso online de Bootstrap desde cero: Construye sitios web responsive

Temario del curso

8 Módulos72 Clases7h 46m de duración total

• Introducción

  3 clases18m 55s

  • 1.Introducción al curso3m 51s

  • 2.Qué es un framework y qué es Bootstrap 43m 37s

  • 3.Descargando e instalando Bootstrap 411m 27s

• Layout en Bootstrap 4

  10 clases1h 7m

  • 4.Aprendiendo a usar los contenedores6m 35s

  • 5.Entendiendo las filas y columnas14m 18s

  • 6.Realizando un diseño base con filas y columnas10m 29s

  • 7.Haciendo responsivo nuestro diseño base con filas y columnas10m 14s

  • 8.Utilizando columnas automáticas4m 35s

  • 9.Alienando columnas verticalmente5m 45s

  • 10.Alineando columnas horizontalmente3m 27s

  • 11.Usando offset en las columnas3m 23s

  • 12.Reordenando columnas4m 30s

  • 13.Columnas anidadas4m

• Utilities de Bootstrap 4

  9 clases53m 25s

  • 14.Bordes9m 11s

  • 15.Elementos flotantes y Clearfix4m 37s

  • 16.Colores4m 31s

  • 17.Display6m 58s

  • 18.Embed2m 46s

  • 19.Espacios8m 58s

  • 20.Posicionamiento2m 23s

  • 21.Tamaños3m 42s

  • 22.Utilidades de Flexbox10m 19s

• Elementos generales de Bootstrap 4

  6 clases36m 55s

  • 23.Tipografía y textos4m 40s

  • 24.Continuación de tipografía y textos8m 23s

  • 25.Código 5m 26s

  • 26.Imágenes4m 17s

  • 27.Tablas9m 18s

  • 28.Media object4m 51s

• Componentes de Bootstrap 4

  26 clases2h 41m

  • 29.Alertas8m 8s

  • 30.Botones6m 29s

  • 31.Badges o Insignias5m 19s

  • 32.Continuación de Botones4m 48s

  • 33.Grupos de botones5m 10s

  • 34.Cards o Tarjetas8m 54s

  • 35.Layout de cards estilo masonry2m 26s

  • 36.Carousel9m 47s

  • 37.Collapse9m 43s

  • 38.Dropdowns7m 35s

  • 39.Formularios11m 16s

  • 40.Formularios Inline2m 22s

  • 41.Grupos de input7m 23s

  • 42.Usando la grid con formularios6m 38s

  • 43.Jumbotron3m 49s

  • 44.List groups4m 25s

  • 45.Mostrando y ocultando contenido con list groups4m 50s

  • 46.Modales7m 45s

  • 47.Navs2m 22s

  • 48.Tabs y Pills7m 43s

  • 49.Navbars10m 31s

  • 50.Paginación4m 1s

  • 51.Popovers6m 4s

  • 52.Progress bars o barras de progreso5m 25s

  • 53.Scrollspy5m 22s

  • 54.Tooltips3m 28s

• Iniciando HTML de sitio web con Bootstrap 4

  14 clases1h 37m

  • 55.Iniciando estructura de archivos y carpetas de sitio web9m 29s

  • 56.Escribiendo estructura base de archivo HTML4m 14s

  • 57.Aprendiendo conceptos basicos de Sass para empezar8m 8s

  • 58.Personalizando colores base de Bootstrap con Sass7m 50s

  • 59.Realizando encabezado de sitio web7m 33s

  • 60.Iniciando nuestro carousel destacado6m 13s

  • 61.Terminando nuestro carousel destacado4m 30s

  • 62.Realizando tabs para filtrar entre productos5m 6s

  • 63.Agregando nuestros productos y haciendo funcionar nuestros tabs10m 4s

  • 64.Realizando botón de llamada a la acción3m 6s

  • 65.Iniciando nuestra sección de artículos del blog9m 19s

  • 66.Terminando nuestra sección de artículos del blog6m 56s

  • 67.Realizando sección de contacto4m 32s

  • 68.Realizando pie de página10m 44s

• Aplicando estilos CSS a sitios web con Bootstrap 4

  2 clases22m 19s

  • 69.Aplicando estilos CSS con Sass8m 21s

  • 70.Terminando la aplicación de estilos CSS con Sass13m 58s

• Cierre

  2 clases8m 19s

  • 71.Subiendo nuestro proyecto final a Surge6m 10s

  • 72.Cierre2m 9s