Curso: Fundamentos de Bootstrap 5 [ Sass incluido + Guía con códigos ]
Вставка
- Опубліковано 1 сер 2024
- 👌 Nueva guía de códigos: bluuweb.dev
👌 Lista de reproducción (Playlist): bit.ly/3IbWltZ
Cursos en UDEMY:
🧨 HTML + CSS + Bootstrap 5: bit.ly/3iyMBh3
🧨 Vue 3 + Firebase: bit.ly/3IwyHGJ
🧨 React + Firebase: bit.ly/3JCSsht
🧨 HTML y CSS (gratis): 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: bluuweb.github.io/bootstrap-5/
💩 Bootstrap 5 [Lista de reproducción]: Próximamente
💩 ¿Dudas y preguntas? aquí tendrás ayuda: / discord
💩 Todos los cursos aquí: / bluuweb
💩 Suscríbete al canal de bluuweb aquí: bit.ly/3kLYAqr
❤ Guía Master (todos los cursos): bluuweb.github.io/
#bootstrap #css #sass
¿Quiéres apoyar el canal?
🧨Curso Bootstrap 4 [UDEMY] curso-bootstrap-4-udemy.bluuwe...
🧨Curso Vue.js + Firebase [UDEMY] curso-vue-js-udemy.bluuweb.cl
🧨Curso React.js + Firebase [UDEMY] curso-react-js-udemy.bluuweb.cl
🧨Curso HTML y CSS [GRATIS] www.udemy.com/course/curso-ht...
🧨Cursos en oferta Udemy ofertas.bluuweb.cl
Conviértete en miembro de este canal para disfrutar de ventajas 😍:
/ @bluuweb
Redes Sociales:
bluuweb.org
discord.bluuweb.cl
/ bluuweb
/ bluuweb_youtube
/ bluuweb
/ bluuweb
Cafecito para bluuweb: www.paypal.me/bluuweb
👌 Discord: / discord
Mi Setup:
⭐️ Teclado Mecánico: amzn.to/3Ns6fdK
⭐️ Audífonos: amzn.to/3pwrzqt
⭐️ Micrófono: amzn.to/3JH4tV7
⭐️ Monitor: amzn.to/3NTt8Iu
⭐️ Procesador: amzn.to/3raD4EC
⭐️ Tarjeta de Video: amzn.to/437t78b
¿Dudas y preguntas? En Discord todos nos ayudamos 😍: Discord: discord.gg/ZrQAJnD7K8
Los espero. Saludos
No anda el link!
no puedo acceder al curso de bootstrap-on 5
@@francofernandez9352 Hay otro link en la descripción del video! discord.gg/xSceUPh
la fila de los "1" me sale en vertical
Hola estimado gracias por tu aporte, no funciona el link....Exito
Brother quiero pedirte que por favor no te detengas en lo que haces, ayudas a muchas gente y en lo personal encontrar tu canal me ha ayudado mucho, te mando un abrazo y si estás pasando por tiempos difíciles, fuerza hermano que lo estás haciendo muy bien
Espectacular Bluuweb! Tremendo video. Gracias. Sass es lo más grosso. Abrazo y feliz año
Realmente me gusta mucho tu contenido, he aprendido bastantes cosas en este canal. Muchas gracias y sigue subiendo este tipo de cursos que se aprecian demasiado
Maravilloso ... hace rato vengo buscando sobre este tema! Super práctico y entendible. Tienen un nuevo fan 😍
Fantástico video! lo había visto hace 2 años y hoy necesitaba recordar Bootstrap 5 y SASS, y me volvió a encantar. Amo cómo explicas todo, eres el mejor!
Me encantan que me expliquen las cosas así. Muchas gracias!
Que gran minicurso, muy clarito, rápido y eficiente, muchas gracias
Recien acabo de terminar el tutorial y estoy muy feliz con el resultado, ahora comprendo mejor algunas cosas de bootstrap que siempre habia querido saber como es que funcionaba, muchas gracias Bluuweb!!! :D
Excelente! Muy bueno, todo muy bien organizado y planteado!
Felicitaciones!
Se agradece mucho!!!
Eres lo máximo, bien explicado, muy fluido. Gracias
Muy buen vídeo, creo que también aprendí con tus vídeos a usar Bootstrap... pero me ha servido para repasar, muchas gracias por la web para subir webs de prueba, es algo muy útil. Sigue así con esa forma tan amena y entretenida de explicar tus vídeos.
Buenas explicaciones, me ayudado bootstrap, estoy viendo flask y django, y como no soy muy bueno en frontend, me ayuda para practicar, excelente video.
exelente man, aparte del propio contenido de bootstrap, tambien estoy aprendiendo muchos atajos de teclados y funciones de VS code, genial!!
Excelente Tutorial! Aprendí un montón! Mil gracias!!!
Buenardo bro, este mini-curso me cayó como anillo al dedo, muchas gracias
Chulada de curso, justo estaba pensando migrar de bootstrap 4 a la versión 5 y esto esta súper bueno.
Sos un genio! es el mejor tutorial de bootstrap que he visto! muchas gracias y saludos desde Uruguay!
Buena tarde, te agradezco sinceramente este esfuerzo en compartir tus conocimientos, soy un novato completo en Bootstrap y aprendí muchisimas cosas, código, herramientas y trucos geniales. Espero seguir avanzando en estos temas y por supuesto nuevo seguidor! Saludos desde Colombia.
Maestro!!! Gracias por enseñarnos a los que estamos empezando en este gran camino de la programación.
Grande! Sos genial como maestro. Espero ver mas contenido!
Excelente, me ayudaste mucho. El mejor profe siempre :3
Gracias gracias por compartir tu conocimiento ! Llegue para aprender el tema de responsive (que no estaba entendiendo como se hacia) y me fui con ese tema entendido y muchos mas (como sass y como personalizar bootstrap). Nuevamente muchas gracias !!
Me ayudaste un montón Bluuweb!! Gracias por compartir tus conocimientos a los que recién empezamos en el mundo de la programación.
MUY BUEN CURSO. son pocos los que hacen tutoriales y no son tediosos con la forma de explicar. Muy bueno el curso.
Sencillamente excelente, muchísimas gracias desde Argentina!
Usted siempre me ayuda para mejorar mis conocimientos, gracias a usted y sus cursos he logrado tener grandes proyectos. Muchas gracias maestro por sus enseñanzas siempre.
Es demasiado la habilidad que tienes para explicar..muchísimas gracias!! Y ya compré el curso por cierto 🤗
Enserio que es el único que explica muy bien estos tutoriales te felicitaciones.
Sos un genio wn!. Te agradezco mucho el tiempo!. Estoy arrancando con el desarrollo, te encontré en Udemy y caí acá... Espero poder comenzar pronto a trabajar asi me inscribo a los cursos con costos.. saludos
Fabuloso. Te ganaste un suscriptor. La manera de explicar que tenés es estupenda!
La verdad exelente muy claro y sencillo solo la práctica hace al maestro. FELICITACIONES
Excelente explicación, muy didáctico!!!!!!. Saludos desde España.
Excelente manera de explicar este Framework. Vi otro videos y libros y no me ayudaron mucho. Pude desarrollar mi sitio en horas. Gracias por el aporte.
Gran explicación, seguire de cerca tus videos!
Buenísimo tutorial, como siempre!! Gracias! ♥♥♥♥
Muchas gracias! No te das una idea lo que nos ayudas. Explicas muy bien, gracias por tu tiempo!!!
Muy agradecido desde Colombia. Muy buen caso de uso, más tutoriales así!
Tremendo tuto hermano, gracias por hacer tan facil el uso de Sass y poder personalizar Bootstrap.
Pero que videazoooooo Muchisimas gracias
Muchas gracias por compartir este curso, explicas muy bien , sigue así...me has ayudado un montón.
Además de buena calidad de vídeo y bien explicado también se creo un sitio web armando una documentación como guía de este curso como complemente un master frontend. Honestamente canales como el tuyo vale like y suscripción.
Excelente material para repasar o aprender estas tecnologias
Excelente tutorial hermano, muy bien explicado! Muchas gracias!
Excelente curso! el mejor que he visto y explicas muy bien
Muchas gracias por compartir tu conocimiento; me gusto mucho y aprendí desde cero el Bootstrap; saludos desde México
Muchas gracias por este video, un aporte increíble!
Me encanta como lo explicas. Ya he comprado el curso!!
Me encanta porque no me aburrió para nada y fue bastante rápido, gracias.
Hola, llevo varios años trabajando en desarrollo web como diseñador y te agradezco los cursos y tips. Enseñas muy bien y me anima a seguir actualizándome..! sigue así y genial todo lo que haces.. se agradece los tips y cursos gratuitos que das... saludos desde Chile SCL.
Tremendo Contenido, de lo mejor que he visto.
Crack eres el mejor! Sigue asi con tus excelentes videos.
IMpresionante como explicas"!! muy claro..felicitaciones
Excelente, gracias por el video, siempre es grato una buena explicación con ejemplos :D
Maravilloso y completisimo!! Saludos!
Chamo que agradable manera de explicar, por fin entendí la famosa Grid de Bootstrap. Saludos y gracias por tu tiempo.
Muchas gracias por este video, muy bien explicado!
Extraordinario tutorial !! Gracias por compartir tus conocimientos !!
Esto está de locos! mil gracias bro.
inscrito en Udemy. Gracias por tu trabajo. es asombroso.
Sos un capo quede así con todo 🤯🤯 y eso que ya dominaba boostrap
Excelente video, aprendi mucho y en solo una clase.
Gran curso. Ameno y muy bien explicado. Mañana lo volveré a ver.
Buenísimo, gracias por el tutorial. Echaré un ojo al resto del canal.
Que genioo!! Gran video! Vengo haciendo el curso... me toca arrancar Javascript ... muchas gracias! Increíble tu trabajo.
¡Que buen curso de inicio de año! Increible lo que hace el purge.css
Excelente video, justo lo q necesitaba
Me ayudó muchísimo el video. Gracias!!
No paras de sorprender buenísimo el material , justo estaba buscando como reducir el css 👍🍺.
Felicidades, muy buen vídeo !!! Gracias
Gracias amigo por esta info, muy clara y bien explicados, sin tanta vuelta
Aprendí mas de bootstrap con este tuto que en la academia!!! un genio es este muchacho jajaja excelente.
Primera visualización luego la practica, muchas gracias por estos videos y a ver cuando te sumas a un taller en vivo con Dorian Desings saludos desde Argentina
Algo me decía que iba a empezar el año 2021 con el pie derecho, muchas gracias profe!
Excelente curso. Muchas gracias
Eres un crack, muchas gracias por compartir y explicar tan bien.
Muy buen video Hermano! Saludos desde Argentina.
Buenísimo ,,, muchas gracias por este tutoríal
Me ha encantado. Algo perdido, pero he podido hacerlo todo.......genial. Un brazo desde España.
grande Bluue, buen contenido, Gracias por los aportes me sirvió mucho
Me parece genial su explicación, seguiré estudiando 🙏
Muy buen curso, muy bien explicado, ya que he visto otros en los que dan pasos por hecho, creyendo que todos lo sabemos. De hecho este lo termine, excepto por la purga, pero, porque tengo algunos problemas de permisos en mi máquina.
Gracias
la intro suena como towngameplay, gran youtuber, me hiciste la vida más fácil
Excelente tutorial !! Te envío un like, y estaré siguiendo tus cursos para convertirme en un freelance en front end y otras tecnologias afines que tu me recomiendes...Exitos 👏👍
Que crack, gracias maestro!
Excelente video! 🤩🤩
Gracias brother, me callo muy bien el video
Ufffff que buen comienzo de año ya esperaba este video de b5
Genial 💪💪 gracias Axel
Tremendo tutorial, muchas gracias por compartir con nosotros.
Nunca había usado Bootstrap, y puedo entender las críticas por parte de la comunidad, pero al final todo depende de cómo utilices las diferentes herramientas y metodologías y el tipo de proyecto en el que las aplicas. Sin duda, un gran curso. Enhorabuena !
Excelente tutorial como siempre!!
Super fácil. Muchas gracias.
Simplemente Genial
Excelente video! por favor seguí así :)
Que buena explicación muchas gracias!
excelente me encanto gracias eres el mejor!
Muy buen curso despues de darme trancazos lo pude terminar con éxito muy buen material.
Muuy Bueno!!! Muchas gracias!!! Terminé de entender muchas cosas que no sabia hacerlas funcionar
Excelente Ariel, vamos a construir la parte 2 🤙🏽
Excelente curso BluuWeb,, el mejor profe por mucho!!!
Muchas gracias, saludos 🤙🏽🤙🏽
Amé!!! 😍❤️ Gracias!
Para empezar el año jijiji Saludos!