Curso: Fundamentos de Bootstrap 5 [ Sass incluido + Guía con códigos ]
243.4 هزار بار بازدید -
4 سال پیش
-
👌 Nueva guía de códigos:
👌 Nueva guía de códigos: https://bluuweb.dev
👌 Lista de reproducción (Playlist): http://bit.ly/3IbWltZ
Cursos en UDEMY:
🧨 HTML + CSS + Bootstrap 5: https://bit.ly/3iyMBh3
🧨 Vue 3 + Firebase: https://bit.ly/3IwyHGJ
🧨 React + Firebase: https://bit.ly/3JCSsht
🧨 HTML y CSS (gratis): https://bit.ly/3PM4x5U
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?
Documentación utilizada:
💩 Guía: https://bluuweb.github.io/bootstrap-5/
💩 Bootstrap 5 [Lista de reproducción]: Próximamente
💩 ¿Dudas y preguntas? aquí tendrás ayuda: Discord: discord
💩 Todos los cursos aquí: bluuweb
💩 Suscríbete al canal de bluuweb aquí: https://bit.ly/3kLYAqr
❤ Guía Master (todos los cursos): https://bluuweb.github.io/
#bootstrap #css #sass
¿Quiéres apoyar el canal?
🧨Curso Bootstrap 4 [UDEMY] http://curso-bootstrap-4-udemy.bluuwe...
🧨Curso Vue.js + Firebase [UDEMY] http://curso-vue-js-udemy.bluuweb.cl
🧨Curso React.js + Firebase [UDEMY] http://curso-react-js-udemy.bluuweb.cl
🧨Curso HTML y CSS [GRATIS] https://www.udemy.com/course/curso-ht...
🧨Cursos en oferta Udemy http://ofertas.bluuweb.cl
Conviértete en miembro de este canal para disfrutar de ventajas 😍:
@bluuweb
Redes Sociales:
https://bluuweb.org
http://discord.bluuweb.cl
Twitch: bluuweb
Instagram: bluuweb_youtube
Facebook: bluuweb
Twitter: bluuweb
Cafecito para bluuweb: https://www.paypal.me/bluuweb
👌 Discord: Discord: discord
Mi Setup:
⭐️ Teclado Mecánico: https://amzn.to/3Ns6fdK
⭐️ Audífonos: https://amzn.to/3pwrzqt
⭐️ Micrófono: https://amzn.to/3JH4tV7
⭐️ Monitor: https://amzn.to/3NTt8Iu
⭐️ Procesador: https://amzn.to/3raD4EC
⭐️ Tarjeta de Video: https://amzn.to/437t78b
👌 Lista de reproducción (Playlist): http://bit.ly/3IbWltZ
Cursos en UDEMY:
🧨 HTML + CSS + Bootstrap 5: https://bit.ly/3iyMBh3
🧨 Vue 3 + Firebase: https://bit.ly/3IwyHGJ
🧨 React + Firebase: https://bit.ly/3JCSsht
🧨 HTML y CSS (gratis): https://bit.ly/3PM4x5U
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?
Documentación utilizada:
💩 Guía: https://bluuweb.github.io/bootstrap-5/
💩 Bootstrap 5 [Lista de reproducción]: Próximamente
💩 ¿Dudas y preguntas? aquí tendrás ayuda: Discord: discord
💩 Todos los cursos aquí: bluuweb
💩 Suscríbete al canal de bluuweb aquí: https://bit.ly/3kLYAqr
❤ Guía Master (todos los cursos): https://bluuweb.github.io/
#bootstrap #css #sass
¿Quiéres apoyar el canal?
🧨Curso Bootstrap 4 [UDEMY] http://curso-bootstrap-4-udemy.bluuwe...
🧨Curso Vue.js + Firebase [UDEMY] http://curso-vue-js-udemy.bluuweb.cl
🧨Curso React.js + Firebase [UDEMY] http://curso-react-js-udemy.bluuweb.cl
🧨Curso HTML y CSS [GRATIS] https://www.udemy.com/course/curso-ht...
🧨Cursos en oferta Udemy http://ofertas.bluuweb.cl
Conviértete en miembro de este canal para disfrutar de ventajas 😍:
@bluuweb
Redes Sociales:
https://bluuweb.org
http://discord.bluuweb.cl
Twitch: bluuweb
Instagram: bluuweb_youtube
Facebook: bluuweb
Twitter: bluuweb
Cafecito para bluuweb: https://www.paypal.me/bluuweb
👌 Discord: Discord: discord
Mi Setup:
⭐️ Teclado Mecánico: https://amzn.to/3Ns6fdK
⭐️ Audífonos: https://amzn.to/3pwrzqt
⭐️ Micrófono: https://amzn.to/3JH4tV7
⭐️ Monitor: https://amzn.to/3NTt8Iu
⭐️ Procesador: https://amzn.to/3raD4EC
⭐️ Tarjeta de Video: https://amzn.to/437t78b
4 سال پیش
در تاریخ 1399/10/13 منتشر شده
است.
243,429
بـار بازدید شده