Slide 1

Slide 1 text

Build your next HTML5 web app using Meteor and Twitter Bootstrap

Slide 2

Slide 2 text

fabric-engine.com attachments.me psd2html.com kik.com Yuriy dybskiy @

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

meteor.com

Slide 5

Slide 5 text

meteor.com @meteorjs

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

Deploy

Slide 11

Slide 11 text

$ meteor deploy vandev.meteor.com Deploy

Slide 12

Slide 12 text

7 Principles of Meteor

Slide 13

Slide 13 text

1. Data on the Wire

Slide 14

Slide 14 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 15

Slide 15 text

2. One Language

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

3. Database Everywhere

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

4. Latency Compensation

Slide 20

Slide 20 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 21

Slide 21 text

5. Full Stack Reactivity

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

6. Embrace the Ecosystem

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

7. Simplicity Productivity =

Slide 26

Slide 26 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 27

Slide 27 text

live coding madness

Slide 28

Slide 28 text

• Must see – http://meteor.com/examples/ • My Car2Go demo app repo – http://git.io/OoDSNw • Meteorite project – http://git.io/4VvmBQ • Atmosphere – https://atmosphere.meteor.com/ • JavaScript-Garden – http://git.io/ns2RGw • Bootstrap Builder – http://jetstrap.com/alpha/august dybskiy @ Where to go from here: