nach den sternen greifen... mit meteor
TRANSCRIPT
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