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