meteor introduction
DESCRIPTION
Meteor.jsTRANSCRIPT
Meteor JSAn Introduction
Version 1.0
Meteor.js : An Introduction 2
How can I build a cutting-edge app?
Meteor.js : An Introduction 3
How can I build a cutting-edge app?
JavaScript, HTML & CSSDatabase
Meteor.js : An Introduction 4
How can I build a cutting-edge app?
JavaScript, HTML & CSS
Node.js
Database
Meteor.js : An Introduction 5
How can I build a cutting-edge app?
JavaScript, HTML & CSS
Node.js
NPM
Database
Meteor.js : An Introduction 6
How can I build a cutting-edge app?
JavaScript, HTML & CSS
Node.js
NPM
Hosting?
Database
Meteor.js : An Introduction 7
How can I build a cutting-edge app?
JavaScript, HTML & CSS
Node.js
NPM
Hosting?
Database?
Meteor.js : An Introduction 8
How can I build a cutting-edge app?
JavaScript, HTML & CSS
Node.js
NPM
Hosting?
Database?
Simplicity?
METEORLeverages the Power of Node.js
withDevelopment Hosting, Database
& Simplicity
Meteor.js : An Introduction 9
What is Meteor JS?Framework for developing a cutting-edge Node.js application using
JavaScript for all tiers:
1. Library of well-documented Packages and, a
2. Command Line tool by Meteor Development Group in SF
3. Worldwide Community of Developers that use Meteor to develop
Apps and extend the Meteor Library with over 2500 packages.
API
Meteor.js : An Introduction 10
Meteor Principles
Meteor JS : An Introduction 11
• Data on the Wire.
• One Language.
• Database Everywhere.
• Latency Compensation.
• Full Stack Reactivity.
• Embrace the Ecosystem.
• Simplicity Equals Productivity.
Discussion Points• N-Tier Overview
• Getting Started
• Demo Setup
• Reactivity Demo
Meteor.js : An Introduction 12
N-Tier Overview• Clients:
o Web Browser > All Modern (same version challenges)
o Mobile Apps > Cordova Android/iOS builds
• Node.js Server:
o A Meteor app is a Node.js app.
o Meteor server code
• MongoDB:
o NoSQL DB
o Runs Local and Remote
o Structure in JSON in tables called collections, and table records
called pages.
o Data Exchanged in JSON
o More DBs in the future.
Meteor.js : An Introduction 13
Getting Started• Use Basic Skillset :
o Structure Templates.
o Meteor CLI : Command Line Interface …
• Install Meteor using Terminal
o Mac or Linux Computer
o Windows coming soon.
o Online
• Try it out on MeteorPad.com.
• Use Cloud9 > C9.io. (meteor --port $IP:$PORT)
• CodeEnvy
• IDEs
o WebStorm, Any Text editor, or Web IDE
o Eclipse
Meteor.js : An Introduction 14
Demo Setup• Install Meteor
$ curl https://install.meteor.com/ | sh
• Create Demo App (Basic)
$ meteor create hynesdemo
• Create Demo App (From Example)
$ meteor create –example todos …
Basic Demo
MeteorPad.com >
Reactivity Demo
https://hynesdemo-c9-hynesip.c9.io/ >
Meteor JS : An Introduction 15
Reactivity Demo
Meteor.js : An Introduction 16
Production Hosting• Modulus (Node.js and MongoDB)
• Digital Ocean
• Heroku
• Galaxy (Coming to Meteor CLI)
• Bitnami on Azure
• MongoLab
• Compose
Meteor.js : An Introduction 17
Links• This Slide Show
• Meteor API
• Reactivity Demo
• Modulus
18Meteor.js : An Introduction