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.

Responder a Alex ×

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

CSSLab