PRESENTACIÓN
La creación de sitios web adaptables y bajo la perspectiva “mobil first”, es uno de los puntos más importantes a considerar en cuanto al desarrollo de sitios web. Bajo esta premisa, Bootstrap es un
marco de trabajo (framework) gratuito y de código abierto, que ofrece una gran cantidad de herramientas que los desarrolladores pueden utilizar para hacer más fácil, rápido y mejor estructurado un sitio web.
PERFIL DE INGRESO
Este curso está dirigido a aquellos profesionales en formación que conocen HTML, las Hojas de estilo en cascada (CSS) y el nivel básico de JavaScript, y están interesados en crear contenidos responsivos de
manera ágil, beneficiándose del conjunto de herramientas y la estructura que el marco de trabajo Bootstrap aporta. Se requiere la acreditación o la demostración de conocimientos equivalentes al curso Creación de sitios web con HTML5.
OBJETIVO
El participante conocerá los conceptos, los elementos y los componentes que conforman el marco de trabajo Bootstrap 5, para generar sitios web adaptables y bien estructurados.
TEMARIO
| 1. |
INTRODUCCIÓN
| 1.1 |
¿Qué es Bootstrap? |
| 1.2 |
Historia |
| 1.3 |
¿Por qué usarlo? |
| 1.4 |
Instalación |
| 1.5 |
Plantilla de inicio |
| 1.6 |
Opciones globales |
| 1.7 |
Accesibilidad |
|
| 2. |
BREAKPOINTS (Puntos de ruptura)
| 2.1 |
Breakpoints disponibles |
| 2.2 |
Media queries |
|
| 3. |
CONTENEDORES
| 3.1 |
Definición |
| 3.2 |
Predeterminados |
| 3.3 |
Responsivos |
| 3.4 |
Fluidos |
|
| 4. |
SISTEMA DE GRIDS
| 4.1 |
¿Cómo funciona? |
| 4.2 |
Reglas y opciones de cuadrícula |
| 4.3 |
Columnas con anchos iguales |
| 4.4 |
Columnas con ancho establecido |
| 4.5 |
Columnas con ancho variable |
| 4.6 |
Cuadrícula responsiva |
|
5. |
COLUMNAS
| 5.1 |
Alineación vertical |
| 5.2 |
Alineación horizontal |
|
6. |
CONTENIDO
| 6.1 |
Tipografía |
| 6.2 |
Imágenes |
| 6.3 |
Tablas |
|
7. |
FORMULARIOS
| 7.1 |
Controles |
| 7.2 |
Grupos |
| 7.3 |
Estructura |
| 7.4 |
Validación y valores predeterminados |
|
8. |
COMPONENTES |
| 9. |
UTILIDADES
| 9.1 |
Bordes, colores y sombras |
| 9.2 |
Flex y Float |
| 9.3 |
Opacidad |
| 9.4 |
Texto |
| 9.5 |
Alineación vertical |
| 9.6 |
Otras |
|
| 10. |
HELPERS
| 10.1 |
De Posicionamiento |
| 10.2 |
Otros |
|
PERFIL DE EGRESO
Los conocimientos adquiridos permitirán al participante la generación de páginas web responsivas de manera ágil, estructurada y con aspecto profesional.
REQUISITOS ACADÉMICOS
Estudios mínimos de preparatoria o equivalentes.
DURACIÓN
20 horas.
RECURSOS INFORMÁTICOS
- Editor de código o texto plano.
- Navegador web.
BIBLIOGRAFÍA
- Uzayr, Sufyan Bin. Bootstrap: The Ultimate Guide. CRC Press, 2022.
- Daniel. Build responsive websites With HTML5 and Bootstrap 5: Learn the most popular web technologies, HTML, CSS, and Bootstrap. Independently published, 2021.
- Foreman, Daniel. Bootstrap 5 Foundations. Independently published. 2021.
Diciembre 2023
101285/E
