¡Descarga Aprende Bootstrap 5: Ejemplos, Tutoriales y Recursos y más Resúmenes en PDF de Derecho solo en Docsity!
Material de apoyo para crear interfaces web
Fundamentos ...................................................................................................................... 1 Login ................................................................................................................................... 2 Formularios ......................................................................................................................... 2 Menús ................................................................................................................................. 3 Tablas ................................................................................................................................. 3 Mapas De Google ................................................................................................................ 4 Maquetado ......................................................................................................................... 4 Footer ................................................................................................................................. 5 Botones, Acordeón, Alerta ................................................................................................... 5 Imágenes............................................................................................................................. 6 Plugin .................................................................................................................................. 6 Páginas De Error .................................................................................................................. 6 Plantillas ............................................................................................................................. 7 Ejemplos de Bootstrap en la página oficial. https://getbootstrap.esdocu.com/docs/5.1/examples/
FUNDAMENTOS
Súper recomendado: Aprende Bootstrap 5 en 15 minutos https://www.youtube.com/watch?v=qgxhrJFTOJs Súper recomendado: Los Containers de BOOTSTRAP 5 [Bien Explicados] https://www.youtube.com/watch?v=BGYW4YSlMAo&list=PLnunbwZjHqMO- JII_HBf5TAzdzaBJP34w&index= CURSO de Fundamentos de BOOTSTRAP 5 [Gratis] https://www.youtube.com/watch?v=1nfJdlmT3A0&list=PLnunbwZjHqMO- JII_HBf5TAzdzaBJP34w&index=
Como hacer MAQUETADO Facil y Rapido con Bootstrap 5 en el 2022 https://www.youtube.com/watch?v=ROhLeWhWxiM
LOGIN
LOGIN CON BOOTSTRAP 5 RESPONSIVO
https://www.youtube.com/watch?v=NDQfhTWyD8E DISEÑO DE FORMULARIO DE LOGIN | DEV CORS LIVE # https://www.youtube.com/watch?v=8ggknik-OWw Crear un login con bootstrap 5 (2.0) (MDB tutorial) | Login Responsive | 2021 https://www.youtube.com/watch?v=ozHTKHUFVEE How to Design Responsive Login Form Using Bootstrap 5 in 2021 https://www.youtube.com/watch?v=P35Jp-HvvME Bootstrap 5 tutorial español - Login con HTML5 y CSS https://www.youtube.com/watch?v=yC6oeRP585A Responsive Login Form In Bootstrap 5 | CSS Tutorial https://www.youtube.com/watch?v=I10tFtoGjmo
FORMULARIOS
¿QUÉ se puede hacer con FORMULARIOS en Bootstrap 5? https://www.youtube.com/watch?v=54ZfyIC29Ok Cómo hacer un FORMULARIO en Bootstrap 5 paso a paso https://www.youtube.com/watch?v=jGcMtvTYsGg Como VALIDAR un FORMULARIO en Bootstrap 5 https://www.youtube.com/watch?v=hcno1fusrR Cómo hacer Formularios con INPUTS y TEXTAREAS en Bootstrap 5 https://www.youtube.com/watch?v=mpfeTBGKZX Qué es BOOTSTRAP y para qué sirve? ¿Cómo funciona y se usa? https://www.youtube.com/watch?v=fY_O1Fb-e5Y&list=PLnunbwZjHqMO- JII_HBf5TAzdzaBJP34w Formulario de contacto HTML y Bootstrap https://www.youtube.com/watch?v=3JEXW-8Jc0Y Como crear TABLAS y CARDS en BOOTSTRAP 5 - 10 - Curso Desarrollo Web https://www.youtube.com/watch?v=H8RKrxJncC Como hacer FORMULARIO con BOOTSTRAP 5 - 11 - Curso de Desarrollo Web https://www.youtube.com/watch?v=0apMQmr8JIw Formulario de contacto HTML y Bootstrap https://www.youtube.com/watch?v=3JEXW-8Jc0Y
Para revisar: https://www.youtube.com/watch?v=Mfs750LmeQQ&list=RDCMUCLa5WaffYWAaJY09_l yw&index= Data Table responsive | ¿Como hacer un Data Table responsive? | Data Table https://www.youtube.com/watch?v=n27rFS0Qi3I Como crear TABLAS y CARDS en BOOTSTRAP 5 - 10 - Curso Desarrollo Web https://www.youtube.com/watch?v=H8RKrxJncC Como hacer FORMULARIO con BOOTSTRAP 5 - 11 - Curso de Desarrollo Web https://www.youtube.com/watch?v=0apMQmr8JIw
MAPAS DE GOOGLE
Cómo insertar un mapa de google y que sea responsive https://www.youtube.com/watch?v=eEtQKBCUgrE Bootstrap Contact Section with Google Map Integration https://www.youtube.com/watch?v=ObYgwokpOuI
MAQUETADO
Cómo CREAR una Página WEB desde cero usando Bootstrap 5 https://www.youtube.com/watch?v=7zdFJulzXb4&list=PLnunbwZjHqMO- JII_HBf5TAzdzaBJP34w&index= Como Crear una Página Web con Bootstrap 5 – Parte 1 de 5 https://blog.nubecolectiva.com/como-crear-una-pagina-web-con-bootstrap- 5 - parte-1/ Creando un DASHBOARD desde 0 PARTE 1 https://www.youtube.com/watch?v=PKFdb08fXAk Creando un Dashboard desde 0 parte 2 https://www.youtube.com/watch?v=DGLMP-GGBy Creando un Dashboard desde 0 Parte 3 (FINAL) https://www.youtube.com/watch?v=ysf9hNuX4lA
Como hacer MAQUETADO Facil y Rapido con Bootstrap 5 en el 2022 https://www.youtube.com/watch?v=ROhLeWhWxiM
FOOTER
CREA UN FOOTER CON BOOTSRTAP | SIN CSS
https://www.youtube.com/watch?v=Vur04sTroUY Bootstrap 5 Footer | How to create Footer using Html and Bootstrap5 | Awesome Footer in Bootstrap 5 https://www.youtube.com/watch?v=4fexoLuGpeI Creación de una página web moderna con Bootstrap #8 - Sección footer https://www.youtube.com/watch?v=KIEZqYZhcEU Professional Bootstrap 5 Footer | How to Create Footer in Html and Bootstrap5 | Responsive Footer https://www.youtube.com/watch?v=KjJs7BXicCE Create an Animated Responsive Footer Section using Flexbox https://www.youtube.com/watch?v=DBEa55xQfJw
BOTONES, ACORDEÓN, ALERTA
Cómo hacer BOTONES en Bootstrap 5 https://www.youtube.com/watch?v=EfEcdz82FTg&list=PLnunbwZjHqMO- JII_HBf5TAzdzaBJP34w&index= Cómo crear GRUPOS de BOTONES en BOOTSTRAP 5 https://www.youtube.com/watch?v=g0e3Y_OeAIw&list=PLnunbwZjHqMO- JII_HBf5TAzdzaBJP34w&index= El Botón de Cerrar en BOOTSTRAP 5 https://www.youtube.com/watch?v=0QCln97X4TI&list=PLnunbwZjHqMO- JII_HBf5TAzdzaBJP34w&index= Qué puedes hacer con los DROPDOWN en Bootstrap 5 https://www.youtube.com/watch?v=uol4wkpY6_c&list=PLnunbwZjHqMO- JII_HBf5TAzdzaBJP34w&index= Cómo hacer un SWITCH con un Checkbox en Bootstrap 5 https://www.youtube.com/watch?v=mbKDYkzIu1A&list=PLnunbwZjHqMO- JII_HBf5TAzdzaBJP34w&index= Cómo hacer un ACORDEÓN en Bootstrap 5 [collapse]
https://www.youtube.com/watch?v=m7ZZNsa0pOA Las 48 mejores plantillas de página de error gratuitas fáciles de personalizar 2022 https://tabthemes.com/es/48-best-easy-to-customize-free-error-page-templates-2022/
PLANTILLAS
PLANTILLAS WEB RESPONSIVE para Editar al 100% Completamente Gratis | HTML5 Y CSS 2020 https://www.youtube.com/watch?v=KrRIymkW9Jk Plantilla web GRATIS para sistemas de ADMINISTRACION DE COLEGIO (HTML, CSS, BOOTSTRAP) https://www.youtube.com/watch?v=n0bLPcR0JAc Descarga más plantillas GRATIS acá: https://designlopers.com/templates/ https://www.templatemonster.com/es/plantillas-html5-css3-gratis/ 7 plantillas bootstrap para aplicacion web https://www.youtube.com/watch?v=Y-dkMJ6jZb
