desarrollo_web_con_bootstrap_358

Diseña y maqueta una web responsive de principio a fin

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.

Con este curso totalmente práctico de Bootstrap 3 aprenderás a enfocar un proyecto web compatible con dispositivos móviles desde el inicio, del diseño a la maquetación, adaptándote a la filosofía mobile first que impone el propio framework y aprovechándote de las magníficas herramientas que pone a tu disposición para trabajar el Responsive Web Design de una manera ágíl y correcta. 

Mediante el uso de Bootstrap en su versión 3 no solamente estarás adquiriendo conocimientos que te pueden permitir tener un nexo de unión con cualquier empresa o estudio de diseño y desarrollo web al emplear un framework globalmente aceptado y extendido, sino que estarás aplicando metodologías y técnicas que harán tu trabajo no solamente eficaz, sino eficiente. 

Descubrirás una metodología de trabajo que te permitirá adelantarte a posibles problemas en la maquetación de algunos elementos en diferentes contextos responsive y dominarás las bases del sistema de rejilla que integra, para lograr maquetar sitios webs en un tiempo récord. 

Si ya maquetas webs, este curso te enseña a usar una herramienta que te convertirá en un mejor profesional, para no solamente ser eficaz, sino lograr ser rápido y eficiente, cualidades indispensables en el desarrollo profesional. Si te dedicas al diseño y necesitas una buena herramienta para comenzar a maquetar, este curso te mostrará la simplicidad de la estructura de Bootstrap 3 y sus componentes, para partir con mucho del camino ya recorrido.

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
  • Despedida de Desarrollo web con Bootstrap 3  02:55

Software: Bootstrap
Temas: Web, Web móvil
Formadores: Marcos González Sancho
Fecha de publicación: 21/05/2014
Duración: 3:22 horas (38 Videos)
Ver Online: Desde YouTube NochesDeCod3

Deja un comentario

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