Präsentation über Meteor. Gehalten bei "Webentwickler Paderborn"-Treffen am 10.03.2014.

1. M I T M E T E O R
N 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

2. 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

3. „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)

4. 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
• …

5. 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

6. 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
• …

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

8. 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

9. 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“)

10. M E T E O R . C O M

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

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

13. 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

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

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

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

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

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

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

20. 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