Meteor Introduction
•Download as PPTX, PDF•
3 likes•675 views
The document introduces Meteor JS, a framework for building cutting-edge web applications using JavaScript across all tiers. It discusses key Meteor principles like data on the wire and latency compensation. It also covers getting started with Meteor, including installing it and creating a demo application, as well as hosting Meteor apps in production.
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (12)
Similar to Meteor Introduction
Similar to Meteor Introduction (20)
Recently uploaded
Recently uploaded (20)
Meteor Introduction
- 1. Meteor JS An Introduction Version 1.0
- 2. How can I build a cutting-edge app? Meteor.js : An Introduction 2
- 3. How can I build a cutting-edge app? JavaScript, HTML & CSS Database Meteor.js : An Introduction 3
- 4. How can I build a cutting-edge app? JavaScript, HTML & CSS Node.js Database Meteor.js : An Introduction 4
- 5. How can I build a cutting-edge app? JavaScript, HTML & CSS Node.js NPM Database Meteor.js : An Introduction 5
- 6. How can I build a cutting-edge app? JavaScript, HTML & CSS Node.js NPM Hosting? Database Meteor.js : An Introduction 6
- 7. How can I build a cutting-edge app? JavaScript, HTML & CSS Node.js NPM Hosting? Database? Meteor.js : An Introduction 7
- 8. How can I build a cutting-edge app? JavaScript, HTML & CSS Node.js NPM Hosting? Database? Simplicity? Meteor.js : An Introduction 8
- 9. METEOR Leverages the Power of Node.js with Development Hosting, Database & Simplicity Meteor.js : An Introduction 9
- 10. 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
- 11. Meteor Principles • Data on the Wire. • One Language. • Database Everywhere. • Latency Compensation. • Full Stack Reactivity. • Embrace the Ecosystem. • Simplicity Equals Productivity. Meteor JS : An Introduction 11
- 12. Discussion Points • N-Tier Overview • Getting Started • Demo Setup • Reactivity Demo Meteor.js : An Introduction 12
- 13. 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
- 14. 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
- 15. 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
- 16. Reactivity Demo Meteor.js : An Introduction 16
- 17. 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
- 18. Links • This Slide Show • Meteor API • Reactivity Demo • Modulus Meteor.js : An Introduction 18
Editor's Notes
- -Data on the Wire. Meteor doesn't send HTML over the network. The server sends data and lets the client render it. -One Language. Meteor lets you write both the client and the server parts of your application in JavaScript. -Database Everywhere. You can use the same methods to access your database from the client or the server. -Latency Compensation. On the client, Meteor prefetches data and simulates models to make it look like server method calls return instantly. -Full Stack Reactivity. In Meteor, real-time is the default. All layers, from database to template, update themselves automatically when necessary. -Embrace the Ecosystem. Meteor is open source and integrates with existing open source tools and frameworks. -Simplicity Equals Productivity. The best way to make something seem simple is to have it actually be simple. Meteor's main functionality has clean, classically beautiful APIs.
- Chrome V8 JavaScript Engine Node packages can be integrated in Meteor app. No need to learn Node.js.