Curso de formación online intensivo dedicado a Bootstrap, el toolkit front-end que se ha extendido enormemente en el último año. Creado por los desarrolladores de Twitter, que buscaban un kit que solucionará los problemas de incompatibilidad de convenciones html, css y javascript entre ellos, tras hacerlo Open Source se ha convertido en un magnifico kit para el desarrollo de diseños que cumplen estrictamente los estándares, que aceleran enormemente el desarrollo y que facilitan multitud de prediseños muy fáciles de incorporar en nuestro proyecto.
Se trata de un curso online de videotutoriales que consta de 9 vídeos con una duración total de más de 2 horas en los que veremos cómo realizar webs con este framework que nos ayuda enormemente en el diseño web.
Recientemente ha salido una nueva versión de Bootstrap, la 3, a día de hoy todavía en versión RC1, y precisamente en el curso tenemos un videotutorial sobre cómo convertir un proyecto de Bootstrap 2 a Bootstrap 3. Podéis echar un vistazo a la nueva versión Bootstrap 3 RC1 desde su web en:
Los vídeos que contiene el curso, así como una pequeña descripción de los mismos la mostramos a continuación:
01.- Curso Intensivo de Twitter Bootstrap. Preparándose.
Número 1 del Curso Intensivo de Bootstrap. Introducción.02.- Curso intensivo de Twitter Bootstrap. Convertir enlaces en botones.
Videotutorial nº 2 del Curso intensivo de Twitter Bootstrap, en el que empezamos a trabajar con Código. Vemos como modificar las cabeceras aplicando distintos tags; Vemos las distintas clases que incluye para convertir de modo automático cualquier enlace de nuestra página en un botón de disntios colores y tamaños. Acabamos viendo como usar el Generador de estilos de Twitter Bootstrap, que nos permite generar nuestro diseño personalizado a partir de un formulario.03.- Curso intensivo de Twitter Bootstrap. Sistema de diseño.
Videotutorial nº 3 del Curso intensivo de Twitter Bootstrap, que dedicamos al sistema de diseño que incluye. Orígenes en 960 grid; Las clases span, configuración conlumnas; las clases row, configuración de filas; Sección de scaffolding de documentación de Bootstrap; El archivo bootstrap-responsive.css; Uso de media queries04.- Curso Intensivo de Bootstrap. Scaffolding.
Subiendo a YouTube Videotutorial nº 4 del Curso intensivo de Bootstrap, en el que profundizamos en su sistema de Scaffolding. Uso de offset; Uso de anidamientos; incorporación de imágenes que siguen el patrón de reajuste. Uso de Placehold.it.05.- Curso Intensivo de Bootstrap. Uso de la clase Thumbnails.
Videotutorial nº 5 del Curso intensivo de Bootstrap que empezamos viendo la diferencia entre diseño fijo y fluido y el uso de la clase row-fluid; Luego creamos una nueva página para visualización de imágenes o videos, para lo que usamos la clase Thumbnails. Terminamos con una reflexión sobre los nombres de las cosas.06.- Curso Intensivo de Twitter Bootstrap. Crear grids.
Videotutorial nº 6 del Curso intensivo de Bootstrap, en el que vemos en 7 minutos como organizar información en filas y columnas con el uso de las propiedades CSS de Bootstrap para tablas.07.- Curso intensivo de Twitter Bootstrap. El navbar
Videotutorial nº 7 del Curso intensivo de Twitter Bootstrap, en el que analizamos y personalizamos el navbar. Las clases de navbar; Añadir enlaces a los menús; Usar la clase active.08.- Curso Intensivo de Bootstrap. Uso de Javascript para hacer el diseño Responsive.
Videotutorial nº 8 del Curso intensivo de Bootstrap en el que empezamos viendo las diferencias que hay entre RWD (Responsive Web Design) y AWD (Adaptative Web Design) dos términos que definen el diseño web actual y que deben conocerse y diferenciarse. Dedicamos el resto del Videotutorial a ver como activar el javascript en Bootstrap y activar el botón responsive y los menús desplegables.09.- Curso de Bootstrap. Convertir proyecto de Bootstrap 2 a Bootstrap 3
Videotutorial Nº 9 del Curso intensivo de Twitter Bootstrap, en el que vemos como convertir el proyecto que estamos creando de la versión 2 a la 3 que acaba de ser publicada. Vemos los cambios en el código necesario y algunas nuevas características que presenta.
Si queréis ver el curso completo, podéis hacerlo desde la siguiente playlist de YouTube:
Playlist de YouTube del curso intensivo de Bootstrap
Muy útil post¡¡
Un saludo¡