Desarrollo web con Bootstrap 3 - Video2brain

Bootstrap es uno de los frameworks front-end más utilizados, por su agilidad, su flexibilidad y la rapidez con la que se trabaja con él. Aprende con un ejemplo real la mecánica de trabajo con Bootstrap 3 para lograr maquetar webs que se adapten a dispositivos mediante responsive web design. Comprueba cómo el uso de Bootstrap 3 desde el diseño agilizará la maquetación y simplificará asombrosamente el desarrollo cliente, con resultados rápidos y profesionales.

• Capítulos:

• Qué es Bootstrap y cuál es su importancia

  • Objetivos del curso Desarrollo web con Bootstrap 3
     01:46
  • Archivos base de Desarrollo web con Bootstrap 3
     01:35
  • Por qué usar Bootstrap
     02:26
  • Entorno y recursos de apoyo para Bootstrap
     05:26
  • Editor Sublime Text 2 y página base
     05:50

• Análisis y preparación de Bootstrap

  • Análisis general del diseño del proyecto práctico
     05:23
  • Definición de navegadores destinatarios
     05:50
  • Consideraciones sobre Responsive Web Design
     04:13
  • Estructura de carpetas y reutilización de código
     05:13
  • Preparando las imágenes para Bootstrap
     06:24

• Maquetación de la estructura con HTML5

  • Análisis de estructuras generales del diseño
     02:52
  • Metodología para el uso de Bootstrap 3
     06:06
  • Estructura de la cabecera de la web
     07:43
  • Estructura del pie de la web
     09:18
  • Estructura contenido home
     10:42
  • Estructura contenido detalle. Header y formadores
     09:13
  • Estructura contenido detalle. Registro y agenda
     02:30
  • Estructura índice de contenidos
     04:41
  • Estructura alojamiento
     03:07
  • Estructura preguntas frecuentes
     03:45

• Maquetación visual de elementos generales

  • Estilos generales en todo el sitio web
     03:39
  • Estilos de la cabecera y menú
     05:33
  • Estilos del pie de la web
     04:01

• Maquetación visual de la home y detalles

  • Estilos workshop en la zona de contenido
     07:22
  • Estilos titular, secciones, descripción, agenda y formadores
     06:56
  • Estilos bloque de registro
     03:17
  • Estilos bloque índice de contenidos
     02:43
  • Estilos bloque alojamiento
     05:18
  • Estilos bloque FAQ
     02:23

• Gestión del comportamiento responsive
• Adaptación de la cabecera
   10:21
• Adaptación del pie de página
   05:46
• Adaptación zona workshops
   11:06
• Estilos propios en contextos de Bootstrap 3
   05:35
• Adaptación descripción, formadores, registro y agenda
   08:28
• Adaptación índice de contenidos
   03:56
• Adaptación del alojamiento
   04:16
• Adaptación de las FAQ
   04:47
• La etiqueta meta viewport
   06:34
• Despedida de Desarrollo web con Bootstrap 3

DESCARGAR