Workshop de Meteor JS

Workshop que o palestrante Paulo Hetch forneceu para o meetup dando os primeiros passos para quem deseja conhecer sobre o framework.

Transcript

1. Workshop www.meteor.com
2. Antes, agradecimentos... opensanca
3. Antes, agradecimentos...
4. Quem sou eu Paulo Hecht Líder Técnico Minha Vida Coordenador Tecnonutri 10+ anos Web 5+ anos Mobile
5. Um pouco de história…
6. Mainframe PC (Client-Server) Web Pervasivo 1970 1980 1990/2000 2015 Terminal PC Navegador Navegador/Laptop/Mobile Apresentação Apresentação Dados Dados A computação ao longo dos anos... Inputs RPCs Requests Subscriptions
7. Mainframe PC (Client-Server) Web Pervasivo 1970 1980 1990/2000 2015 Terminal PC Navegador Navegador/Laptop/Mobile Apresentação Apresentação Dados Dados A computação ao longo dos anos... Inputs RPCs Requests Subscriptions
8. Mainframe PC (Client-Server) Web Pervasivo 1970 1980 1990/2000 2015 Terminal PC Navegador Navegador/Laptop/Mobile Apresentação Apresentação Dados Dados A computação ao longo dos anos... Inputs RPCs Requests Subscriptions
9. Mainframe PC (Client-Server) Web Pervasivo 1970 1980 1990/2000 2015 Terminal PC Navegador Navegador/Laptop/Mobile Apresentação Apresentação Dados Dados A computação ao longo dos anos... Inputs RPCs Requests Subscriptions
10. As grandes mudanças… Hoje Ontem Navegador Mobile Refresh Tempo real Sessões individuais Colaborativo Links e forms GUI
11. Colaboração real-time
12. “We’ve bled all over it.” Brett Kiefer The Trello Tech Stack http://blog.fogcreek.com/the-trello-tech-stack/
13. Alguns pontos sobre a mudança… A experiência continua no navegador HTTP não era a melhor opção Websockets MongoDB e o Oplog Tailing
14. One codebase, all platforms Open and extensible 100% pure JavaScript Collaborative iOS and Android app <1000 lines of JavaScript A full-stack, open source platform for building web and mobile apps in JavaScript Fast and fun development
15. 7 princípios • Data on the Wire. Meteor doesn't send HTML over the network. The server sends data and lets the client render it. • One Language. Meteor lets you write both the client and the server parts of your application in JavaScript. • Database Everywhere. You can use the same methods to access your database from the client or the server. • Latency Compensation. On the client, Meteor prefetches data and simulates models to make it look like server method calls return instantly. • Full Stack Reactivity. In Meteor, realtime is the default. All layers, from database to template, update themselves automatically when necessary. • Embrace the Ecosystem. Meteor is open source and integrates with existing open source tools and frameworks. • Simplicity Equals Productivity. The best way to make something seem simple is to have it actually be simple. Meteor's main functionality has clean, classically beautiful APIs.

16. MongoDB DOM Server Client M essages.insert() M essages.insert() Meteor Data Flows Minimongo Optimistic UI
17. The Meteor Platform App Microservices PLATFORM Blaze Livequery Client Data Cache MongoDB SQL REST App Components & Logic React Angular SERVER CLIENT SOURCES DDP Mobile Web
18. Alguns votos de confiança…
21. meteor.com/learn Official Meteor Tutorial Official Meteor Docs Meteor Forums Discover Meteor (book) Stack Overflow meteor.com/try docs.meteor.com forums.meteor.com book.discovermeteor.com stackoverflow.com/questions/tagged/meteor
22. Meteor code demo
23. paulo.hecht@gmail.com Obrigado!