Responsive Web Design – On-line

Duracion   DURACIÓN:
3 meses
 
REQUISITOS:
Editor a utilizar Adobe Brackets
Videoconferencia con Jitsi Meet
  Requisitos

Precios   COSTO TOTAL: $ 8550
Forma de Pago: 3 pago de $2850

 
MODALIDAD:
A DISTANCIA
  Modalidad

OBJETIVOS:
Aprender a crear sitios web capaces de adaptarse a cualquier dispositivo usando la técnica Responsive Web Design.
El participante tomará conocimiento de la técnica llamada RESPONSIVE WEB DESIGN que nos permite construir sitios web accesibles y legibles en todo tipo de dispositivos, desde pequeños móviles hasta grandes pantallas. Gracias a esta técnica el sitio web responderá y se adaptará automáticamente al tamaño y la resolución de cada dispositivo. De esta manera, se podrá llegar a muchas más personas con un único sitio web. Personas que suelen conectarse desde una Tablet o móvil, tendrán una mejor experiencia de navegación en el sitio.

PROGRAMA - CONTENIDO:

Módulo 1: Introducción al Responsive Web design

  • ¿Qué es el Responsive Web Design?
  • ¿Porqué tu Web debería ser Responsive?
  • Ingredientes del Responsive Web Design

Módulo 2: Entendiendo y Configurando el VIEWPORT

  • ¿Que es el viewport?
  • La meta etiqueta Viewport
  • Configurando el Viewport
  • Implementado el Viewport
  • Conclusiones finales

Módulo 3: Entendiendo e Implementando las @Medias Queries

  • Estructura de las @Media Queries
  • Definiendo los tipos de medios
  • Entendiendo width, min-width y max-width
  • ¿Dónde definir los Medias Queries?

Módulo 4: Implementando Imágenes Responsive

  • Imágenes Responsive con Max-width
  • Diferentes soluciones para la carga condicional de imágenes
  • Entendiendo la Dirección de Arte (Art Direction)
  • Sirviendo imágenes condicionales con Responsive-Images.js
  • Sirviendo imágenes condicionales con PictureFill
  • Sirviendo imágenes

Módulo 5: Implementando fuentes Responsive

  • Principios de la Tipografia Responsive
  • Tipografia fluida con EMs
  • Escalando el texto con Medias Queries
  • Carga condicional de fuentes
  • Conclusiones finales

Módulo 6: Implementando Menús Responsive

  • ¿Qué tipo de Menú Responsive debo usar?
  • Menú Responsive “Déjalo Fluir”
  • Menú Responsive “Déjalo Fluir + Jquery”
  • Menú Responsive “En el Pié de página”
  • Menú Responsive “Lista Desplegable”
  • Menú Responsive “Deslizante Lateral”
  • Menú Responsive “Desplegable”

Módulo 7: Creación de un Proyecto Web Responsive desde 0.

  • Descargando y personalizando HTML5 BoilerPlate
  • Escribiendo el HTML5 del encabezado y menú principal.
  • Escribiendo el HTML5 del Slide de imagen y bloque de Bienvenida.
  • Escribiendo el HTML5 del contenido principal y del pie de página.

Módulo 8: Optimización de Recursos

  • Carga condicional de imagenes con CSS3
  • Carga condicional de imagenes con JavaScript
  • Carga condicional de archivos basadas en el ViewPort
  • Comprimiendo nuestras hojas de estilo al máximo.
  • Conclusiones finales

Módulo 9: Dando soporte a navegadores antiguos

  • Implementando HTML5Shiv
  • CSS3Pie y aplicación de estilos CSS solo para IE
  • Carga de Polyfills para implementar capacidades para navegadores obsoletos
  • Conclusiones finales

Formulario de Consulta

Curso: Responsive Web Design – On-line

UTN FRGP SEU

Últimos Tweets

Ubicación