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.

of

DevDay 2017: Bert Radke - Der Frontend Monolith Slide 1 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 2 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 3 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 4 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 5 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 6 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 7 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 8 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 9 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 10 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 11 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 12 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 13 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 14 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 15 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 16 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 17 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 18 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 19 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 20 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 21 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 22 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 23 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 24 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 25 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 26 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 27 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 28 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 29 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 30 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 31 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 32 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 33 DevDay 2017: Bert Radke - Der Frontend Monolith Slide 34
Upcoming SlideShare
DevDay 2017: Daniel Meixner - Von 0 auf DevOps
Next
Download to read offline and view in fullscreen.

0 Likes

Share

Download to read offline

DevDay 2017: Bert Radke - Der Frontend Monolith

Download to read offline

Seit ein paar Jahren sind Microservices in aller Munde. Wir entwickeln Services in verteilten Teams, nehmen Code- und Datenduplizierung in Kauf damit die Services unabhängig entwickelt und deployed werden können.
Während Spring Boot eine effektive Erstellung und Betrieb von Backend-Microservices erlaubt, scheint eine vergleichbare Technologie für das Frontend zu fehlen.
Im Vortrag werde ich die daraus resultierenden Probleme sowie mögliche Auswege untersuchen.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

DevDay 2017: Bert Radke - Der Frontend Monolith

  1. 1. THE FRONTEND MONOLITH
  2. 2. Bert Radke T-Systems MMS Expert Software Developer Twitter: @taseroth
  3. 3. VERSPRECHEN MICROSERVICES unabhängige Weiterentwicklung unabhängiges Deployment Skalierbarkeit Entkopplung der Teams
  4. 4. AUFWAND / KOSTEN Code Doppelung Daten Doppelung Administration Automatisierung
  5. 5. SELF CONTAINED SYSTEMS 'große Microservices'? Abhängigkeiten zwischen Services minimieren
  6. 6. CONWAY'S LAW
  7. 7. BEISPIEL RETAIL SITE
  8. 8. Search Recommendation  Catalog Order ...
  9. 9. .. und sie lebten glücklich bis an ihr Lebensende?
  10. 10. Search Recommendation  Catalog Order ... UI
  11. 11. AUFWAND / KOSTEN + Organisation + Koordination
  12. 12. Quelle: Otto - Architekturprinzipien
  13. 13. OPTIONEN DER INTEGRATION Was integrieren wir? (Code / Daten) Wo integrieren wir? (Frontend / Backend)
  14. 14. INTEGRATION PER DATEN Team bis 'Oberkante API' UI vom nutzendem Team gebaut
  15. 15. INTEGRATION PER CODE Team erstellt auch Code für das UI Kopplung zwischen Teams
  16. 16. INTEGRATION PER CONTENT 'Transclude' Frontend: CSI Backend: SSI / ESI
  17. 17. INTEGRATION IM BACKEND
  18. 18. Order Search Catalog <html> ...    <esi:include       src="http://order.1"       alt="http://order.2"/> ... <esi:include       src="http://search.1"       alt="http://search.2"/> ... <esi:include       src="http://catalog.1"       alt="http://catalog.2"/> ...  </html>          http://example.com       
  19. 19. INTEGRATION IM FRONTEND Link: "das magische Integrationskonzept" (Stefan Tilkov) iFrame
  20. 20. INTEGRATION IM FRONTEND / CSI Javascript
  21. 21. HINCLUDE <hx:include src="/search">      <div>          <input>          <button>Search</button>      </div>  </hx:include> http://mnot.github.io/hinclude/
  22. 22. H-INCLUDE <h­include src="/search">      <div>          <input>          <button>Search</button>      </div>  </h­include> https://github.com/gustafnk/h-include/
  23. 23. DEPENDENCIES CSS: im eingebetteten Fragment enthalten JavaScript: loader helper
  24. 24. ASSET SERVER Bereitstellen der Assets für alle Komponenten Trade-Off eigenes Team
  25. 25. WEBCOMPONENTS / CUSTOM ELEMENTS class SearchBar extends HTMLElement {  ...  }  customElements('search­bar', SearchBar);  ...  <search­bar></search­bar>
  26. 26. KOMMUNIKATION document.addEventListener('cartChanged', refresh);  ...  document.dispatchEvent(new Event('cartChanged'));
  27. 27. NAVIGATION multiple single page apps
  28. 28. DA WAR DOCH WAS? JSR-168 JSR-162 JSR-167 JSR-286 JSR-362
  29. 29. MOSAIC 9 Tailor Skipper Innkeeper Quilt Shaker https://www.mosaic9.org/
  30. 30. FAZIT
  31. 31. THANKS TO Gustaf Nilsson Kotte Michael Geers InnoQ Podcast https://dev.otto.de/

Seit ein paar Jahren sind Microservices in aller Munde. Wir entwickeln Services in verteilten Teams, nehmen Code- und Datenduplizierung in Kauf damit die Services unabhängig entwickelt und deployed werden können. Während Spring Boot eine effektive Erstellung und Betrieb von Backend-Microservices erlaubt, scheint eine vergleichbare Technologie für das Frontend zu fehlen. Im Vortrag werde ich die daraus resultierenden Probleme sowie mögliche Auswege untersuchen.

Views

Total views

882

On Slideshare

0

From embeds

0

Number of embeds

396

Actions

Downloads

2

Shares

0

Comments

0

Likes

0

×