Bootstrap

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:

  1. ¿Qué es Bootstrap?
    • 1.1. ¿Qué es un framework?
    • 1.2. Diseño responsivo
    • 1.3. Mobile first
  2. Primeros pasos
    • 2.1. Implementación por CDN
    • 2.2. Integración al proyecto
    • 2.3. Contenedores y estructura básica
  3. Sistema de rejilla
    • 3.1. Reglas para hacer columnas
    • 3.2. Estructuración básica
    • 3.3. Breakpoints
  4. Flexbox en Bootstrap
    • 4.1. Contenedor flex y direccionamiento
    • 4.2.  Alineación y márgenes
    • 4.3. Infijos responsivos
  5. Formateo de elementos
    • 5.1 Texto
    • 5.2. Tablas
    • 5.3. Botones
  6. Manejo de formularios
    • 6.1. Agrupamiento y control
    • 6.2. Formulario vertical
    • 6.3. Formulario horizontal
    • 6.4. Formulario en línea
  7. 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