{"id":22178,"date":"2023-08-30T14:16:04","date_gmt":"2023-08-30T12:16:04","guid":{"rendered":"https:\/\/www.angulararchitects.io\/?page_id=22178"},"modified":"2025-05-23T15:45:34","modified_gmt":"2025-05-23T13:45:34","slug":"net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications","status":"publish","type":"page","link":"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/","title":{"rendered":".NET-Webinar: API Gateway and Bakend for Frontend for Single Page Applications"},"content":{"rendered":"  \n<div class=\"hero\">\n  <div class=\"hero-ow\">\n    <div class=\"hero-iw\">\n      <div class=\"hero-image-spacer\">\n                <div data-responsive-background-image style=\"\" class=\"hero-image\n            image-position-vertical-desktop-center\n            image-position-horizontal-desktop-center\n            image-position-vertical-tablet-center\n            image-position-horizontal-tablet-center\n            image-position-vertical-mobile-center\n            image-position-horizontal-mobile-center\" fetchPriority=\"high\">\n\n          <img decoding=\"async\" alt=\"\" rel=\"preload\" fetchPriority=\"high\" class=\"responsive-background-image\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/net.jpg\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/net.jpg 2048w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/net-300x120.jpg 300w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/net-1024x410.jpg 1024w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/net-768x307.jpg 768w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/net-1536x614.jpg 1536w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/net-600x240.jpg 600w\">\n        <\/div>\n      <\/div>\n      <div class=\"hero-box-spacer\">\n        <div class=\"hero-box-dummy-top\"><\/div>\n        <div class=\"hero-box-wrapper\" style=\"background-color: #cd0f41;\">\n          <div class=\"hero-box\">\n                          <div class=\"hero-hashtag\">#webinar<\/div>\n                                      <h1 class=\"hero-heading\">API Gateway and Bakend for Frontend for Single Page Applications<\/h1>\n                                      <div class=\"hero-body-text\">Webinar with Daniel Murrmann<\/div>\n                                  <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"hero-box-dummy-bottom-desktop\" style=\"background-color: #cd0f41;\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n  \n\n  \n\n  \n<div class=\"cta-default cta  has-background has-light-red-background-color\"\">\n  <div class=\"cta-default-ow\">\n    <div class=\"cta-default-iw  \">\n      <div class=\"cta-text-content\">\n                \n        \n        <div class=\"cta-text has-text-color has-full-white-color\"><h3>September 13, 2023, 16:00 &#8211; 17:30 CEST (Berlin, Vienna, &#8230;)<\/h3>\n<\/div>        \n        <a class=\"button is-style-pink\" href=\"&#x23;register\" target=\"_self\">Register now!<\/a>        \n              <\/div>\n      \n          <\/div>\n  <\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignfull size-large logo-row\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"145\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\" alt=\"\" class=\"wp-image-30011\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png 1024w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-300x43.png 300w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-768x109.png 768w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1536x218.png 1536w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-2048x290.png 2048w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-600x85.png 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n  \n\n\n<div class=\"image-html-content pe\">\n  <div class=\"image-html-content-ow pe-ow\">\n    <div class=\"image-html-content-iw pe-iw   no-padding-bottom\">\n              <div class=\"image-part \">\n          <img decoding=\"async\" class=\"image\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/daniel-murrmann.png\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/daniel-murrmann.png 643w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/daniel-murrmann-300x300.png 300w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/daniel-murrmann-150x150.png 150w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/daniel-murrmann-600x599.png 600w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/daniel-murrmann-100x100.png 100w\" alt=\"\" style=\"max-width: px;\"\/>\n        <\/div>\n            <div class=\"html-part\">\n        <p>Modern application architectures today often rely on distributed systems in some way. This ranges from very small so-called event processors in event-driven architectures to Micro Services and the integration of two larger applications. No matter how fine or coarse grained the backend for a frontend is distributed, in the frontend everything should come together again for the user and the division into different systems should ideally be invisible in the background.<\/p>\n<p>In this webinar we will consider the following use cases for API gateways and backend for frontends:<\/p>\n<ul>\n<li>Merging and aggregating data from different sources and preparing an optimized response for the front end<\/li>\n<li>Creation of Hypermedia JSON documents in terms of HATEOAS to easily transfer status information from the backend to the client.<\/li>\n<li>BFF as a central communication point to the backend to collect telemetry data.<\/li>\n<li>BFF as an authentication facade to execute the entire OAuth flow on the server side, even for single-page applications, and to manage tokens only on the server for increased security.<\/li>\n<li>BFF as a solution for the integration of modern single page applications and legacy systems in order to enable step-by-step migration to newer technologies.<\/li>\n<\/ul>\n<p>The use cases mentioned will be presented during the webinar with the help of an Angular application and an API gateway based on .NET Core.<\/p>\n<h2>\u00a0<\/h2>\n<h2><strong>About your Trainer<\/strong><\/h2>\n<p>Daniel Murrmann has been involved in software engineering and the architecture and implementation of complex distributed software systems in the industrial environment for years. In doing so, the computer scientist and certified software architect relies on Angular in the frontend.<\/p>\n<p>Daniel has also been able to gain experience at several well-known corporations and was responsible, among other things, for a large Industry 4.0 project, which also used Angular in the frontend, at a German machine factory.<\/p>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n  \n\n\n<div class=\"image-html-content pe\">\n  <div class=\"image-html-content-ow pe-ow\">\n    <div class=\"image-html-content-iw pe-iw   no-padding-bottom\">\n            <div class=\"html-part\">\n        <h2>What am I learning?<\/h2>\n<p>\u2705 Preparing an optimized response for the front end<br \/>\n\u2705 BFF as an (OAuth 2) authentication facade for SPA<br \/>\n\u2705 Integration of modern single page applications and legacy systems<br \/>\n\u2705 Easily transfer status information using HATEOAS<\/p>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n  \n\n\n<div class=\"image-html-content pe\">\n  <div class=\"image-html-content-ow pe-ow\">\n    <div class=\"image-html-content-iw pe-iw   \">\n            <div class=\"html-part\">\n        <h2>What do I get?<\/h2>\n<p>\u2611\ufe0f Participation in the webinar<br \/>\n\u2611\ufe0f Possibility to ask questions<br \/>\n\u2611\ufe0f Recording of the webinar<br \/>\n\u2611\ufe0f All slides and examples<\/p>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n  \n<div class=\"cta-newsletter\" style=\"background-color: #cd0f41; color: #FFFFFF;\">\n  <div class=\"cta-newsletter-ow\">\n    <div class=\"cta-newsletter-iw \">\n                                      \n        \n\n  <h2 id=\"register\" class=\"heading cta-heading  \">Register and Join for Free!<\/h2>\n\n            <div class=\"cta-text\">Register now for our newsletter and get your free webinar access! You can unsubscribe at any time!\r\n\r\n<script src=\"\/custom\/subscribe-mc.js\"><\/script>\r\n<div id=\"campaign\" campaign-id=\"16\" campaign-lang=\"en\"><\/div>\r\n<\/div>\n      <div class=\"cta-form\">\n        <div class=\"cta-form\">\n                      \n                  <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":25,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":""},"class_list":["post-22178","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>.NET-Webinar: API Gateway and Bakend for Frontend for Single Page Applications - ANGULARarchitects<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\".NET-Webinar: API Gateway and Bakend for Frontend for Single Page Applications - ANGULARarchitects\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/\" \/>\n<meta property=\"og:site_name\" content=\"ANGULARarchitects\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-23T13:45:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/\",\"name\":\".NET-Webinar: API Gateway and Bakend for Frontend for Single Page Applications - ANGULARarchitects\",\"isPartOf\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\",\"datePublished\":\"2023-08-30T12:16:04+00:00\",\"dateModified\":\"2025-05-23T13:45:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/#primaryimage\",\"url\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\",\"contentUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.angulararchitects.io\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\".NET-Webinar: API Gateway and Bakend for Frontend for Single Page Applications\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#website\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/\",\"name\":\"ANGULARarchitects\",\"description\":\"AngularArchitects.io\",\"publisher\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.angulararchitects.io\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\",\"name\":\"ANGULARarchitects\",\"alternateName\":\"SOFTWAREarchitects\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg\",\"contentUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg\",\"width\":644,\"height\":216,\"caption\":\"ANGULARarchitects\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/github.com\/angular-architects\",\"https:\/\/www.linkedin.com\/company\/angular-architects\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":".NET-Webinar: API Gateway and Bakend for Frontend for Single Page Applications - ANGULARarchitects","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/","og_locale":"en_US","og_type":"article","og_title":".NET-Webinar: API Gateway and Bakend for Frontend for Single Page Applications - ANGULARarchitects","og_url":"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/","og_site_name":"ANGULARarchitects","article_modified_time":"2025-05-23T13:45:34+00:00","og_image":[{"url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/","url":"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/","name":".NET-Webinar: API Gateway and Bakend for Frontend for Single Page Applications - ANGULARarchitects","isPartOf":{"@id":"https:\/\/www.angulararchitects.io\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/#primaryimage"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/#primaryimage"},"thumbnailUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png","datePublished":"2023-08-30T12:16:04+00:00","dateModified":"2025-05-23T13:45:34+00:00","breadcrumb":{"@id":"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/#primaryimage","url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png","contentUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.angulararchitects.io\/en\/net-webinar-api-gateway-and-bakend-for-frontend-for-single-page-applications\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.angulararchitects.io\/en\/"},{"@type":"ListItem","position":2,"name":".NET-Webinar: API Gateway and Bakend for Frontend for Single Page Applications"}]},{"@type":"WebSite","@id":"https:\/\/www.angulararchitects.io\/en\/#website","url":"https:\/\/www.angulararchitects.io\/en\/","name":"ANGULARarchitects","description":"AngularArchitects.io","publisher":{"@id":"https:\/\/www.angulararchitects.io\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.angulararchitects.io\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.angulararchitects.io\/en\/#organization","name":"ANGULARarchitects","alternateName":"SOFTWAREarchitects","url":"https:\/\/www.angulararchitects.io\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg","contentUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg","width":644,"height":216,"caption":"ANGULARarchitects"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/github.com\/angular-architects","https:\/\/www.linkedin.com\/company\/angular-architects\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/22178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/comments?post=22178"}],"version-history":[{"count":10,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/22178\/revisions"}],"predecessor-version":[{"id":30301,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/22178\/revisions\/30301"}],"wp:attachment":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/media?parent=22178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}