Meteor.js

2,310 views

Published on

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

Published in: Internet
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,310
On SlideShare
0
From Embeds
0
Number of Embeds
1,611
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • meteor test --driver-package practicalmeteor:mocha
  • 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

    ×