Slide 1

Slide 1 text

Get Back to Basics with Meteor {S:JS}

Slide 2

Slide 2 text

whoami

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Front-End Engineer: playhaven.com unbounce.com fabricengine.com attachments.me psd2html.com kik.com [email protected] whoami

Slide 5

Slide 5 text

Why Meteor?

Slide 6

Slide 6 text

by @paul_irish

Slide 7

Slide 7 text

how most JS frameworks work together

Slide 8

Slide 8 text

how most JS frameworks work together

Slide 9

Slide 9 text

some frameworks look fun and usable

Slide 10

Slide 10 text

some frameworks look fun and usable

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

Don’t be this guy

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

Hello World!

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

Install $ curl https://install.meteor.com | /bin/sh

Slide 18

Slide 18 text

Install $ curl https://install.meteor.com | /bin/sh Create $ meteor create seattle

Slide 19

Slide 19 text

Install $ curl https://install.meteor.com | /bin/sh Create $ meteor create seattle Run $ meteor

Slide 20

Slide 20 text

Deploy

Slide 21

Slide 21 text

$ meteor deploy seattle.meteor.com Deploy

Slide 22

Slide 22 text

7 Principles of Meteor

Slide 23

Slide 23 text

1. Data on the Wire

Slide 24

Slide 24 text

1. Data on the Wire Don't send HTML over the network. Send data and let the client decide how to render it.

Slide 25

Slide 25 text

2. One Language

Slide 26

Slide 26 text

2. One Language Write both the client and the server parts of your interface in JavaScript

Slide 27

Slide 27 text

3. Database Everywhere

Slide 28

Slide 28 text

3. Database Everywhere Use the same transparent API to access your database from the client or the server.

Slide 29

Slide 29 text

4. Latency Compensation

Slide 30

Slide 30 text

4. Latency Compensation On the client, use prefetching and model simulation to make it look like you have a zero-latency connection to the database

Slide 31

Slide 31 text

5. Full Stack Reactivity

Slide 32

Slide 32 text

5. Full Stack Reactivity Make realtime the default. All layers, from database to template, should make an event-driven interface available

Slide 33

Slide 33 text

6. Embrace the Ecosystem

Slide 34

Slide 34 text

6. Embrace the Ecosystem Meteor is open source and integrates, rather than replaces, existing open source tools and frameworks

Slide 35

Slide 35 text

7. Simplicity Productivity =

Slide 36

Slide 36 text

7. Simplicity Productivity The best way to make something seem simple is to have it actually be simple. Accomplish this through clean, classically beautiful APIs =

Slide 37

Slide 37 text

live coding madness

Slide 38

Slide 38 text

• http://meteor.com/examples/ • http://madewith.meteor.com/ • http://themeteorbook.com/ • http://roadmap.meteor.com/ Where to go from here:

Slide 39

Slide 39 text

dybskiy @ [email protected]