Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Nach den Sternen greifen... mit Meteor

1.196 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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

×