USD |
+591 68223703 | consultas@cegos.com.bo |
Responsive Web design & Boostrap
Conocerás en profundidad las características y la forma de utilizar las media querie, para lograr sitios que se adapten a las distintas resoluciones de pantalla y los distintos tipos de dispositivos móviles.
Conocerás también cuales son las unidades de medida más adecuadas para el desarrollo de sitios responsivos y como controlar los elementos físicos como imágenes y videos.
En este curso aprenderás a:
- Conocer los conceptos de diseño de interfaces adaptables
- Manejar grillas
- Maquetar de manera fluída
- Implementar media queries
- Comprender la maquetación responsiva
- Utilizar el viewport
- Maquetar de manera básica usando bootstrap
- Comprender el manejo tipográfico utilizando medidas relativas
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
Tendencias actuales de navegación
Diferencias entre diseño responsivo, mobile web y mobile app
Diseño fluido
Uso de grillas fluidas
Diferencia entre diseño fijo, diseño fluido, diseño adaptable y diseño responsivo
Mobile first, ¿qué es?
Uso de grillas responsivas
Herramientas para crear grillas
Diseño de interfaz responsiva
Áreas mínimas para los elementos clickeables
2. Maquetación fluida
Maquetación con grillas fluidas
Definición de ancho máximo y mínimo
Utilización de em en lugar de px
Beneficios de utilizar em
Formula de conversion de px a em
Utilización de rem
Márgenes y rellenos flexibles
Herramientas de visualización
Concepto de breakpoint
Definición de breakpoints
Retina display
3. Maquetación responsive
Concepto de viewport
Concepto de mediaqueries
Sintaxis de las mediaqueries
Capacidades de las mediaquieries
Uso de mediaquieries en la etiqueta link
Uso de mediaquieries en el archivo de estilo
Imágenes fluidas
Limitación de ancho maximo para las imágenes
Tipografía adaptable
4. Maquetación mediante Frameworks (Bootstrap)
Concepto de framework
Beneficios de trabajar con frameworks
Introducción a bootstrap
Sistema de rejillas con bootstrap
Tipos de rejillas
Reseteando columnas
Desplazando columnas
Anidando columnas
Reordenando las columnas
Se requieren conocimientos sólidos en HTML5 y CSS3 o haber realizado el curso Maquetado Avanzado: HTML5 y CSS3.
Una vez finalizado satisfactoriamente el curso, el Instituto CEGOS emite un CERTIFICADO DE APROBACIÓN, el cual contiene:
- Datos personales del alumno
- Plan de estudios
- Horas lectivas invertidas
- Nota final
- Rúbrica de autoridades competentes
Depósito bancario:
- Entidad bancaria: Banco Union
- Nombre: CEGOS
- Nro. De cuenta: 10000019540257
- Entidad bancaria: Banco Bisa
- Nombre: CEGOS
- Nro. De cuenta: 6022104011
- Entidad bancaria: Banco Nacional de Bolivia
- Nombre: CEGOS
- Nro. De cuenta: 1502380148
PayPal:
- Correo: cobrosonline@cegos.com.bo
- Nombre: CEGOS
Posterior al pago envíe el comprobante al correo consultas@cegos.com.bo con los siguientes datos: (Nombre completo, C.I., E-Mail, Nro. de celular, Nombre y número para facturación).
BENEFICIOS
- Un computador por persona
- Material de apoyo digital
- Docente certificado
- Certificación emitida por CEGOS
- Garantía de aprendizaje
Modalidad de Cursado
Modalidad Presencial
- Grupos reducidos y prácticos.
- Un computador por persona.
- Material de apoyo digital.
- Acceso a Wifi de alta velocidad.
- Certificación emitida por CEGOS.
- Refrigerio.
Modalidad Online - En vivo
- Grupos reducidos y prácticos
- Clase en tiempo real por video conferencia.
- Consultas en vivo.
- Grabación de las clases ejecutadas.
- Certificación emitida por CEGOS.
- Asistencia administrativa personalizada todos los días.
