Desarrollo Móvil: mini-curso y slides

19/Abr/2012 167

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. http://www.iherb.com/ [#]

    Today, I went to the beach front with my children. I found a sea shell and gave it to my 4 year old daughter
    and said «You can hear the ocean if you put this to your ear.» She placed the shell to her ear and screamed.
    There was a hermit crab inside and it pinched her ear.
    She never wants to go back! LoL I know this is completely off
    topic but I had to tell someone! quest bars
    https://www.iherb.com/search?kw=quest%20bars quest bars

  2. http://coub.com [#]

    hey there and thank you for your information – I have definitely picked up anything new from right here.
    I did however expertise several technical points using this website, as I experienced to reload the site a lot of times previous to I could get it to
    load correctly. I had been wondering if your web host is OK?
    Not that I am complaining, but slow loading instances times will very frequently affect your placement in google
    and could damage your quality score if ads and marketing with
    Adwords. Anyway I’m adding this RSS to my e-mail and could look
    out for much more of your respective intriguing content.
    Make sure you update this again very soon. scoliosis surgery https://coub.com/stories/962966-scoliosis-surgery scoliosis
    surgery

  3. HenryUnfiP [#]

    gay professor dating students
    gay mens dating sites
    gay college dating

  4. dr pierre kory ivermectin [#]

    can you buy tablets for worms in humans https://stromectolforte.com/# ivermectin 6mg ivermectin canada

  5. prednisoneonline [#]

    prednisolone for dogs prednisolone eye drops

  6. zyrtec 10 mg dosage [#]

    loratadine vs cetirizine – https://allergyd.com

  7. accutane ipledge [#]

    accutane ipledge accutane coupon

  8. provigilmedication [#]

    https://provigilandmodafinil.com/ buy modafinil

  9. modafinilschedule [#]

    modafinil schedule order modafinil

  10. bactrim ds dosage [#]

    bactrim https://bactrimtrimoxazole.com/

  11. walmart zyrtec coupon [#]

    zyrtec samples hcp – http://allergyd.com

  12. prednisonedosepack [#]

    prednisone dose pack prednison

  13. modafinil100mg [#]

    modafinil india https://modvigilmodafinil.com/

  14. stromectolforte.com [#]

    stromectol price http://stromectolforte.com/ beli stromektol ivermektinkoronavirus

  15. provigilreviews [#]

    modafinil adhd order modafinil

  16. generic ivermectin [#]

    ivermectin for humans for sale https://stromectolforte.com/ ivermectine pil kosten ivermectin cost canada

  17. GustavoVet [#]

    resume writing services chicago
    college paper writing service reviews

CSSLab