Bootstrap 3
Aprende a maquetar webs que se adapten a los dispositivos mediante responsive web design.
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.
A quién va dirigido
Ideal para Programadores y desarrolladores web que desean obtener los conocimientos necesarios para crear sitios web responsivos.
Duración
El curso consta de 50 videos con una duración aproximada de 3 horas y 15 minutos.
Requisitos Previos
Es recomendable tener nociones de trabajo con HTML
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, aprenderá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.
TEMARIO DEL CURSO
Módulo 1: Introducción a Bootstrap
Iniciaremos al curso una inducción a Bootstrap 3, su historia, beneficios y documentos. Además prepararemos los archivos para comenzar a trabajar con este framework.
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 SublimeText2
7. Descarga de Bootstrap 3 y documentación
8. Soporte de Bootstrap en Navegadores
Módulo 2: Fundamentos de Bootstrap
En este módulo aprenderemos a crear nuestra primera página con Bootstrap y descubriremos cómo hacerla responsiva.
1. Estructura de carpetas y componentes de Bootstrap 3
2. Metodologías para el uso de Bootstrap
3. Primera Página con Bootstrap
4. Metadata e Imports e na la planilla 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
Aprovechemos los elementos de HTML y veremos cómo las afecta Bootstrap.
1. Elementos de texto en Bootstrap
2. Alineación de elementos de texto
3. Lista con Bootstrap
4. Tablas de Bootstrap
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 de Bootstrap
12. Imágenes de Bootstrap
Módulo 4: Componentes de Bootstrap
Conoceremos los distintos elementos que incluyen Bootstrap para el desarrollo de páginas Webs responsivas.
1. Iconos de Bootstrap
2. Desplegables de Bootstarp
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
En este módulo del curso conoceremos una serie de opciones avanzadas para personalizar nuestros proyectos con Bootstrap.
1. Bootstrap para Webs de ancho fijo
2. Visibilidad para Bootstrap
3. Configuración de Bootstrap
Módulo 6: Fin del curso
Despedida del curso y conclusiones finales.
1. Despedida de Bootstrap
Chile