Duración: 10 hrs
Descripción:
Bootstrap es el framework de desarrollo más popular para desarrollo Web, ya que permite realizar páginas responsivas de manera rápida y eficiente mediante el uso de sus reglas de estilo preestablecidas y sus componentes. Su metodología de trabajo propone habitualmente una alternativa de solución más eficaz que desarrollar todo desde cero por nuestra cuenta. Bootstrap se fundamenta en mobile-first para priorizar el desarrollo pensando en un dispositivo móvil para luego optimizar en pantallas de mayor tamaño.
Objetivo:
Aprender a utilizar de manera eficiente el framework de desarrollo frontend Bootstrap, para utilizar sus herramientas y métodos de construcción de interfaces de usuario de manera eficaz con despliegue en cualquier dispositivo y tamaño de pantalla.
Temario:
- ¿Qué es Bootstrap?
- 1.1. ¿Qué es un framework?
- 1.2. Diseño responsivo
- 1.3. Mobile first
- Primeros pasos
- 2.1. Implementación por CDN
- 2.2. Integración al proyecto
- 2.3. Contenedores y estructura básica
- Sistema de rejilla
- 3.1. Reglas para hacer columnas
- 3.2. Estructuración básica
- 3.3. Breakpoints
- Flexbox en Bootstrap
- 4.1. Contenedor flex y direccionamiento
- 4.2. Alineación y márgenes
- 4.3. Infijos responsivos
- Formateo de elementos
- 5.1 Texto
- 5.2. Tablas
- 5.3. Botones
- Manejo de formularios
- 6.1. Agrupamiento y control
- 6.2. Formulario vertical
- 6.3. Formulario horizontal
- 6.4. Formulario en línea
- Integración de componentes
- 7.1. Barras de navegación
- 7.2. Carrusel
- 7.3. Modal
- 7.4. Elementos colapsibles
Perfil de ingreso:
Personas interesadas en crear contenidos responsivos de manera ágil con el beneficio del conjunto de herramientas y la estructura que el framework Bootstrap ofrece.
Perfil de egreso:
Al término del curso las personas estarán capacitadas en el manejo eficiente y correcto en construcción, estructuración y responsividad sobre la metodología y buenas prácticas en el uso del framework Bootstrap.
Requisitos académicos:
- Conocimientos básicos de HTML y CSS
- Conocimientos básicos de JavaScript
Requisitos informáticos:
- Computadora
- Editor de código
- Navegador