Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Nach den Sternen greifen... mit Meteor

1,193 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Nach den Sternen greifen... mit Meteor

  1. 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. 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. 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. 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. 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. 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. 7. L I V E C O D I N G S E S S I O N (Be gentle!)
  8. 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. 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. 10. M E T E O R . C O M
  11. 11. G I T H U B . C O M / M E T E O R / M E T E O R
  12. 12. R O A D M A P. M E T E O R . C O M
  13. 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. 14. D I S C O V E R M E T E O R . C O M
  15. 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. 16. B E TA . AT M O S P H E R E J S . C O M
  17. 17. M E T E O R H A C K S . C O M
  18. 18. E V E N T E D M I N D . C O M
  19. 19. R E A C T I V E M A N I F E S T O . O R G
  20. 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

×