El contenido de este entrenamiento consta de 4 módulos que cubren 4 de los elementos principales del Framework Bootstrap.
Los participantes podrán inscribirse a uno o más módulos dependiendo de su nivel de conocimientos o el tema de interés sobre el Framework Bootstrap.
Módulo 1: Iniciando con Bootstrap
Antes de empezar a utilizar el Framework Bootstrap, es importante conocer qué es exactamente Bootstrap. En esencia, Bootstrap es un Framework que contiene archivos CSS, Fonts y JavaScript enfocados a la creación de sitios Web Responsivos.
En este módulo, se describe qué es Bootstrap, las distintas opciones de descarga de Bootstrap, la estructura de archivos y los componentes que forman parte de Bootstrap. Se muestra la forma de crear una plantilla HTML5 que incluya las referencias necesarias a Bootstrap para que a partir de esa plantilla se puedan crear páginas Web que utilicen Bootstrap para el diseño de la interfaz de usuario.
En este módulo, se describe también el sistema Grid predeterminado de Bootstrap que facilita enormemente la creación de interfaces de usuario
Responsivas en aplicaciones Web.
Módulo 2: Clases CSS de Bootstrap
El poder de Bootstrap se encuentra en las clases CSS que contiene. Basta con aplicar esas clases CSS a elementos básicos HTML para crear diseños profesionales y aplicaciones Responsivas.
En este módulo se describen las clases CSS de Bootstrap y los elementos HTML básicos estilizados y mejorados con clases CSS extensibles entre las que se incluyen clases para Tablas, Listas, Formularios, Botones e Imágenes entre otros.
En este módulo, se muestra la forma de crear Formularios y la forma de personalizar botones e imágenes con las clases CSS de Bootstrap. Se describe además, un conjunto de clases que ayudan a implementar el diseño responsivo del sitio Web.
Módulo 3: Componentes de Bootstrap
Existe más de una docena de componentes reutilizables en Bootstrap construidos para proporcionar Iconografía, Cuadros de lista desplegables, Grupos de entrada de datos, Navegación, Alertas y mucho más.
En este módulo se describen los componentes que podemos utilizar en un sitio Web como son, Iconos (Glyphicons), Listas desplegables, Grupos de botones, Botones desplegables, Grupos de entrada de datos, Barras de navegación, Barras de ubicación y mucho, mucho más.
Se muestra la forma de incluir cada uno de los componentes Bootstrap en las páginas HTML para enriquecer el contenido del sitio web.
Módulo 4: Componentes JavaScript de Bootstrap
Los elementos interactivos ayudan a enriquecer las interfaces de usuario y pueden crearse utilizando código JavaScript. Bootstrap incluye más de una docena de complementos jQuery que pueden ser agregados a las páginas HTML para dar vida a los sitios Web.
En este módulo, se describe la forma de incorporar a las páginas Web los complementos jQuery incluidos en Bootstrap, elementos como Transiciones, Ventanas modales, Alertas, Carruseles y mucho, mucho más. Todos estos componentes nos permiten crear sitios Web interactivos ricos en interfaz de usuario.
En este módulo, se describe también la forma de incorporar los complementos jQuery mediante el uso de la API de marcado (Markup API) sin escribir una sola línea de código JavaScript. Esta es la forma recomendada de incorporar los complementos jQuery de Bootstrap.
