M I T M E T E O RN A C H D E N S T E R N E N G R E I F E N …

Philipp Müns GitHub: @pmuens

Twitter: @pmmuens

A G E N D A

• Einführung

• Was ist Meteor?

• Wie funktioniert es?

• Live coding session

• Meteor in action

• Ausblick

• Was kann ich noch tun?

• Was ist vom Meteor-Team noch in Planung?

• Hilfreiche Links

„This is the framework I’ve always wanted.“ — Garry Tan (Founder Posterous)

„This is great! Definitely something the industry needs right now.“

— Dustin Moskovitz (Co-Founder Asana / Facebook)

„This is so awesome! I can’t wait to get my hand on this beauty.“

— You (Awesome attender)

W E B E N T W I C K L U N G „ B I S H E R “

C L I E N T ( B R O W S E R )

S E R V E R ( + D B )

Request

Response

„gib mir das HTML für die Seite mit den Fotos“

Download der HTML-Seite mit den Fotos

• Dynamische Erstellung der HTML-Seite • Datenhaltung (z.B. mit SQL-Datenbank) • Serverseitige Programmiersprache (z.B. Ruby) • Routing • RESTful API • …

• Rendern der HTML-Seite • JavaScript • …

W E B E N T W I C K L U N G „ B I S H E R + + “

C L I E N T ( B R O W S E R ) S E R V E R

( + D B )

Request (z.B. AJAX)

Response (z.B. per Websockets)

„gib mir das HTML für die Seite mit dem Foto“

Download des HTML / der Daten für die Fotoseite

• Dynamische Erstellung der HTML-Seite • Datenhaltung (z.B. mit SQL-Datenbank) • Serverseitige Programmiersprache (z.B. Ruby) • Routing • RESTful API • …

• Rendern der HTML-Seite • JavaScript / AJAX • Backbone / Angular, … • Daten synchron / konsistent halten • …

A N G U L A R

W E B E N T W I C K L U N G M I T M E T E O R

C L I E N T ( B R O W S E R )

!( + D B )

S E R V E R ( + D B )

Synchronisierung von DATEN (Bidirektional)Mithilfe vom DDP (Distributed Data Protokoll)

• Datenhaltung (aktuell) mit MongoDB • JavaScript • Benachrichtigung aller Clients über neue Daten • …

• Datenhaltung (aktuell) mit „MiniMongo“ • Rerendern von Fragmenten der HTML-Seite • Routing • JavaScript • …

L I V E C O D I N G S E S S I O N(Be gentle!)

M E T E O R S P R I N Z I P I E N

1. Pure JavaScript

2. Live page updates

3. Clean, powerful data synchronization

4. Latency compensation

5. Hot code pushes

6. Sensitive code runs in a privileged environment

7. Fully self-contained application bundles

8. Interoperability

9. Smart packages

A U S B L I C K

• Meteor wird Anfang 2014 Version 1.0 erreichen

• Stabile API (weniger wechselnd)

• Offizielle Freigabe für den Produktiveinsatz

• Erweitertes Paketmanagementsystem

• Evtl. Galaxy-Umgebung zum einfachen deployment / Skalieren von Meteor Apps

• Neue Templating-Engine

• Meteor wurde mit 11.2M $ gefördert

• unter anderem von Marc Andreessen und Dustin Moskovitz

• Viele neue Pakete von Drittentwicklern (siehe dazu auch „Atmosphere 2“)

M E T E O R . C O M

G I T H U B . C O M / M E T E O R / M E T E O R

R O A D M A P. M E T E O R . C O M

G I T H U B . C O M / P M U E N S /P R O G R A M M I N G _ L A N G U A G E S

D I S C O V E R M E T E O R . C O M

G I T H U B . C O M / D I S C O V E R M E T E O R

B E TA . AT M O S P H E R E J S . C O M

M E T E O R H A C K S . C O M

E V E N T E D M I N D . C O M

R E A C T I V E M A N I F E S T O . O R G

V I E L E N D A N K F Ü R D I E A U F M E R K S A M K E I T