Curso intensivo online de Twitter BootstrapCurso 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:

http://getbootstrap.com/css/

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 queries

04.- 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

Curso intensivo online de Twitter Bootstrap

Post navigation


One thought on “Curso intensivo online de Twitter Bootstrap

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *