Intro to Meteor.js

Transcript

1. Intro to Meteor.js B R I A N S H I N | A D I C U . C O M / R E S O U R C E S
3. Meteor.js • a full stack web framework • reactive - good for realtime applications (chat) • all in Javascript
4. Today Concepts Uses Coding Questions
5. It’s all Javascript var button = $(“.button”); var currentTime = Date.now(); button.click(function() { alert(“Button pressed at ” + currentTime); // Save to database??? });
6. It’s all Javascript var ButtonTracker = new Mongo.Collection(); var button = $(“.button”); var currentTime = Date.now(); button.click(function() { alert(“Button pressed at ” + currentTime); ButtonTracker.insert({‘currentTime’: currentTime}); });
7. Client and Server run the same code* var ButtonTracker = new Mongo.Collection(); var button = $(“.button”); var currentTime = Date.now(); button.click(function() { alert(“Button pressed at ” + currentTime); ButtonTracker.insert({‘currentTime’: currentTime}); });
8. Traditional Web Stack
9. Traditional Web Stack
10. Meteor.js Stack
11. Meteor is reactive
12. How is Reactivity done? Realtime sync (Websockets) Local database Autorun
14. Today Concepts Uses Coding Questions
15. Respondly https://respond.ly/
16. Courses by ADI 1,300 lines of Javascript
17. Courses by ADI • Awesome packages • Users, Facebook, Twitter Login included • Code sharing between backend and frontend
18. Today Concepts Uses Coding Questions
19. Coding Go to goo.gl/2SVNFx
20. Today Concepts Uses Coding Questions
21. Thanks for coming! A D I C U . C O M / R E S O U R C E S