Aprendamos a trabajar con Bootstrap 5 desde cero! si eres nuevo este tutorial es para ti, pero si quieres trabajar con Sass y aprender a optimizar Bootstrap quédate hasta el final del video :)

Temario:

  • 00:00 Introducción
  • 01:05 Proyecto a desarrollar
  • 02:18 Requisitos para aprender Bootstrap
  • 03:05 ¿Para qué sirve Bootstrap?
  • 04:59 ¿Es recomendable aprender Bootstrap?
  • 09:34 Herramientas a utilizar
  • 10:53 Comenzamos a trabajar con Bootstrap 5
  • 13:58 BreakPoint
  • 15:00 Container
  • 17:46 Grid
  • 23:41 Grid Responsive
  • 31:26 Comenzar práctica web
  • 38:46 Flexbox
  • 40:46 Posicionamiento vertical con Flexbox
  • 42:58 Modificar media queries
  • 46:16 Card
  • 49:48 Imágenes
  • 51:23 Espaciados (margenes y padding)
  • 53:48 Tipografía
  • 55:32 Card al 100% del alto
  • 58:41 Espaciados en Card
  • 59:44 Personalizar Bootstrap 5
  • 01:01:12 Instalar Bootstrap con NPM
  • 01:02:27 Configurando SASS
  • 01:06:24 Modificar Fuente en Sass
  • 01:09:13 Colores en Sass
  • 01:11:45 Media queries en Sass
  • 01:12:17 Modificar imagen
  • 01:12:47 Agregando fondo con Sass
  • 01:14:05 Personalizando container
  • 01:15:01 Sombras
  • 01:15:31 Reduciendo CSS a 400 líneas 😱
  • 01:20:45 Subiendo a Hosting gratuito
  • 01:22:39 ¿Quieres seguir aprendiendo?

#bootstrap #sass #javascript #css #web-development

Fundamentos de Bootstrap 5 [ Sass incluido + Guía con códigos ]
22.10 GEEK