Si te interesa el curso, apúntate a nuestra lista.

Información básica

Aprende a desarrollar sitios web que se visualicen correctamente en todo tipo de dispositivos. Con una metodología de trabajo ágil, fundamentada en la productividad y la optimización del tiempo.

Duración

20 horas

Nivel

Intermedio

Precio

Normal 525 €

Objetivos

A través de un etiquetado semánticamente estructurado, nuevas reglas de presentación y añadiendo una capa de funcionalidad extra, aprenderás a desarrollar sitios web que se visualicen de manera correcta en todo tipo de dispositivos. Todo esto, con una metodología de trabajo ágil, fundamentada en la productividad y la optimización del tiempo.

Que aprenderemos

  • Multidispositivo
  • CSS3
  • Mejora progresiva
  • SASS
  • Modularidad
  • Fallbacks
  • Diseño Web Responsive
  • Optimización
  • Mobile First

Temario

  1. Introducción a RWD
    • Fundamentos del RWD
    • Maquetación flexible
    • EM y REM
    • Media Queries
    • Viewport
  2. Enfoque del desarrollo
    • Graceful Degradation
    • Progressive Enhancement
    • Adaptive Web
    • Layout Tests
  3. HTML5
    • Nuevas etiquetas
    • Nuevos atributos
    • Sublime Text + Emmet
  4. CSS3
    • Prefijos propietarios, fallbacks
    • Animaciones
    • Transiciones
    • Transformaciones
  5. Patrones y metodología
    • Patrones de navegación
    • Imágenes en RWD
    • Inventario de contenido
  6. Desarrollo escalable
    • Cutting the mustard!
    • Progressive Enhancement
    • SouthStreet (JS)
  7. Desarrollo modular
    • Atomic Design (SASS)
    • Guias de estilo
    • Codekit
  8. Personalizando la experiencia
    • Modernizr
    • Eventos táctiles
    • jQuery UI
  9. Optimización
    • Tiempos de carga
    • Assets
    • Desde el servidor

Requisitos

Es necesario que tengas experiencia media en lenguajes de desarrollo web (HTML+CSS+JS) para poder entender y aplicar los conceptos de Responsive desde el primer día.