El Javascripto y los Emuladores de la Muerte

Seminario de Ingeniería de Software - Universidad del Bío Bío Chillán - 20 de Noviembre de 2015

Transcript

1. EL JAVASCRIPTO Y LOS EMULADORES DE LA MUERTE / @xabadu @fforres
2. AUTOBOMBO SDE @ Groupon JS Chile & Chile Dev <3 IC Champion Fernando Larrañaga - @xabadu
3. AUTOBOMBO SDE @ Groupon Noders & JS Chile Level 3 Salsa Ninja Felipe Torres - @fforres
4. EL JAVASCRIPTO Y EL PRINCIPE NATIVO a.k.a. Como estuvimos a punto de dejarlo todo e irnos a vender cuchuflís a la playa
5. Todo parte con una historia en una pequeña startup
8. ¿Android? Claro, tenemos años de experiencia al respecto.
9. Existencia de la tecnología + 5 años = Experiencia de la Startup
10. ¿Cómo empezamos?
11. LA (NO TAN) AYUDA SDK Dependencias Ejemplos (?) Documentación Membresías
12. El primer hola mundo i m p o r t a n d r o i d . a p p . A c t i v i t y ; i m p o r t a n d r o i d . o s . B u n d l e ; i m p o r t a n d r o i d . w i d g e t . T e x t V i e w ; p u b l i c c l a s s H e l l o W o r l d A c t i v i t y e x t e n d s A c t i v i t y { @ O v e r r i d e p u b l i c v o i d o n C r e a t e ( B u n d l e s a v e d I n s t a n c e S t a t e ) { s u p e r . o n C r e a t e ( s a v e d I n s t a n c e S t a t e ) ; T e x t V i e w t e x t = n e w T e x t V i e w ( t h i s ) ; t e x t . s e t T e x t ( " H o l a m u n d o " ) ; s e t C o n t e n t V i e w ( t e x t ) ; } }
13. Hola mundo emulador
15. PROBLEMAS
16. (Muchos) nuevos conceptos
17. Especialización de lenguajes
18. Fragmentación
19. Iteraciones de desarrollo lentas
20. Implementaciones de versiones (muy) lentas
21. Tareas que debiesen ser sencillas, realmente no lo son
24. Baja tolerancia al cambio
25. Testing & Debugging
26. ¿Resultado?
27. EL JAVASCRIPTO Y LA CÁMARA DE LOS FRAMEWORKS a.k.a. Esto necesita más jQuery
28. MIENTRAS TANTO EN LA WEB Las cosas estaban cambiando... Habían nuevas tecnologías y la experiencia de desarrollo era mucho mejor.
29. NodeJS Sockets Frameworks JS: Ember, Angular, Backbone CSS Preprocessors
30. Conclusión: Web rawks! ¿Y si llevamos algo de esto a móvil?
31. HOLA FRAMEWORKS
33. Algunos problemas los resolvieron muy bien Fragmentación Lenguajes Nuevos conceptos Complejidad de tareas Simplificación del diseño * Testing & Debugging *
34. Y otros... no tanto Iteraciones de desarrollo seguían siendo lentas Baja tolerancia al cambio
35. Pero además, generaron algunos problemas nuevos: Performance Acceso a core features Simplificación del diseño
36. EL JAVASCRIPTO Y EL (NO TAN) PRISIONERO DE LA WEB a.k.a. JavaScript... es como Java, ¿no?
37. El mercado de fameworks está lleno!
38. jQuery - Batman.JS - MooTools - YUI - jQuery UI - Knockout JS - Wakanda - Dojo - Ember.JS - AngularJS - BackBone.js - KendoUI - Unified.js
39. Una pequeña startup con una pequeña idea
40. Hacer una cosa y hacerla bien
41. ReactJS la V del MVC, MVVM, MV*
42. Todo estaba por cambiar en base a 2 conceptos: Componentes reutilizables Estado de las aplicaciones
43. COMPONENTES
44. USER CARD < d i v > < d i v c l a s s = " i m g " > < i m g s r c = " . / u s u a r i o " > < / d i v > < d i v > < d i v c l a s s = " n o m b r e " > J o h n < / d i v > < d i v c l a s s = " a p e l l i d o " > C e n a < / d i v > < / d i v > < / d i v >
45. COMPONENTE USERCARD < u s e r c a r d > < / u s e r c a r d >
46. < GRIDDLE /> < Griddle results={fakeData} />
48. ESTADOS DE APLICACIONES
49. Maquina de Estados
50. SEMAFORO verde amarillo rojo
51. < s e m a f o r o > < l u z v e r d e > < / l u z v e r d e > < l u z a m a r i l l a > < / l u z a m a r i l l a > < l u z r o j a > < / l u z r o j a > < / s e m a f o r o >
52. < s e m a f o r o > < l u z t i p o = " { c o l o r } " > < / l u z > < / s e m a f o r o >
53. REACT NATIVO
54. ESTADOS - Y - COMPONENTES
55. React Nativo  + 
56. Fast
57. Android
58. IOS
60. React
61. COMPONENTES DISPONIBLES No redescrubramos la rueda!
63. ¿ Y SI NO HAN CREADO EL MÓDULO XYZ ?
64. COMMUNITY MODULES React Parts - Native
65. NATIVE MODULES React Native - Native Modules
66. "SHOW ME THE MONEY" reactnative.com/built-with-react-native
67. Facebook Groups
68. Facebook ADS
69. Discovery VR
70. Lets Go Live!
71.  Chile
72. 
73. Cool 
74. NODEBOTS
75. GAMING
76. No más AUTOCAD
77. Bet on  / @fforres @xabadu