SlideShare a Scribd company logo
1 of 26
& Getting Started
Meteor
+ Getting Started
@jon_perl
1. Use JavaScript on the client
(since 1995)
Blocking / Threads
vs Callbacks
var result = db.query(“select * from T”)
print(result)
db.query(“select * from T”, function (result) {
print(result)
})
vs
Traditional Server
Node
1. Use JavaScript on the client
2. Use JavaScript on the server
One language to rule them all
1. Use JavaScript on the client
2. Use JavaScript on the server
3. ???
4. PROFIT!
???
Meteor
The web in 2014
• Rich applications
– Real time updates
– Single page
• Short development cycles
Seven Principles of Meteor
Data on the Wire. Send data, not HTML, over the network. Let the client
decide how to render it.
One Language. Write both the client and the server parts of your
interface in JavaScript.
Database Everywhere. Use the same transparent API to access your
database from the client or the server.
Latency Compensation. On the client, use prefetching and model
simulation to make it look like you have a zero-latency connection to the
database.
Seven Principles of Meteor
Full Stack Reactivity. Make realtime the default. All layers, from
database to template, should make an event-driven interface available.
Embrace the Ecosystem. Meteor is open source and integrates, rather
than replaces, existing open source tools and frameworks.
Simplicity Equals Productivity. The best way to make something
seem simple is to have it actually be simple. Accomplish this through clean,
classically beautiful APIs.
Getting Started
Install Node and Meteor
(Mac / Linux) curl https://install.meteor.com | /bin/sh
(Windows) http://win.meteor.com/
1. Create an example
2. Run the app
File Structure
• /server - runs on the server
• /client - runs on the client
• /, /common - runs on both
• static assets (fonts, images, etc.) go
in /public
Additional Resources
https://www.discovermeteor.com/
https://eventedmind.com/
http://meteorpedia.com/
http://docs.meteor.com
http://manual.meteor.com/
1. Use JavaScript on the client
2. Use JavaScript on the server
3. Meteor
4. PROFIT!
Questions?
Credits
Slide 1: http://www.flickr.com/photos/39057386@N02/4111291263/
Slide 3 (Chrome): http://news.cnet.com/8301-30685_3-20043680-264.html
Slide 3 & 4 (V8): http://news.softpedia.com/newsImage/Chrome-May-Add-Support-for-Mozilla-s-Asm-js-
the-Native-Client-Competitor-2.png
Slide 4 (Node): http://www.codersgrid.com/wp-content/uploads/2013/05/nodejs-image-processing.png
Slide 5 & 6: http://magnetik.github.io/node-webid-report/
Slide 8: http://www.flickr.com/photos/87408548@N02/9102201081/
Slide 11: http://www.flickr.com/photos/10017016@N03/4885254343/

More Related Content

What's hot

Angular meteor for angular devs
Angular meteor for angular devsAngular meteor for angular devs
Angular meteor for angular devs
Arc & Codementor
 
Python with dot net and vs2010
Python with dot net and vs2010Python with dot net and vs2010
Python with dot net and vs2010
Wei Sun
 

What's hot (20)

Run C++ as serverless with GCP Cloud Functions
Run C++ as serverless with GCP Cloud FunctionsRun C++ as serverless with GCP Cloud Functions
Run C++ as serverless with GCP Cloud Functions
 
Introduction to meteor
Introduction to meteorIntroduction to meteor
Introduction to meteor
 
[Kotlin Serverless 工作坊] 單元 1 - 開發環境建置
[Kotlin Serverless 工作坊] 單元 1 - 開發環境建置[Kotlin Serverless 工作坊] 單元 1 - 開發環境建置
[Kotlin Serverless 工作坊] 單元 1 - 開發環境建置
 
Continuous deployment of Rails apps on AWS OpsWorks
Continuous deployment of Rails apps on AWS OpsWorksContinuous deployment of Rails apps on AWS OpsWorks
Continuous deployment of Rails apps on AWS OpsWorks
 
Blazor and Azure Functions - a serverless approach
Blazor and Azure Functions - a serverless approachBlazor and Azure Functions - a serverless approach
Blazor and Azure Functions - a serverless approach
 
[Kotlin Serverless 工作坊] 單元 4 - 實作 RSS Aggregator
[Kotlin Serverless 工作坊] 單元 4 - 實作 RSS Aggregator[Kotlin Serverless 工作坊] 單元 4 - 實作 RSS Aggregator
[Kotlin Serverless 工作坊] 單元 4 - 實作 RSS Aggregator
 
