Bootstrap 3

Aprende a maquetar webs que se adapten a los dispositivos mediante responsive web design.
Bootstrap 3
Utiliza la librería de Bootstrap (Diseñada por Twitter) y aprende a crear aplicaciones web que se adapten a los diferentes dispositivos (Celulares, Tabletas y Computadores). Este framework front-end nos permite crear un sitio web rápidamente y personalizar los elementos de manera sencilla.
Módulo 1: Introducción a Bootstrap
  1. ¿Qué es Bootstrap 3?
  2. Por qué usar Bootstrap
  3. Filosofía Mobile First y Responsive Web Design
  4. Beneficios de usar Bootstrap
  5. Entorno y recursos de apoyo para Bootstrap
  6. Editor de texto Sublime Text 2
  7. Descarga de Bootstrap y documentación
  8. Soporte de Bootstrap en navegadores
Módulo 2: Fundamentos de Bootstrap
  1. Estructura de carpetas y componentes de Bootstrap 3
  2. Metodologías para el uso de Bootstrap
  3. Primera página con Bootstrap Ver video
  4. Metadata e imports en la plantilla de Bootstrap
  5. Combinando Bootstrap con CSS propios
  6. Páginas responsive con Bootstrap
  7. Introducción al sistema de rejilla
  8. Ejemplo de uso del sistema de rejilla
  9. Gestión de columnas responsive
  10. Ejemplo avanzado de gestión de columnas responsive
  11. Gestión de espacio entre columnas
  12. Orden de columnas según el contexto responsive
  13. Gestión de columnas de diferente tamaño
  14. Sistema de rejillas anidadas
  15. Contenidos de ancho completo
Módulo 3: Elementos HTML en Bootstrap
  1. Elementos de texto en Bootstrap
  2. Alineación de elementos de texto
  3. Listas con Boostrap
  4. Tablas de Bootstrap Ver video
  5. Tablas responsive usando Bootstrap
  6. Formularios con Bootstrap
  7. Campos de formulario en línea
  8. Campos de formulario con dimensiones
  9. Formulario horizontal de Bootstrap
  10. Ayuda para la validación de formularios
  11. Botones en Bootstrap
  12. Imágenes en Bootstrap
Módulo 4: Componentes de Bootstrap
  1. Íconos de Bootstrap Ver video
  2. Desplegables de Bootstrap
  3. Grupos de botones
  4. Botones desplegables
  5. Grupos de botones verticales
  6. Menú de navegación con pestañas
  7. Menú de píldoras
  8. Breadcrumbs
  9. Paginación
  10. Labels
  11. Componentes adicionales de navegación
Módulo 5: Conceptos Avanzados sobre Bootstrap
  1. Bootstrap para webs de ancho fijo
  2. Visibilidad en Bootstrap
  3. Configuración de Bootstrap a medida
  4. Despedida de Bootstrap
OBJETIVOS:

A través de nuestro curso de Bootstrap 3 aprenderás las ventajas que éste puede aportar a tus proyectos web, desde la fase de diseño hasta la maquetación. Se estudiará el sistema de rejilla, que es la base de todo framework front end, para continuar con un recorrido básico por sus funcionalidades sobre etiquetas HTML, componentes y sus plugins basados en jQuery.

Al finalizar el curso, tendrás una visión clara de los beneficios de Bootstrap 3 aplicado en proyectos web, aprendrás a integrarlo desde la fase de diseño y cómo usarlo y personalizarlo para adaptarlo y configurarlo en función de las necesidades de cada uno de tus proyectos.

DIRIGIDO A:

Programadores y desarrolladores web que desean obtener los conocimientos necesarios para crear sitios web responsivos.

REQUISITOS PREVIOS:

Es recomendable tener nociones de trabajo con HTML.

Cursos similares