Curso de Responsive Web Design & Bootstrap

En este curso aprenderás los conceptos fundamentales del diseño Responsivo, entendiendo conceptos como Content First y Mobile First, así como el trabajo con maquetado fluido, en grillas y el manejo de un Framework tan poderoso y actual como Bootstrap en su última versión. Dificultad Incluye PC Garantía de Aprendizaje

Costo y duración
$3290
12 hs
Inscribirme

Quiero saber más

Descargar como PDF Descargar en PDF

En este curso aprenderás a

  • 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.
  • Implementar media queries así como el trabajo con mínimos y máximos en el trabajo con diferentes BreakPoints.
  • Saber qué es el meta Viewport y cómo utilizarlo.
  • Maquetar para diferentes BreakPoints utilizando el sistema de grillas de Bootstrap.
  • Entender el manejo de clases para la creación de Formularios, y barras de navegación así como de ventanas modales con Bootstrap 4

1. Introducción al diseño de sitios responsivos

¿Qué es el diseño adaptable o responsive web design?

Orígenes del diseño responsivo

¿Por qué desarrollar un sitio responsivo?

Beneficios del diseño responsivo

Diseño fluido uso y limitaciones

Uso de grillas fluidas, trabajo en porcentajes, mínimos y máximos

Mobile first, ¿qué es?, por qué ahora se habla del concepto Content First

Herramientas para crear grillas, frameworks online para trabajar desde el diseño

Box-sizing cómo es, y qué valor aplicar.

Mi primer diseño y maquetado en grillas

2. Maquetación fluida

Utilización de em y rem diferencias

Tipografías adaptables

Márgenes y rellenos flexibles

Cómo hacer que un video o un elemento de multimedia no pierda su proporción aún siendo adaptable.

Trabajo con Media Queries

Variantes de mediaQueries

Concepto de Viewport, cómo aplicarlo, valores posibles.

Concepto de breakpoint, breakPoints actuales, aplicación

Imágenes fluidas y adaptables, utilización de máximos y mínimos en imágenes

Qué es el menú hamburguesa, cómo se usa?

Mi maquetado, incluyendo conceptos vistos y cambio de menú standard a menú hamburguesa

3. Introducción a Bootstrap

Concepto de framework

Frameworks de CSS, cuántos hay , cuáles son los más importantes.

Beneficios de trabajar con frameworks

Introducción a Bootstrap

Qué es la clase container y container-fluid, diferencias

Sistema de grillas o grid con Bootstrap

Clase .row cómo se utiliza?

Opciones de Grid, aplicación de clases como col, col-sm, col-md, col-lg, col-xl

Personalizando botones e imágenes con Bootstrap

Clases para textos y fondos

4. Bootstrap Avanzado

Trabajo con Bootstrap en Formularios

Utilización de la clase form-group y form-control

Formularios inline , checkboxes , selects y radios

Trabajo con grillas y formularios

Clases col-form , sr-only y col-form-label

Barras de menú básicas y responsives con Bootstrap

Uso de JS en Bootstrap cómo y cuándo

Trabajo con campos de formulario dentro de Menúes

Uso de la ventana Modal en Bootstrap

Requisitos

Se requieren conocimientos sólidos en HTML5 y CSS3 o haber realizado el curso Maquetado Avanzado: HTML5 y CSS3.

Modalidad de cursado

Modalidad Presencial

  • Cursos 100% prácticos con grupos reducidos.
  • Clases con uso de PC, una por alumno (no tienes que traer tu PC).
  • Coffee Break incluido.
  • Espacio de networking.
  • Posibilidad de volver a tomar el mismo curso gratis.
Modalidad Presencial

Modalidad Distancia

  • Cursos 100% prácticos con grupos reducidos.
  • Clase en tiempo real por video conferencia.
  • Profesor disponible para hacer consultas en vivo.
  • Grabación de las clases disponibles para ver en otro momento.
  • Asistencia administrativa personalizada todos los días.
Modalidad a Distancia

Certificaciones

  • Diploma de asistencia impreso (solo para cursos presenciales)
  • Diploma de asistencia y de aprobación online
  • Certificado Oficial del Ministerio de Educación del GCBA. Ver condiciones
Diploma

Testimonios

Paquetes Promocionales

Recursos adicionales entregados

¿Por qué nosotros?

Nivel de Dificultad: 4
Mientras más cursos tomes con nosotros irás sumando créditos que podrás canjear por más capacitaciones.
Te damos la oportunidad de volver a realizar el curso 2 veces más sin costo alguno por cualquier motivo!!!
Informes y consultas:
0810-220-8148 |
Contactenos
|
Acompañamos a cada alumno en el sueño de crear, desarrollar e innovar soluciones digitales. Desde la práctica constante y compartiendo experiencias de casos reales intentamos contagiar nuestra pasión por la tecnología.

Newsletter

Ubicación

Sucursal Ciudad de Buenos Aires
CABA, Buenos Aires, Argentina
Sucursal Rosario
Rosario, Santa Fé, Argentina
Sucursal San Juan
Capital, San Juan, Argentina
Sucursal Tandil
Tandil, Buenos Aires, Argentina
Sucursal Córdoba
Córdoba Capital, Córdoba Argentina
Sucursal Río Tercero
Río Tercero, Córdoba, Argentina
Sucursal Paraná
Paraná, Entre Ríos, Argentina
Sucursal Resistencia
Resistencia, Chaco, Argentina
Sucursal Salta
Salta, Salta, Argentina
Sucursal Posadas
Posadas, Misiones, Argentina
Sucursal Santa Fé
Santa Fé, Santa Fé, Argentina
Sucursal San Miguel de Tucumán
San Miguel de Tucumán, Tucumán, Argentina
Sucursal Madrid
Madrid, España
Sucursal Santiago de Chile
Santiago de Chile, Chile
Sucursal Los Angeles
Los Ángeles, Región Bio Bio, Chile
Sucursal Concepción
Concepción, Región Biobio, Chile
Sucursal Bogotá
Bogotá, Colombia
Sucursal Lima
Lince, Lima, Perú
Sucursal San José
San José, Costa Rica
Sucursal Guayaquil
Guayaquil, Ecuador
Sucursal La Paz
La Paz, Bolivia
Sucursal Asunción (Próximamente)
Asunción, Paraguay
EducacionIT. Copyright 2005-2019
¿Te podemos ayudar?
0810-220-8148
Click to call