Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Meteor.js

3,049 views

Published on

My slide deck used during Techorama 2016 conference about Meteor.js

Published in: Internet
  • Be the first to comment

Meteor.js

  1. 1. Session powered by This session is powered by Welcome to Meteor.js, an introduction (level 200) Is that a Meteor shower?
  2. 2. Session powered by Putting things into perspective 2
  3. 3. Session powered by 3 Kris van der Mast @KvdM www.krisvandermast.com >> Platinum sponsor Microsoft Azure Visual Studio and Development Technologies
  4. 4. Session powered by What we’ll see today • How I got here • What • Hello world • Architectural insights • Let’s make something • Resources 4
  5. 5. Session powered by What is Meteor.js 100% Full stack JavaScript framework for developing modern web and mobile applications One code base – all platforms Open and extensible 5
  6. 6. Session powered by Hello Meteor meteor create myapp cd myapp meteor npm install meteor 6
  7. 7. Session powered by
  8. 8. Session powered by Architecture 8
  9. 9. Session powered by ES2015 • arrow functions (arg) => { return result; } • method shorthands render() {} • const and let instead of var. 9
  10. 10. Session powered by Same Code 10 Todos = new Mongo.Collection('Todos'); Todos.insert({_id: 'my-todo'}); const todo = Todos.findOne({_id: 'my-todo'}); console.log(todo); - Different outcome Todos = new Mongo.Collection('Todos'); Todos.insert({_id: 'my-todo'}); const todo = Todos.findOne({_id: 'my-todo'}); console.log(todo); Todos = new Mongo.Collection('Todos'); // This line won't complete until the insert is done Todos.insert({_id: 'my-todo'}); // So this line will return something const todo = Todos.findOne({_id: 'my-todo'}); // Look ma, no callbacks! console.log(todo); Todos = new Mongo.Collection('Todos'); // This line is changing an in-memory // Minimongo data structure Todos.insert({_id: 'my-todo'}); // And this line is querying it const todo = Todos.findOne({_id: 'my-todo'}); // So this happens right away! console.log(todo); Server side Client side
  11. 11. Session powered by Architecture 11
  12. 12. Session powered by
  13. 13. Session powered by Resources • www.meteor.com • http://docs.meteor.com/#/full/ • https://www.meteor.com/tutorials • https://atmospherejs.com/ • https://www.youtube.com/user/MeteorVideos • https://themeteorchef.com/recipes/ 13
  14. 14. Session powered by What we saw today • How I got here • What • Hello world • Architectural insights • Let’s make something • Resources 14
  15. 15. Session powered by How to get in contact 15 kris.vandermast@ .be @KvdM
  16. 16. Session powered by 16

×