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
$1690
12 hs
Inscribirme

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

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).
  • Coffe Brake 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!!!

Todas las marcas, logos e isologos mencionados dentro del web site son propiedad de sus respectivos propietarios
Informes y consultas:
4328-0457|
Contactenos
|
Nuestra oferta de formación se encuentra orientada al desarrollo profesional buscando potenciar las habilidades personales de los alumnos.

Newsletter

Ubicación

Sucursal Ciudad de Buenos Aires
(011) 4328-0457
Lavalle 648, 8° Piso
CABA, Buenos Aires, Argentina
Sucursal Rosario
(0341) 527-1200
Córdoba 1452 Piso 5
Rosario, Santa Fé, Argentina
Sucursal San Juan
(0264) 422-6948
25 de Mayo 57
Capital, San Juan, Argentina
Sucursal Tandil
(0249) 443-2707
Maipu 520
Tandil, Buenos Aires, Argentina
Sucursal Córdoba
(0341) 527-1200
Av. General Paz 115
Córdoba Capital, Córdoba Argentina
Sucursal Río Tercero
(03571) 500-500
San Pedro y Cid Campeador
Río Tercero, Córdoba, Argentina
Sucursal Paraná
(0343) 4228-104
Juan Domingo Peron 80
Paraná, Entre Ríos, Argentina
Sucursal Resistencia
(0362) 4422586 / 4450494 Int. 105
Necochea 443
Resistencia, Chaco, Argentina
Sucursal Salta (Próximamente)
(0387) 609-3778
25 de Mayo 147 e/ España y Belgrano
Salta, Salta, Argentina
Sucursal Posadas (Próximamente)
(0376) 443-4413
Av. Corrientes 1613
Posadas, Misiones, Argentina
Sucursal Santa Fé (Próximamente)
Santa Fé, Santa Fé, Argentina
Sucursal São Paulo
(+55 11) 3181-3967 - Av. Paulista 2202, 6°
São Paulo, SP, Brasil
Sucursal Asunción
(+595) 991 68 7775
c/ Independencia Nacional 179
Asunción, Paraguay
Sucursal Los Ángeles
(43) 2311362 / (09) 42706895
O’Higgins 310
Los Ángeles, Región Bio Bio, Chile
Sucursal Concepción
+56 978871597 / (41) 2250376
LBarros Arana 1019
Concepción, Región Biobio, Chile
Sucursal Santiago de Chile (Próximamente)
+56 2 32114254
Calle Dieciocho 45, piso 6, oficina 602
Santiago de Chile, Chile
Valid XHTML 1.0 Transitional ¡CSS Válido!
EducacionIT. Copyright 2005-2017
¿Te podemos ayudar?
4328-0457