Hace unas semanas impartí un mini-curso teórico sobre diseño y desarrollo web para dispositivos móviles. El resultado fueron 3 días de slides, charla y demostraciones, las que comparto en esta ocasión para que pueda ser escuchada, analizada y criticada abiertamente.

Como valor agregado, posterior al curso volví a grabar (tratando de recordar lo dicho en esos momentos) y disponibilizo los slides con audio y auto-navegación, es decir, en la parte superior de cada slide encontrarán un player de con el cual pueden hacer play y escuchar mi monótona voz mientras se cruzan de brazos, conectan audífonos y ven como pasan los slides uno a uno, sincronizados con lo que se va mencionando. Con audio cada clase no son más de 20 minutos.

Advertencia:
La grabación hecha en cada uno de los 3 slides fueron en una misma sesión y al estilo de conversación, no de charla.
Imagínense que estamos en un bar conversando y me preguntan sobre mobile y y les voy contando todo lo que sé y deberían saben.
Eso.

Si no les interesa escucharme, ignoren el player y denle con las flechas. En todo caso el audio pueden pararlo y adelantarlo si quieren, el slide correspondiente se reubicará donde debería estar.

Clase 1: Introducción al desarrollo móvil

  • Roadmap
  • Herramientas
  • Dispositivos / Browsers
  • Códigos base

[Ver Clase 1][1]{.bajar}

Clase 2: Diseño orientado al móvil

  • Resoluciones y Tamaños
  • Densidad de pixeles
  • Qué evitar

[Ver Clase 2][2]{.bajar}

Clase 3: Desarrollo orientado al móvil

  • Detección
  • Was ist Modernizr
  • Sitio dedicado v/s sitio responsivo
  • Media queries
  • HTML/CSS
  • Javascript
  • Herramientas

[Ver Clase 3][3]{.bajar}

Recomendaciones:

  1. El uso de un browser moderno (duh!) como Chrome/Safari ó Firefox 9+
  2. Si vas a escuchar el audio, súbele el volumen y ponte audífonos.
  3. Comentarios sobre el contenido son bienvenidos.

Clase 1, clase 2 y clase 3 en Speakerdeck.

[1]: http://www.csslab.cl/ejemplos/curso/mobilewebdev/clase1.html “Enlace en CSSLab a “1. Introducción al desarrollo móvil”” [2]: http://www.csslab.cl/ejemplos/curso/mobilewebdev/clase2.html “Enlace en CSSLab a “2. Diseño orientado al móvil”” [3]: http://www.csslab.cl/ejemplos/curso/mobilewebdev/clase3.html “Enlace en CSSLab a “3. Desarrollo orientado al móvil””