Desarrollo Móvil: mini-curso y slides

19/abr/2012 10

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 <video> 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

Clase 2: Diseño orientado al móvil

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

Ver Clase 2

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

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.

Comentarios

  1. vlycser [#]

    Excelente, muchas gracias por compartir tu conocimiento.

    Saludos desde Colombia

  2. dybite [#]

    Muchas gracias, muy útil, claro y conciso.

  3. Darky [#]

    Gracias por compartir este excelente recursos..

  4. Rochester [#]

    Great content!

    You should release it in portuguese or english, I’m sure you could get a few bucks selling it for big sites out there :)

    []’s

  5. Pato [#]

    Gracias Jorge! Siempre compartiendo… Más que dinero, eso simpre te trae good karma!

  6. Carlos [#]

    Buenísimo y gracias por enseñar!!!

  7. Facundo [#]

    Gracias!, ta bueno, un consulta! podrias decirme como o conque hiciste los slider.. gracias

  8. Jorge Epuñan [#]

    Facundo: se utilizó Deck JS para la presentacion, y Popcorn.js para sincronizar el audio con los eventos y cuepoints.

  9. Alex [#]

    Gracias por compartir tu información, estoy en la etapa de desarrollos mobiles y siempre tus conocimientos son un aporte.

  10. Emilio [#]

    gracias por el curso, muy bueno, siempre se agradece una mirada bien elaborada, además de excelentes herramientas. Saludos.

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

CSSLab