Í

Get star ted with Meteor

W h a t i s M et eor?You’ve heard people talk about Meteor recently. So here are a few things you should know about Meteor. Be careful when reading this because you will fall in love

with it immediately:

Meteor is written using NodeJs. You only have to write JavaScript and it will run on both client-side and server-side.

Meteor produces cross-platform code. Write once, run anywhere, from desktop to mobile platforms.

With Meteor, your application is real-time by default. It integrates with MongoDB and uses the Distributed Data Protocol and a publish–subscribe pattern to

automatically propagate data changes to clients.

You can save a lot of time with smart packages. Packages are handled through Meteor’s package management site: AtmosphereJs

(https://atmospherejs.com/)

It’s optimized for developer happiness. Beginning developers can quickly build something impressive, while advanced developers can appreciate Meteor’s

�exibility.

The community is extremely supportive.They organizes meetups, publishes free training materials, and offers help wherever possible.

Very cool, right? You can check out our products built with Meteor:

L u m i n P D FView, edit and share PDF �les in the cloud: https://www.luminpdf.com/ (https://www.luminpdf.com/)

L i v e C r o w d f u n d i n gThe only app for raising money during your live stream: https://www.crowdr.tv/ (https://www.crowdr.tv/)

B o o nGivepoint and more: https://dsv.boonapp.io/ (https://dsv.boonapp.io/)

M E T E O R ( H T T P S : / / B L O G . D E S I G N V E L O P E R . C O M / C A T E G O R Y / M E T E O R / )

B y L i n h V u ( h t t p s : // b l o g . d e s i g n v e l o p e r . c o m / a u t h o r / l i n h v n / ) o n J u n e 1 1 , 2 0 1 6

Û

“We aim to build a new platform for cloud applications that will become as ubiquitous as previous platforms such as Unix, HTTP, and the relational database.”

– Meteor Development Group

Nowadays, there are lots of smart tools that help us build awesome things quickly and easily. Meteor is amongst of those smart tools. So why don’t we start using

Meteor right now? �

H ow to i n s t a l l M et eor?It’s totally simple!

O S X / L I N U X

Install the latest of�cial Meteor release from your terminal:

curl https://install.meteor.com/ | sh

W I N D O W S

Simply download and run the of�cial Meteor installer: https://install.meteor.com/windows (https://install.meteor.com/windows)

You r � rs t M et eor a p pTo create a Meteor app, simply open your terminal and run this command:

meteor create hello-world

Then you will see a folder named hello-world and several �les have just been created:

Take a look at these �les:

client/main.js        # a JavaScript entry point loaded on the client

client/main.html      # an HTML file that defines view templates

client/main.css       # a CSS file to define your app's styles

server/main.js        # a JavaScript entry point loaded on the server

package.json          # a control file for installing NPM packages

.meteor               # internal Meteor files

.gitignore            # a control file for git

Now try to run your �rst Meteor app:

cd hello-world

meteor

Let’s check it out using your web browser: http://localhost:3000/ (http://localhost:3000/)

You can play around with the demo app. Open your favorite editor (like Atom, Sublime Text, WebStorm…) and try editing the �le client/main.html, then you will see

your web page change immediately without refreshing! This is called hot code push, since Meteor uses data on the wire: the server sends data, not HTML, and the

client renders it. I can’t tell you how much I love it, because before Meteor, I only study ASP.NET MVC and Java J2EE at school. Whenever I change the code on server

side, I have to stop the app, edit, then restart it. It takes a lot of my time since my computer’s performance is quite bad. Thanks Meteor!

Conc lus ionSo far we’ve discovered the very basic of Meteor:

What is Meteor

How to Install

Create and run a Meteor app

Next time you will know how to create a Meteor real-time chat app just in 30 minutes (https://blog.designveloper.com/2016/06/13/create-a-meteor-chat-app-in-30-

minutes/). Stay tuned!

(https://www.facebook.com/sharer/sharer.php?

u=https%3A%2F%2Fblog.designveloper.com%2F2016%2F06%2F11%2Fget-

started-

with-

meteor%2F)

­

(http://twitter.com/intent/tweet?

source=Designveloper

Software

agency

-

Meteor

prime

partner&text=https%3A%2F%2Fblog.designveloper.com%2F2016%2F06%2F11%2Fget-

started-

with-

meteor%2F)

¬

(https://plus.google.com/share?

url=https%3A%2F%2Fblog.designveloper.com%2F2016%2F06%2F11%2Fget-

started-

with-

meteor%2F)

Ɩ

(http://www.linkedin.com/shareArticle?

mini=true&url=https%3A%2F%2Fblog.designveloper.com%2F2016%2F06%2F11%2Fget-

started-

with-

meteor%2F&title=Get%20started%20with%20Meteor&summary=What%20is%20Meteor%3F%20You%26%238217%3Bve%20heard%20people%20talk%20about%20Meteor%20recently.%20So%20here%20are%20a%20few%20things%20you%20should%20know%20about%20Meteor.%20Be%20careful%20when%20reading%20this%20because%20you%20will%20fall%20in%20love%20with%20it%20immediately%3A%20Meteor%20is%20written%20using%20NodeJs.%20You%20only%20have%20to%20write%20JavaScript%20and%20it%20will%20run%20on%20both%20client-

side%20and%20server-

side.%20%5B%26hellip%3B%5D&source=Designveloper

Software

agency

-

Meteor

prime

partner)

ã

(http://www.tumblr.com/share/link?

url=https%3A%2F%2Fblog.designveloper.com%2F2016%2F06%2F11%2Fget-

started-

with-

meteor%2F&name=Get%20started%20with%20Meteor&description=What%20is%20Meteor%3F%20You%26%238217%3Bve%20heard%20people%20talk%20about%20Meteor%20recently.%20So%20here%20are%20a%20few%20things%20you%20should%20know%20about%20Meteor.%20Be%20careful%20when%20reading%20this%20because%20you%20will%20fall%20in%20love%20with%20it%20immediately%3A%20Meteor%20is%20written%20using%20NodeJs.%20You%20only%20have%20to%20write%20JavaScript%20and%20it%20will%20run%20on%20both%20client-

side%20and%20server-

side.%20%5B%26hellip%3B%5D)

Ŭ

JavaScriptÜ MeteorÜ Real-timeÜ

% (https://blog.designveloper.com)

Create a Meteor chat app in 30 minutes ű (https://blog.designveloper.com/2016/06/13/create-a-meteor-chat-app-in-30-minutes/)

Y O U M AY A L S O L I K E

Û Û Û Û