TrisferaConf 2013 - Desarrollo móvil con JavaScript y Titanium

Transcript

1. Trisfera  Conference  2013   JavaScript para el desarrollo móvil con Titanium (y Alloy) #TrisferaConf                @demogar  
2. Trisfera  Conference  2013   whoami •  Demóstenes García –  @demogar •  26 años •  Ing. Electrónico –  Desarrollador Web / Móvil •  Admios, 3 años –  Front-End –  JavaScript, JavaScript, JavaScript …
3. Trisfera  Conference  2013   Agenda •  JavaScript •  Desarrollo móvil –  ¿Por qué? –  Desarrollo móvil hasta hoy •  Appcelerator Titanium •  console.log(“Código, pruebas, jugar con código”); // mucho
4. Trisfera  Conference  2013   ¿Para móviles? ¿JavaScript?
5. Trisfera  Conference  2013   JAVASCRIPT “JAVASCRIPT ES UN LENGUAGE TRÁGICAMENTE INCOMPRENDIDO.” - KEVIN WINNERY (APPCELERATOR).
6. Trisfera  Conference  2013   JAVASCRIPT “EL API DEL EXPLORADOR, EL DOM, ES UN POCO HORRIBLE Y JAVASCRIPT ES CULPADO INJUSTAMENTE.” - DOUGLAS CROCKFORD, JAVASCRIPT: THE GOOD PARTS.
7. Trisfera  Conference  2013   JavaScript es… •  El lenguaje de la Web (sin más). •  Un lenguaje de programación: –  No tipado (uy) –  Interpretado –  Objetos dinámicos { esto: “muy cool” } –  Funcional, “First-class functions”. –  Prototipal (OO ?) •  El primer “lenguaje lambda” en ser popular.
8. Trisfera  Conference  2013   JavaScript no es… •  Sólo usado a través de exploradores –  Server: Node.JS –  Móvil: Titanium Appcelerator –  Juegos: Melon, Jaws, Babylon, Impact … •  Un lenguaje sencillo: –  “Es posible hacer mucho sin saber tanto del lenguaje o programación. Se vuelve aún mejor cuando sabes que estás haciendo” — Douglas Crockford
9. Trisfera  Conference  2013   Desarrollo Móvil
10. Trisfera  Conference  2013   Desarrollo Móvil •  Panamá: 3.5M de habitantes •  Cerca de 7M celulares
11. Trisfera  Conference  2013  
12. Trisfera  Conference  2013   {
13. Trisfera  Conference  2013   “Buca plata”
14. Trisfera  Conference  2013   Appcelerator Titanium •  Plataforma de desarrollo. APL. •  Aplicaciones nativas. ¿AppMobi, PhoneGap, …? ¡NO! 100% NATIVAS. •  Android •  iOS •  BlackBerry* •  Web móvil •  Tizen •  ...
15. Trisfera  Conference  2013   Appcelerator Titanium SDK (JS) [1] Studio (no OS) Alloy [2]
16. Trisfera  Conference  2013   Appcelerator Titanium (SDK)
17. Trisfera  Conference  2013   Appcelerator Titanium (SDK) •  Acelerometro   •  Calendario   •  Contactos   •  Sistema  de  Archivos   •  Vibración,  Gestures   •  Localización  (i18n)   •  Mapas   •  Media,  Cámara   •  Comunidad  de  casi   500,000   desarrolladores.   •  Casi  60,000  aplicaciones   en  las  Kendas.   •  Más  de  5,000  APIs   específicos.  
18. Trisfera  Conference  2013   ¿Cómo funciona? •  Titanium toma el código JavaScript. Precompila (punteros). •  Lo combina con su API (nativo). •  Evalúa el JS (en runtime). V8, JavaScriptCore. •  Al ejecutar, el JS es inyectado (en línea) y se empareja con su contraparte nativo. •  El API expone funcionalidad nativa.
19. Trisfera  Conference  2013   JavaScript con Titanium
20. Trisfera  Conference  2013   Titanium SDK
21. Trisfera  Conference  2013   Titanium SDK
22. Trisfera  Conference  2013   Demo #1
23. Trisfera  Conference  2013  
24. Trisfera  Conference  2013   Titanium Alloy
25. Trisfera  Conference  2013   Titanium Alloy ¿Por qué usar Alloy en vez de Titanium clásico?: 1. Es súper 2. Es súper 3. Es súper
26. Trisfera  Conference  2013   Titanium Alloy •  MVC –  UI limpios, menos complejos. XML. •  Backbone JS (Models, Collections) •  Código fácil de mantener y reutilizar •  Integración completa con T. Studio.
27. Trisfera  Conference  2013   Titanium Alloy
28. Trisfera  Conference  2013   Titanium Alloy
29. Trisfera  Conference  2013   Demo #2 (Con Alloy)
30. Trisfera  Conference  2013   Material de Inicio •  http://www.appcelerator.com/ platform/titanium-platform/ •  Wiki: http://wiki.appcelerator.com •  Documentación: http:// docs.appcelerator.com
31. Trisfera  Conference  2013   ¿Preguntas? Titanium
32. Trisfera  Conference  2013   Contacto •  Twitter: –  @demogar •  E-mail: –  me@demogar.com •  Web: –  www.demogar.com
33. Trisfera  Conference  2013   alert(“gracias!”);