[Kotlin Serverless 工作坊] 單元 2 - 簡介 Kotlin Serverless
[Kotlin Serverless 工作坊] 單元 2 - 簡介 Kotlin Serverless[Kotlin Serverless 工作坊] 單元 2 - 簡介 Kotlin Serverless
[Kotlin Serverless 工作坊] 單元 2 - 簡介 Kotlin Serverless
 
Build and ship apps with MeteorJS, Docker and Azure
Build and ship apps with MeteorJS, Docker and AzureBuild and ship apps with MeteorJS, Docker and Azure
Build and ship apps with MeteorJS, Docker and Azure
 
Google ko: fast Kubernetes microservice development in Go - Sangam Biradar, E...
Google ko: fast Kubernetes microservice development in Go - Sangam Biradar, E...Google ko: fast Kubernetes microservice development in Go - Sangam Biradar, E...
Google ko: fast Kubernetes microservice development in Go - Sangam Biradar, E...
 
Angular meteor for angular devs
Angular meteor for angular devsAngular meteor for angular devs
Angular meteor for angular devs
 
Cloud Native Okteto Cloud
Cloud Native Okteto Cloud Cloud Native Okteto Cloud
Cloud Native Okteto Cloud
 
Meteor intro- ktmjs
Meteor intro- ktmjsMeteor intro- ktmjs
Meteor intro- ktmjs
 
GreenButton-201502
GreenButton-201502GreenButton-201502
GreenButton-201502
 
Angular Ivy- An Overview
Angular Ivy- An OverviewAngular Ivy- An Overview
Angular Ivy- An Overview
 
Apache Airflow Introduction
Apache Airflow IntroductionApache Airflow Introduction
Apache Airflow Introduction
 
Python with dot net and vs2010
Python with dot net and vs2010Python with dot net and vs2010
Python with dot net and vs2010
 
Gulp - the streaming build system
Gulp - the streaming build systemGulp - the streaming build system
Gulp - the streaming build system
 
Google Cloud Functions + Express
Google Cloud Functions + ExpressGoogle Cloud Functions + Express
Google Cloud Functions + Express
 
Cross-platform Desktop application with AngularJS and build with Node-webkit
Cross-platform Desktop application with AngularJS and build with Node-webkitCross-platform Desktop application with AngularJS and build with Node-webkit
Cross-platform Desktop application with AngularJS and build with Node-webkit
 
Automating WordPress Plugin Development with Gulp
Automating WordPress Plugin Development with GulpAutomating WordPress Plugin Development with Gulp
Automating WordPress Plugin Development with Gulp
 

Similar to Why meteor

Tempest scenariotests 20140512
Tempest scenariotests 20140512Tempest scenariotests 20140512
Tempest scenariotests 20140512
Masayuki Igawa
 
Ankit Chohan - Java
Ankit Chohan - JavaAnkit Chohan - Java
Ankit Chohan - Java
Ankit Chohan
 
Test Strategy For Future Cloud Architecture
Test Strategy For Future Cloud ArchitectureTest Strategy For Future Cloud Architecture
Test Strategy For Future Cloud Architecture
MaheshShri1
 
Kubernetes @ meetic
Kubernetes @ meeticKubernetes @ meetic
Kubernetes @ meetic
Sébastien Le Gall
 
Kubernetes One-Click Deployment: Hands-on Workshop (Mainz)
Kubernetes One-Click Deployment: Hands-on Workshop (Mainz)Kubernetes One-Click Deployment: Hands-on Workshop (Mainz)
Kubernetes One-Click Deployment: Hands-on Workshop (Mainz)
QAware GmbH
 

Similar to Why meteor (20)

Tempest scenariotests 20140512
Tempest scenariotests 20140512Tempest scenariotests 20140512
Tempest scenariotests 20140512
 
Open Source XMPP for Cloud Services
Open Source XMPP for Cloud ServicesOpen Source XMPP for Cloud Services
Open Source XMPP for Cloud Services
 
Devfest 2023 - Service Weaver Introduction - Taipei.pdf
Devfest 2023 - Service Weaver Introduction - Taipei.pdfDevfest 2023 - Service Weaver Introduction - Taipei.pdf
Devfest 2023 - Service Weaver Introduction - Taipei.pdf
 
