{"id":58457,"date":"2024-09-27T13:19:45","date_gmt":"2024-09-27T11:19:45","guid":{"rendered":"https:\/\/www.inovex.de\/?post_type=events&#038;p=58457"},"modified":"2024-09-27T13:28:07","modified_gmt":"2024-09-27T11:28:07","slug":"meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart","status":"publish","type":"events","link":"https:\/\/www.inovex.de\/de\/news-events\/events\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\/","title":{"rendered":"[Meetup] inovex Elements &#8211; Web Components im Rampenlicht: Technik trifft Design"},"content":{"rendered":"<p class=\"mb-4\">Bei diesem Meetup dreht sich alles um die Entwicklung moderner und wiederverwendbarer Webkomponenten. Wir schauen uns den technischen Entstehungsprozess an und zeigen, wie durchdachtes Design die Flexibilit\u00e4t und Leistungsf\u00e4higkeit von Web Components ma\u00dfgeblich beeinflusst.<\/p>\n<p class=\"mb-4\">In den Vortr\u00e4gen sehen wir, wie Technik und Design zusammenkommen, um innovative L\u00f6sungen zu schaffen, die in unterschiedlichsten Projekten zum Einsatz kommen.<\/p>\n<p class=\"mb-4\"><strong>Talk 1: Web Components von Grund auf: inovex Elements im Entwicklungsprozess (Maria-Luisa &amp; Tobias)<\/strong><br \/>\nWir starten mit einer Einf\u00fchrung in die Technologie und die Motivation hinter der Entwicklung der inovex Elements, unserer flexiblen und leistungsstarken Web Components Bibliothek. Wir geben Einblick in den Maschinenraum unserer Bibliothek und zeigen, wie diese Komponenten effizient in verschiedenen Projekten eingesetzt werden. Au\u00dferdem schauen wir uns gemeinsam den Entwicklungsprozess genauer an \u2013 von der Konzeption \u00fcber die Implementierung bis hin zur Anwendung in realen Projekten.<\/p>\n<p class=\"mb-4\"><strong>Talk 2: Design im Fokus: Der kreative Prozess hinter den inovex Elements (Magda)<\/strong><br \/>\nSo eine grundlegende Bibliothek wie die inovex Elements erfordert ein ausgekl\u00fcgeltes Design, um ihre volle Wirkung zu entfalten. Dieser Talk bietet einen umfassenden Einblick in die Designentwicklung unserer Web Components.<\/p>\n<p class=\"mb-4\">Anhand eines konsistenten Brandings, klaren Styleguides und durchdachter visueller Gestaltung zeigen wir, wie eine stimmige Designsprache entsteht. Der Weg von der ersten Idee bis zur fertigen Komponente wird dabei ebenso betrachtet wie die Definition von verschiedenen Variants und States. Zudem erkl\u00e4ren wir, wie UI-Patterns eingesetzt werden, um die UI-Entwicklung zu beschleunigen und demonstrieren deren Anwendung f\u00fcr vorgefertigte Interface-L\u00f6sungen.<\/p>\n<p class=\"mb-4\">Folgende ungef\u00e4hre\u00a0<strong>Agenda<\/strong>\u00a0erwartet dich:<\/p>\n<ul class=\"pl-5 list-disc mb-4\">\n<li>ab 18 Uhr Ankommen<\/li>\n<li>18:30 Uhr 1. Vortrag &amp; Fragen<\/li>\n<li>19:15 Uhr Pause mit Pizza &amp; Gespr\u00e4chen<\/li>\n<li>19:45 Uhr 2. Vortrag &amp; Fragen<\/li>\n<li>20:30 Uhr Abschluss und Zeit f\u00fcr weitere Gespr\u00e4che<\/li>\n<\/ul>\n<p class=\"mb-4\">Das Meetup findet in deutscher Sprache statt.<\/p>\n<p class=\"mb-4\"><strong>Speaker Bios<\/strong><br \/>\n<strong>Maria-Luisa Stefan<\/strong><br \/>\nMaria-Luisa Stefan ist seit 2022 als Frontend-Entwicklerin bei inovex tatkr\u00e4ftig mit dabei. Sie unterst\u00fctzt die Weiterentwicklung und Instandhaltung der inovex hauseigenen open-source Komponentenbibliothek Elements und begeistert sich Tag f\u00fcr Tag f\u00fcr ma\u00dfgeschneiderte L\u00f6sungen und Integrationen f\u00fcr diverse Projekte im Web. Hierbei ist React das Framework ihres Vertrauens und SCSS ihr zweites Zuhause.<\/p>\n<p class=\"mb-4\"><strong>Tobias Heim Galindo<\/strong><br \/>\nTobias Heim Galindo ist seit 2021 bei inovex, zun\u00e4chst als Praktikant und sp\u00e4ter als Werkstudent im inovex Elements Team als Entwickler t\u00e4tig. Zu Beginn hat er an internen Applikationen f\u00fcr inovex gearbeitet, in denen die inovex Elements verwendet wurden. Danach wechselte er ins inovex Elements Team, wo er neben der Weiterentwicklung der Komponenten ma\u00dfgeblich zur Entwicklung von UI-Patterns beigetragen hat.<\/p>\n<p class=\"mb-4\"><strong>Magdalena Buchberger<\/strong><br \/>\nMit ihrem akademischen Hintergrund in Industrial Design bringt Magdalena einen ganzheitlichen Blick auf die Gestaltung von Produkten mit und schl\u00e4gt so eine Br\u00fccke zwischen Technologie, Mensch und Umwelt. Bei inovex ist sie in die Welt der digitalen Produkte eingetaucht und treibt seitdem mit Ihrem kritischen Denken und \u00e4sthetischen Gesp\u00fcr die Entwicklung digitaler Anwendungen voran. Seit Anfang 2022 unterst\u00fctzt sie die Weiterentwicklung der inovex Elements im internen Projektteam.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bei diesem Meetup dreht sich alles um die Entwicklung moderner und wiederverwendbarer Webkomponenten. Wir schauen uns den technischen Entstehungsprozess an und zeigen, wie durchdachtes Design die Flexibilit\u00e4t und Leistungsf\u00e4higkeit von Web Components ma\u00dfgeblich beeinflusst.<\/p>\n","protected":false},"featured_media":58458,"parent":0,"template":"","events_types":[441],"service":[444],"class_list":["post-58457","events","type-events","status-publish","has-post-thumbnail","hentry","events_types-meetup","service-frontend"],"acf":{"start_date":"20241119","finish_date":"20241119","time":"18:00:00","finish_time":"22:00:00","location":"inovex Stuttgart","organizer":"inovex","file":null,"hubspot_signups":false,"hubspot_signups_text":"","add_speakers":false,"speakers_headline":"Speaker:innen","speakers":null,"contact":null,"contact_heading":"","contact_text":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>[Meetup] inovex Elements - Web Components im Rampenlicht: Technik trifft Design - inovex GmbH<\/title>\n<meta name=\"description\" content=\"Bei diesem Meetup am 19. November in Stuttgart dreht sich alles um die Entwicklung moderner und wiederverwendbarer Webkomponenten.\" \/>\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.inovex.de\/de\/news-events\/events\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Meetup] inovex Elements - Web Components im Rampenlicht: Technik trifft Design - inovex GmbH\" \/>\n<meta property=\"og:description\" content=\"Bei diesem Meetup am 19. November in Stuttgart dreht sich alles um die Entwicklung moderner und wiederverwendbarer Webkomponenten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inovex.de\/de\/news-events\/events\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\/\" \/>\n<meta property=\"og:site_name\" content=\"inovex GmbH\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inovexde\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-27T11:28:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inovex.de\/wp-content\/uploads\/Titelbild-Meetup-inovex-Elements-Stuttgart.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1340\" \/>\n\t<meta property=\"og:image:height\" content=\"754\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.inovex.de\/wp-content\/uploads\/Titelbild-Meetup-inovex-Elements-Stuttgart-1024x576.png\" \/>\n<meta name=\"twitter:site\" content=\"@inovexgmbh\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n\t<meta name=\"twitter:label2\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data2\" content=\"Daniela Nebeling\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/news-events\\\/events\\\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\\\/\",\"url\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/news-events\\\/events\\\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\\\/\",\"name\":\"[Meetup] inovex Elements - Web Components im Rampenlicht: Technik trifft Design - inovex GmbH\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/news-events\\\/events\\\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/news-events\\\/events\\\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/Titelbild-Meetup-inovex-Elements-Stuttgart.png\",\"datePublished\":\"2024-09-27T11:19:45+00:00\",\"dateModified\":\"2024-09-27T11:28:07+00:00\",\"description\":\"Bei diesem Meetup am 19. November in Stuttgart dreht sich alles um die Entwicklung moderner und wiederverwendbarer Webkomponenten.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/news-events\\\/events\\\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.inovex.de\\\/de\\\/news-events\\\/events\\\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/news-events\\\/events\\\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/Titelbild-Meetup-inovex-Elements-Stuttgart.png\",\"contentUrl\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/Titelbild-Meetup-inovex-Elements-Stuttgart.png\",\"width\":1340,\"height\":754,\"caption\":\"Meetup in Stuttgart zum Thema \\\"inovex Elements - Web Components im Rampenlicht: Technik trifft Design\\\" in Stuttgart\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/news-events\\\/events\\\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Events\",\"item\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/news-events\\\/events\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"[Meetup] inovex Elements &#8211; Web Components im Rampenlicht: Technik trifft Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/\",\"name\":\"inovex GmbH\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#organization\",\"name\":\"inovex GmbH\",\"url\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/inovex-logo-16-9-1.png\",\"contentUrl\":\"https:\\\/\\\/www.inovex.de\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/inovex-logo-16-9-1.png\",\"width\":1921,\"height\":1081,\"caption\":\"inovex GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/www.inovex.de\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/inovexde\",\"https:\\\/\\\/x.com\\\/inovexgmbh\",\"https:\\\/\\\/www.instagram.com\\\/inovexlife\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/inovex\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UC7r66GT14hROB_RQsQBAQUQ\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Meetup] inovex Elements - Web Components im Rampenlicht: Technik trifft Design - inovex GmbH","description":"Bei diesem Meetup am 19. November in Stuttgart dreht sich alles um die Entwicklung moderner und wiederverwendbarer Webkomponenten.","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.inovex.de\/de\/news-events\/events\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\/","og_locale":"de_DE","og_type":"article","og_title":"[Meetup] inovex Elements - Web Components im Rampenlicht: Technik trifft Design - inovex GmbH","og_description":"Bei diesem Meetup am 19. November in Stuttgart dreht sich alles um die Entwicklung moderner und wiederverwendbarer Webkomponenten.","og_url":"https:\/\/www.inovex.de\/de\/news-events\/events\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\/","og_site_name":"inovex GmbH","article_publisher":"https:\/\/www.facebook.com\/inovexde","article_modified_time":"2024-09-27T11:28:07+00:00","og_image":[{"width":1340,"height":754,"url":"https:\/\/www.inovex.de\/wp-content\/uploads\/Titelbild-Meetup-inovex-Elements-Stuttgart.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/www.inovex.de\/wp-content\/uploads\/Titelbild-Meetup-inovex-Elements-Stuttgart-1024x576.png","twitter_site":"@inovexgmbh","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten","Written by":"Daniela Nebeling"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.inovex.de\/de\/news-events\/events\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\/","url":"https:\/\/www.inovex.de\/de\/news-events\/events\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\/","name":"[Meetup] inovex Elements - Web Components im Rampenlicht: Technik trifft Design - inovex GmbH","isPartOf":{"@id":"https:\/\/www.inovex.de\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inovex.de\/de\/news-events\/events\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\/#primaryimage"},"image":{"@id":"https:\/\/www.inovex.de\/de\/news-events\/events\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inovex.de\/wp-content\/uploads\/Titelbild-Meetup-inovex-Elements-Stuttgart.png","datePublished":"2024-09-27T11:19:45+00:00","dateModified":"2024-09-27T11:28:07+00:00","description":"Bei diesem Meetup am 19. November in Stuttgart dreht sich alles um die Entwicklung moderner und wiederverwendbarer Webkomponenten.","breadcrumb":{"@id":"https:\/\/www.inovex.de\/de\/news-events\/events\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inovex.de\/de\/news-events\/events\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.inovex.de\/de\/news-events\/events\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\/#primaryimage","url":"https:\/\/www.inovex.de\/wp-content\/uploads\/Titelbild-Meetup-inovex-Elements-Stuttgart.png","contentUrl":"https:\/\/www.inovex.de\/wp-content\/uploads\/Titelbild-Meetup-inovex-Elements-Stuttgart.png","width":1340,"height":754,"caption":"Meetup in Stuttgart zum Thema \"inovex Elements - Web Components im Rampenlicht: Technik trifft Design\" in Stuttgart"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inovex.de\/de\/news-events\/events\/meetup-inovex-elements-web-components-im-rampenlicht-technik-trifft-design-stuttgart\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inovex.de\/de\/"},{"@type":"ListItem","position":2,"name":"Events","item":"https:\/\/www.inovex.de\/de\/news-events\/events\/"},{"@type":"ListItem","position":3,"name":"[Meetup] inovex Elements &#8211; Web Components im Rampenlicht: Technik trifft Design"}]},{"@type":"WebSite","@id":"https:\/\/www.inovex.de\/de\/#website","url":"https:\/\/www.inovex.de\/de\/","name":"inovex GmbH","description":"","publisher":{"@id":"https:\/\/www.inovex.de\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inovex.de\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.inovex.de\/de\/#organization","name":"inovex GmbH","url":"https:\/\/www.inovex.de\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.inovex.de\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.inovex.de\/wp-content\/uploads\/2021\/03\/inovex-logo-16-9-1.png","contentUrl":"https:\/\/www.inovex.de\/wp-content\/uploads\/2021\/03\/inovex-logo-16-9-1.png","width":1921,"height":1081,"caption":"inovex GmbH"},"image":{"@id":"https:\/\/www.inovex.de\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inovexde","https:\/\/x.com\/inovexgmbh","https:\/\/www.instagram.com\/inovexlife\/","https:\/\/www.linkedin.com\/company\/inovex","https:\/\/www.youtube.com\/channel\/UC7r66GT14hROB_RQsQBAQUQ"]}]}},"_links":{"self":[{"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/events\/58457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/events"}],"about":[{"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/types\/events"}],"version-history":[{"count":1,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/events\/58457\/revisions"}],"predecessor-version":[{"id":58460,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/events\/58457\/revisions\/58460"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/media\/58458"}],"wp:attachment":[{"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/media?parent=58457"}],"wp:term":[{"taxonomy":"events_types","embeddable":true,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/events_types?post=58457"},{"taxonomy":"service","embeddable":true,"href":"https:\/\/www.inovex.de\/de\/wp-json\/wp\/v2\/service?post=58457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}