Meteor
Descargar como PPTX, PDF2 recomendaciones429 vistas
Este documento presenta una introducción a Meteor, un framework JavaScript de código abierto para desarrollar aplicaciones web. Meteor utiliza programación reactiva para actualizar automáticamente la interfaz de usuario cuando cambian los datos subyacentes. El documento describe las características clave de Meteor como su arquitectura de cliente-servidor, uso de DDP y MiniMongo, y herramientas como Blaze y Tracker.
Meteor
- 1. @ytachi0026 Java software developer. Back-end developer. San marquino de corazón. Trabajo en IBM del Perú. Ytalo Elías Borja Mori 1
- 2. Meteor A better way to build apps 2
- 3. Meteor - MEAN Open source. Provee una infraestructura que tiene funcionalidad similar a data subscriptions y user handling. 3
- 4. Meteor – Introducción Dos claras tendencias: Usuarios esperan una mayor comodidad en las aplicaciones. Desarrolladores esperan preocuparse menos acerca de cómo hacer funcionar correctamente diferentes librerías y escribir plumbing code. 4
- 5. Meteor – Introducción Geoff Schmidt, Matt DeBergalis y Nick Martin. Famoso, por qué? MDG, y sus proyectos: Tools Software libraries Standards Services 5
- 6. Meteor stack 6 Image by Meteor in Action
- 7. Isomorphic framework ¿Qué es? Meteor. An Isomorphic platform? Multithread or single thread? 7
- 8. Procesamiento en el browser Meteor delega muchos procesamientos al cliente. 8 Image by Meteor in Action
- 9. 9 Image by Meteor in Action
- 11. Meteor – reactive system Un sistema reactivo necesita reaccionar ante eventos, carga, fallos y usuarios. Me preocupo por aprender a programar de forma reactiva? Con Meteor, todos los componentes desde la base de datos hacia el cliente UI son reactivos. 11
- 12. Meteor – cómo trabaja? 12 Image by Meteor in Action
- 13. Meteor – cómo trabaja? 13 Image by Meteor in Action
- 14. Blaze Es la librería UI reactiva. Tiene el lenguaje de templates Spacebars. Cuando el contenido cambia, Blaze re-render solamente los fragmentos dentros de un template. Trabaja de manera genial con jQuery-UI o Angular. 14
- 15. Tracker - package Provee los fundamentos de FRP (functional reactive programming). Es una convención sencilla que permite a los data sources reactivos (ex. Data from database) ser conectados a data consumers. 15
- 16. DDP Meteor usa el estándar o protocolo dedicado basado en JSON: DDP. DDP permite el paso de data a través de WebSockets bidireccionalmente. DDP se utiliza para solucionar los mayores problemas que presentan los developers de JavaScript en el cliente. Querying la base de datos del servidor. Enviar resultados hacia el cliente Publicar los cambios hacia el cliente cuando haya algún cambio en la base de datos. 16
- 17. Livequery Detecta cambios en la base de datos. Publica todos los cambios hacia los cliente que actualmente están observando la data afectada. OJO! MongoDB es lo principal. 17
- 18. FULL-STACK DATABASE DRIVERS Meteor posee mini-databases en el browser que simulan una base de datos real. OJO! No está en el HTML5 local storage, sino que existe en la memoria del browser La conexión entre Minimongo y MongoDB es reactiva. La instancia local de Minimongo será usada para simular las operaciones de base de datos antes de enviar los request al servidor. 18
- 19. 19 Image by Meteor in Action
- 20. Isobuild and the CLI tool CLI te permite: Crear nuevas aplicaciones Agregar y remover funcionalidades en forma de package Compilar y minificar scripts y estilos. Run, reset y monitorear aplicaciones. Acceder al shell de MongoDB Peparar una aplicación para su desarrollo Desplegar aplicaciones a la infraestructura meteor.com 20
- 21. Client code vs Server code En Meteor, es esencial saber que código debe ser ejecutado en el ambiente adecuado. 21 Image by Meteor in Action
- 22. 22 Image by Meteor in Action
- 23. Fortalezas, Meteor Ofrece tool para la construcción de aplicaciones web o mobile. Un solo lenguaje para todo el stack. Reactividad en el núcleo. Un ecosistema de Paquetes que acelera el desarrollo. Fácil de aprender. Aplicaciones en el lado del cliente. 23
- 24. Espera hay más… Actualizaciones instantáneas usando programación reactiva Alto reuso de código. Poderosas herramientas de construcción (build) 24
- 25. No todo es de color rosa Procesamiento de aplicaciones intensas. Madurez Pocas convenciones en la estructura. El uso de SQL y de base de datos alternativas. Trabajo para contenido estático. 25
- 26. Nuestra EXPOSICION y DEMO Demo alojada en https://github.com/ytachi0026/meteorexpo 26
- 27. 27
- 28. Materiales y recomendaciones. https://youtu.be/dOCMpoeuwTI Que debo hacer? Ir a la página meteor.com y realizar el tutorial oficial de Meteor. Pueden visitar la documentación, ejemplos. Estar conectado, con sus redes sociales. (Twitter, Facebook, youtube, GITHUB) 28
- 29. Materiales y recomendaciones. Ver que tendencia sigue Meteor en https://crater.io Para obtener ayuda técnica, visiten Meteor en Stack Overflow, foros. 29
- 30. Bibliografía Meteor in Action – Stephan Hochhaus & Manuel Schoebel http://docs.meteor.com/#/basic/ 30
- 31. Gracias por su atención. 31