Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's

Workshop Diseño Web Responsivo con Bootstrap [15 hrs]

Aprende a diseñar sitios web o landing pages responsivas desde cero.

Durante este workshop nuestros expertos te guiaran para que logres crear sitios web compatibles entre navegadores de forma fácil y práctica con Bootstrap, un framework frontend que te permite trabajar de manera sencilla y rápida con su estructura para crear páginas web que se adapten a cualquier dispositivo.

Hoy en día todas las páginas web deben ser construidas para ser visualizadas correctamente en cualquier dispositivo, ya sea un móvil, una tablet o una computadora por eso la importancia de este framework.

La industria tecnológica demanda profesionales capacitados para innovar en el campo del desarrollo web, por lo que cada uno de nuestros Workshop te dan la solución inmediata para cubrir tus necesidades de formación profesional, dándote las herramientas necesarias para desarrollarte rápidamente en la industria.

Workshop Diseño Web Responsivo con Bootstrap

Requisitos

  • Se requieren conocimientos de HTML y CSS
  • Se recomienda el workshop HTML5 y CSS3 Desde Cero.
  • Contar con conexión a Internet estable.

Objetivos Principales

  • Conocer los conceptos de diseño de interfaces adaptables
  • Maquetar de manera fluida y responsiva en cuanto al texto, contenedores, imágenes y demás elementos multimedia.
  • Crear un sitio web responsivo estático adaptado a diferentes dispositivos.
  • Al finalizar el workshop te convertirás en un Desarrollador Front-End capaz de diseñar sitios web adaptables con Bootstrap, esto basado en la constante práctica de las funcionalidades enseñadas a lo largo del workshop.

Objetivos Secundarios

  • Maquetar para diferentes BreakPoints utilizando el sistema de grillas de Bootstrap.
  • Entender el diseño adaptable.

¡Certificate!

Contrata nuestros planes de carrera y durante 6 meses de capacitación obtendrás los siguientes beneficios:

Guru Certified
  • Un asesor elabora un plan de capacitación a la medida y sin compromiso.
  • Identificamos tu perfil actual y fijamos un objetivo especifico a cumplir.
  • Monitoreamos y evaluamos tu desempeño durante todo tu plan de carrera.
  • Elaboras tu proyecto final y un asesor asignado resolverá tus dudas.
  • Si tu proyecto cumple con el objetivo inicial fijado, obtienes tu certificación oficial.
¡Consulta las Carreras!

Condiciones del Servicio

  • Las fechas de inicio de cualquier Workshop es confirmada con mínimo 10 alumnos.
  • Una vez realizada tu inscripción a cualquier workshop, no podrás cancelar y/o pausar tu participación, deberás esperar a que la fecha se confirme.
  • Para hacer valida la garantía de aprendizaje debes contar con el 100% de asistencia y esperar una nueva fecha de inicio confirmada.
  • Al dar a conocer estos términos y condiciones, se dan por aceptados.

Temario

1.1 ¿Qué es el diseño adaptable o responsive web design?
1.2 Beneficios del diseño responsivo
1.3 Diseño fluido uso y limitaciones
1.4 Uso de grillas fluidas, trabajo en porcentajes, mínimos y máximos
1.5 Mobile first, ¿qué es?
1.6 Herramientas para crear grillas
1.7 Box-sizing cómo es, y qué valor aplicar.
1.8 Mi primer diseño maquetado en grillas

2.1 Utilización de em y rem diferencias
2.2 Tipografías adaptables
2.3 Márgenes y rellenos flexibles
2.4 Trabajo con Media Queries
2.5 Variantes de mediaQueries
2.6 Concepto de Viewport, cómo aplicarlo, valores posibles.
2.7 Concepto de breakpoint, breakPoints actuales, aplicación
2.8 Imágenes fluidas y adaptables.
2.9 ¿Qué es el menú hamburguesa, cómo se usa?
2.10 Implementando mi maquetado.

3.1 Concepto de framework
3.2 Beneficios de trabajar con frameworks
3.3 Introducción a Bootstrap
3.4 Clase container y container-fluid, diferencias
3.5 Sistema de grillas o grid con Bootstrap
3.6 Clase .row cómo se utiliza?
3.7 Opciones de Grid
3.8 Aplicación de clases como col, col-sm, col-md, col-lg, col-xl
3.9 Personalizando botones e imágenes con Bootstrap
3.10 Clases para textos y fondos

4.1 Trabajo con Bootstrap en Formularios
4.2 Utilización de la clase form-group y form-control
4.3 Formularios inline , checkboxes , selects y radios
4.4 Trabajo con grillas y formularios
4.5 Clases col-form , sr-only y col-form-label
4.6 Barras de menú básicas y responsives con Bootstrap
4.7 Uso de JS en Bootstrap cómo y cuándo
4.8 Trabajo con campos de formulario dentro de Menúes
4.9 Uso de la ventana Modal en Bootstrap

5.1 Definiendo el Proyecto
5.2 Finalizando Proyecto.

6.1 ¿Que necesitamos?
6.2 Buscando un hosting gratuito
6.3 Entendiendo que es un dominio
6.4 Entendiendo que es un SSL
6.5 Publicación de mi sitio

Horarios

País Lunes-Jueves Sabatino

México, Colombia, Perú, Ecuador

Guatemala, El Salvador, Honduras

Bolivia, Venezuela

Chile, Argentina, Paraguay, Uruguay

19:00 a 21:00 hrs

19:00 a 21:00 hrs

21:00 a 23:00 hrs

22:00 a 24:00 hrs

09:00 a 14:00 hrs

09:00 a 14:00 hrs

11:00 a 16:00 hrs

12:00 a 17:00 hrs

Proximas Fechas

¡Promociones Activas!

No nos gustan los bots
Background call

Contáctanos

Estamos para ayudarte ...
No nos gustan los bots
Notificación