Introducción a Bootstrap 5
Una forma rápida y profesional de hacer páginas responsivas
What you will learn
Comprenderá los inicios de Bootstrap, cómo instalarlo en la computadora o desde un CDN, usar básicamente la cuadrícula para hacer una página responsiva.
Aprenderá las diferencias de tipografía y de estilo entre HTML y Bootstrap en etiquetas como abbr, mark, pre, kdb o blockquote
Aprenderá a crear listas agrupadas, paneles y grupos de paneles, menús dropdown, listas colapsables, crear un acordeón, menú de tabuladores, menú de píldoras.
Creará barras de navegación normales y en colores invertidos, añadir un dropdown, crear opciones a la derecha e izquierda de la barra, agregar botones.
Aprenderá a crear y modificar los objetos media, centrándo verticalmente, justificarlo a la izquierda o derecha o anidarlos.
Creará un carrusel de imágenes y posteriormente agregará subtítulos, creará ventanas modales, añadirá un tooltip a un elemento HTML, creará ventanas popover.
Creará páginas responsivas de varias columna para dispositivos pequeños, medianos, computadoras de escritorio y de pantalla ancha. Conocerá el uso de las clases
Description
Bootstrap 5 es sin duda el framework más utilizado para hacer páginas web responsivas de manera rápida y profesional en el mundo, pero no solo nos permite adaptar nuestras páginas web a cualquier dispositivo, sino que nos brinda una enorme gama de herramientas para simplificarnos la vida de diseñadores y desarrolladores web.
Este curso está enfocado para personas que no tengan ningún conocimiento sobre el tema, hasta poder lograr páginas flexibles y poderosas. Es necesario que se tengan conocimientos básicos sobre HTML y CSS, pero no necesitas ser un experto en el área. No necesitas tener ningún conocimiento en JavaScript, ya que no utilizaremos este lenguaje.
Al final el curso podrás:
Comprender los inicios de Bootstrap 5, cómo instalarlo en la computadora o desde un CDN, usar básicamente la cuadrícula para hacer una página responsiva.
Aprender las diferencias de tipografía y de estilo entre HTML y Bootstrap 5 en etiquetas como abbr, mark, pre, kdb o blockquote.
Aprender a crear listas agrupadas, paneles y grupos de paneles, menús dropdown, listas colapsables, crear un acordeón, menú de tabuladores, menú de píldoras, menús verticales, así como tabuladores y píldoras centradas en Bootstrap.
Crear barras de navegación normales y en colores invertidos, añadir un dropdown, crear opciones a la derecha e izquierda de la barra, agregar botones, un formulario y hacer una barra colapsable para un dispositivo pequeño.
Aprender a crear y modificar los objetos media, centrando verticalmente, justificarlo a la izquierda o derecha o anidarlos.
Crear un carrusel de imágenes y posteriormente agregará subtítulos, creará ventanas modales, añadirá un tooltip a un elemento HTML, creará ventanas popover, así como una barra ScrollSpy y un componente Affix.
Crear páginas responsivas de varias columna para dispositivos pequeños, medianos, computadoras de escritorio y de pantalla ancha. Conocerá el uso de las clases hidden, visible, clearfix, offset, pull y push.
En el curso encontrarás los apuntes a cada sección, así como más de 100 ejercicios que te ayudarán a lograr nuestros objetivos. Para este curso necesitas una computadora con Internet y un navegador moderno, así como un editor de código como SublimeText, Brackets, Dreamweaver, etc.
Content
Introducción a Bootstrap 5
Manejo de diferentes etiquetas en Bootstrap
El manejo del grupo de listas
Divisiones colapsables y acordeones
Manejo de formularios con Bootstrap 5
Desarrollar un Carrusel con Bootstrap
Crear una ventana modal con Bootstrap
Utilerías para el desarrollo de páginas web con Bootstrap
Manejo del GridSystem en Bootstrap
Crear la maqueta de un sistema eCommerce
A manera de conclusión
Screenshots
Reviews
Coupons
Submit by | Date | Coupon Code | Discount | Emitted/Used | Status |
---|---|---|---|---|---|
- | 11/8/2021 | 48BA3FACCAE33E46E30B | 100% OFF | 1000/10 | expired |
- | 12/6/2021 | 1A3A6592334FE262BAAC | 100% OFF | 1000/987 | expired |
Ignacio Castro | 12/20/2022 | 0A30133268152B67DA14 | 50% OFF | expired |