Introducción a Bootstrap 5
Una forma rápida y profesional de hacer páginas responsivas
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.
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
Who Should Attend!
- Desarrolladores y diseñadores de páginas web con conocimientos básicos de HTML y CSS.