Angular meteor presentation
Angular meteor presentationAngular meteor presentation
Angular meteor presentation
 
Laurentiu macovei meteor. a better way of building apps
Laurentiu macovei   meteor. a better way of building appsLaurentiu macovei   meteor. a better way of building apps
Laurentiu macovei meteor. a better way of building apps
 
Plone FSR
Plone FSRPlone FSR
Plone FSR
 
Meteor ddp
Meteor ddpMeteor ddp
Meteor ddp
 
NodeJS guide for beginners
NodeJS guide for beginnersNodeJS guide for beginners
NodeJS guide for beginners
 
Ankit Chohan - Java
Ankit Chohan - JavaAnkit Chohan - Java
Ankit Chohan - Java
 
Meteor js - TechPeaks Developers Meeting
Meteor js - TechPeaks Developers MeetingMeteor js - TechPeaks Developers Meeting
Meteor js - TechPeaks Developers Meeting
 
The Meteor Framework
The Meteor FrameworkThe Meteor Framework
The Meteor Framework
 
Cloud-based performance testing
Cloud-based performance testingCloud-based performance testing
Cloud-based performance testing
 
Meet with Meteor
Meet with MeteorMeet with Meteor
Meet with Meteor
 
Test Strategy For Future Cloud Architecture
Test Strategy For Future Cloud ArchitectureTest Strategy For Future Cloud Architecture
Test Strategy For Future Cloud Architecture
 
Reactive application using meteor
Reactive application using meteorReactive application using meteor
Reactive application using meteor
 
Building and deploying LLM applications with Apache Airflow
Building and deploying LLM applications with Apache AirflowBuilding and deploying LLM applications with Apache Airflow
Building and deploying LLM applications with Apache Airflow
 
Seven Simple Reasons to Use AppFuse
Seven Simple Reasons to Use AppFuseSeven Simple Reasons to Use AppFuse
Seven Simple Reasons to Use AppFuse
 
Kubernetes @ meetic
Kubernetes @ meeticKubernetes @ meetic
Kubernetes @ meetic
 
How to build streaming data pipelines with Akka Streams, Flink, and Spark usi...
How to build streaming data pipelines with Akka Streams, Flink, and Spark usi...How to build streaming data pipelines with Akka Streams, Flink, and Spark usi...
How to build streaming data pipelines with Akka Streams, Flink, and Spark usi...
 
Kubernetes One-Click Deployment: Hands-on Workshop (Mainz)
Kubernetes One-Click Deployment: Hands-on Workshop (Mainz)Kubernetes One-Click Deployment: Hands-on Workshop (Mainz)
Kubernetes One-Click Deployment: Hands-on Workshop (Mainz)
 

Recently uploaded

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Recently uploaded (20)

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 

Why meteor

  • 1. & Getting Started Meteor + Getting Started @jon_perl
  • 2. 1. Use JavaScript on the client (since 1995)
  • 3.
  • 4.
  • 5. Blocking / Threads vs Callbacks var result = db.query(“select * from T”) print(result) db.query(“select * from T”, function (result) { print(result) }) vs
  • 8. 1. Use JavaScript on the client 2. Use JavaScript on the server
  • 9. One language to rule them all
  • 10. 1. Use JavaScript on the client 2. Use JavaScript on the server 3. ??? 4. PROFIT!
  • 11. ???
  • 13. The web in 2014 • Rich applications – Real time updates – Single page • Short development cycles
  • 14.
  • 15.
  • 16.
  • 17.
  • 18. Seven Principles of Meteor Data on the Wire. Send data, not HTML, over the network. Let the client decide how to render it. One Language. Write both the client and the server parts of your interface in JavaScript. Database Everywhere. Use the same transparent API to access your database from the client or the server. Latency Compensation. On the client, use prefetching and model simulation to make it look like you have a zero-latency connection to the database.
  • 19. Seven Principles of Meteor Full Stack Reactivity. Make realtime the default. All layers, from database to template, should make an event-driven interface available. Embrace the Ecosystem. Meteor is open source and integrates, rather than replaces, existing open source tools and frameworks. Simplicity Equals Productivity. The best way to make something seem simple is to have it actually be simple. Accomplish this through clean, classically beautiful APIs.
  • 20. Getting Started Install Node and Meteor (Mac / Linux) curl https://install.meteor.com | /bin/sh (Windows) http://win.meteor.com/
  • 21. 1. Create an example 2. Run the app
  • 22. File Structure • /server - runs on the server • /client - runs on the client • /, /common - runs on both • static assets (fonts, images, etc.) go in /public
  • 24. 1. Use JavaScript on the client 2. Use JavaScript on the server 3. Meteor 4. PROFIT!
  • 26. Credits Slide 1: http://www.flickr.com/photos/39057386@N02/4111291263/ Slide 3 (Chrome): http://news.cnet.com/8301-30685_3-20043680-264.html Slide 3 & 4 (V8): http://news.softpedia.com/newsImage/Chrome-May-Add-Support-for-Mozilla-s-Asm-js- the-Native-Client-Competitor-2.png Slide 4 (Node): http://www.codersgrid.com/wp-content/uploads/2013/05/nodejs-image-processing.png Slide 5 & 6: http://magnetik.github.io/node-webid-report/ Slide 8: http://www.flickr.com/photos/87408548@N02/9102201081/ Slide 11: http://www.flickr.com/photos/10017016@N03/4885254343/

