Curso: Fundamentos de Bootstrap 5 [ Sass incluido + Guía con códigos ]
Ya has superado la mitad. Estás muy cerca de completar el curso.
Sobre esta lección
👌 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: https://discord.gg/xSceUPh 💩 Todos los cursos aquí: https://www.youtube.com/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.bluuweb.cl 🧨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-html5-css3 🧨Cursos en oferta Udemy http://ofertas.bluuweb.cl Conviértete en miembro de este canal para disfrutar de ventajas 😍: https://www.youtube.com/channel/UCH7IANkyEcsVW_y1IlpkamQ/join Redes Sociales: https://bluuweb.org http://discord.bluuweb.cl https://www.twitch.tv/bluuweb https://www.instagram.com/bluuweb_youtube https://www.facebook.com/bluuweb https://twitter.com/bluuweb Cafecito para bluuweb: https://www.paypal.me/bluuweb 👌 Discord: https://discord.com/invite/hcG7NBvsGD 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
Sobre este curso
Aprende a crear sitios web utilizando HTML y CSS, este curso paso a paso y desde cero a experto, pondrás en práctica todo lo que iremos aprendiendo para convertirnos en un desarrollador web. Este curso completo aprenderás las principales etiquetas de HTML para construir sitios web adaptables a celulares y tablet. En el capítulo 1 veremos una introducción a HTML y CSS, además de conocer como trabajar con un editor de código llamado Visual Studio Code. Este nos ayuda a crear etiquetas y nos pinta todo con colores. En el capítulo 2 ya comenzaremos con los fundamentos de HTML5, sus versiones y sus sintaxis. En el capítulo 3 veremos fundamentos de CSS3, así ya podremos colocar estilos a nuestras páginas web. En el capítulo 4 crearemos un Navbar - Menú de navegación, el cual nos servirá para poder ir navegando entre diferentes pestañas de tu sitio web. En el capítulo 5 desarrollaremos una tabla de precios utilizando Flexbox, una de las principales características de CSS3. Se irán agregando nuevas secciones, por lo tanto al finalizar el curso tendrás un sitio web completo construido paso a paso y desde cero.
Lo que aprenderás en este curso:
- Estructurar páginas web semánticas con HTML5
- Aplicar estilos profesionales con CSS3 y diseño responsive
- Crear layouts modernos con Flexbox y CSS Grid
- Implementar animaciones y transiciones CSS