Meteor.js
Download as PPTX, PDF
1 like3,531 views
This document summarizes an introduction to the Meteor.js framework. It outlines what will be covered, including how the presenter got started, a hello world example, architectural insights, and resources. The presentation discusses key aspects of Meteor.js like using the same code for all platforms, and how it allows full-stack JavaScript development with real-time data synchronization.
Meteor.js
- 1. Session powered by This session is powered by Welcome to Meteor.js, an introduction (level 200) Is that a Meteor shower?
- 2. Session powered by Putting things into perspective 2
- 3. Session powered by 3 Kris van der Mast @KvdM www.krisvandermast.com >> Platinum sponsor Microsoft Azure Visual Studio and Development Technologies
- 4. Session powered by What well see today How I got here What Hello world Architectural insights Lets make something Resources 4
- 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. Session powered by Hello Meteor meteor create myapp cd myapp meteor npm install meteor 6
- 9. Session powered by ES2015 arrow functions (arg) => { return result; } method shorthands render() {} const and let instead of var. 9
- 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
- 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. Session powered by What we saw today How I got here What Hello world Architectural insights Lets make something Resources 14
- 15. Session powered by How to get in contact 15 kris.vandermast@ .be @KvdM
Editor's Notes
- #13: meteor test --driver-package practicalmeteor:mocha