Editor's Notes

  1. Javascript is / was the only ubiquitous language on the browser. Probably because it came out so long ago However javascript used to be very slow Noticeably slow on the client / so servers would render html templates and then send them to the client (page reloads or ajax) Too slow to use if you want to have a performant server
  2. Then along Chrome and the V8 javascript engine Fast new generation of Javascript engines gave the client far more power for user experience. Along with the HTML5 spec’s new features, they basically replaced need for plugins (like Flash and Sliverlight)
  3. V8 is so fast, that it enables us to use Javascript on the server. Node, which runs off v8 engine is a server side Javascript framework. It was invented by Ryan Dahl because he wanted to built web sites with push capabilities like Gmail (or chat application). Many of the current programming frameworks allowed for async code, but it is difficult to use. So he build Node, to bake non-blocking IO into the server from the ground up. What does that all mean? ------ History of Node: http://www.youtube.com/watch?v=SAc0vQCC6UQ
  4. First one either Blocks entire process Implies multiple execution stacks Complicated manage locks on shared data Threads are expensive Second one is non-blocking, so it can run on an event loop. Javascript’s feature’s were built for an event loop, things like callbacks and closures. The browser runs javascript in an event loop. So it is non-blocking from the ground up. ---- From original Node.js presentation http://www.youtube.com/watch?v=ztspvPYybIY
  5. Traditional server, if you make a request then access the database or some other services, the thread will stay blocked until your IO operations are completed. This does not scale well when you are doing long polling and have 1000s of connections.
  6. Node fixes that with it’s event loop and non-blocking IO. Since JavaScript did not have an existing I/O api, he was able to build a non-blocking, event driven I/O convention into it from the ground up. It’s actually hard to write blocking code with node.
  7. 1 language = keep it simple
  8. We get simplicity. This is the main reason we are using meteor / node in this class. - Get proficient with one language then reuse your skillset on the client and server Reuse code client & server Javascript is the most popular language, at least on GitHub. So you can reuse a lot of other people’s code
  9. Old internet formula for success
  10. How do you leverage the power of javascript on the client and javascript on the server?
  11. Meteor is a platform built on top of Node.js for building real-time web apps of 2014.
  12. Google, facebook, and twitter have set the bar for people to expect real time, rich applications. - Meteor is the platform rails would be if it were built today on top of node. - Allow you to use JavaScript on the client and on the server. Can share code between both environments. - Very powerful and very simple platform that abstracts away many of the usual hassles and pitfalls of web app development. - In other frameworks real-time is hard. Meteor makes it easy. But don’t take my word for it.
  13. Consulting companies love it Differential.io percolatestudio.com
  14. And so do startups respond.ly https://www.youtube.com/watch?v=jscINbvWoDg
  15. https://lookback.io/
  16. Our company, Structural is built in meteor. Details coming soon….
  17. DDP protocol allows anything to connect to Meteor -- from native mobile apps to Arduinos. DDP clients are available in Android, Objective C, Java, C#, Python, Ruby, Dart, AS3… http://www.meteorpedia.com/read/DDP_Clients
  18. http://nodejs.org/download/
  19. .meteor/ used by Meteor .meteor/packages and .meteor/release files are the only two we will modify, but not today /lib loaded first main.* file is loaded last
  20. To summarize