[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":3,"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":49,"cod8ywu2wPeIsPKQ_Q_fme9aqWDD-6OVqbY0kXGc4iM":75,"dLfmF7Hd9Knf74lHa2tCIEnDNW0vjD0NltbC4ShBdi4":200,"_apollo:default":242},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","nuxt-main-menu","Nuxt Hauptmenü",[9,24,29,34,39,44],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog",null,"/know-how",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":20,"expanded":21,"attributes":38},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":40,"title":41,"description":13,"url":42,"langcode":15,"internal":20,"expanded":21,"attributes":43},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":15,"internal":20,"expanded":21,"attributes":48},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"menu":50},{"__typename":5,"id":51,"name":52,"items":53},"footer","Fußzeile",[54,60,65,70],{"__typename":10,"id":55,"title":56,"description":13,"url":57,"langcode":58,"internal":20,"expanded":21,"attributes":59},"e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum","/impressum",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":58,"internal":20,"expanded":21,"attributes":64},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":58,"internal":20,"expanded":21,"attributes":69},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":58,"internal":21,"expanded":21,"attributes":74},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":91,"path":92,"promote":21,"status":20,"sticky":21,"metatag":93,"postCategory":117,"postContentElements":13,"evergreen":13,"tags":141,"postWpBody":167,"wpHeaderImage":171,"wpHeaderImageOld":183,"wpHeaderImageOldSmall":13,"wpOgImage":184,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":170,"wpYoastHead":193,"author":194},"NodeWpPost","754","Angular vs Vue",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1661754268,"UTC","+00:00","2022-08-29T06:24:28+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1660812550,"2022-08-18T08:49:10+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/angular-vs-vue",[94,101,108,113],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Angular vs Vue | Liechtenecker UX Design Studio",{"__typename":102,"tag":103,"attributes":104},"MetaTagLink","link",{"__typename":105,"href":106,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/angular-vs-vue","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":109,"tag":96,"attributes":114},{"__typename":111,"property":115,"content":116},"og:image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/styles/meta_og_image/public/wp-migration/wordpress-media-image/2022/07/nicole_sharing-1.jpg?h=3ecc83bb&itok=2sDJ8Cg2",{"__typename":118,"id":119,"name":120,"path":121,"status":20,"weight":122,"description":123,"langcode":127,"changed":128,"metatag":131},"TermCategories","4","Design Methoden","/kategorie/methoden",0,{"__typename":124,"processed":125,"format":126},"Text","Workshops und Design Methoden wie Sprints, Konferenzen, Speculative Design etc.","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":129,"timezone":85,"offset":86,"time":130},1713772777,"2024-04-22T07:59:37+00:00",[132,135,138],{"__typename":95,"tag":96,"attributes":133},{"__typename":98,"name":99,"content":134},"Design Methoden | Liechtenecker UX Design Studio",{"__typename":95,"tag":96,"attributes":136},{"__typename":98,"name":137,"content":125},"description",{"__typename":102,"tag":103,"attributes":139},{"__typename":105,"href":140,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/methoden",[142,147,151,155,159,163],{"__typename":143,"id":144,"name":145,"path":146,"weight":122},"TermTags","80","angular","/tag/angular",{"__typename":143,"id":148,"name":149,"path":150,"weight":122},"340","Development","/tag/development",{"__typename":143,"id":152,"name":153,"path":154,"weight":122},"501","framework","/tag/framework",{"__typename":143,"id":156,"name":157,"path":158,"weight":122},"677","javascript","/tag/javascript",{"__typename":143,"id":160,"name":161,"path":162,"weight":122},"1462","vue","/tag/vue",{"__typename":143,"id":164,"name":165,"path":166,"weight":122},"1463","vuejs","/tag/vuejs",{"__typename":168,"processed":169,"format":126,"summary":170},"TextSummary","\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \u003Cdiv class=\"blog-drop-cap\">\n                    \u003Cdiv class=\"blog-drop-cap-background\">\nF\u003C/div>\n\u003Cp class=\"has-drop-cap\">Für alle, denen dieser Begriff noch neu ist:\u003Cstrong> \u003C/strong>Ein Framework ist ein Programmiergerüst, das die Grundstruktur einer Anwendung vorgibt und verschiedene Elemente und Funktionen bereitstellt. Dadurch kann einiges an Zeit gespart werden.\u003C/p>\n\u003C/div>        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Es gibt unterschiedlichste Frameworks, die auf den verschiedensten Technologien basieren. In diesem Blogbeitrag möchte ich die zwei JavaScript Frameworks \u003Ca href=\"https://angular.io/\">Angular\u003C/a> und \u003Ca href=\"https://vuejs.org/\">Vue.js\u003C/a> vergleichen. \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2>\u003Cstrong>Unterschiede zwischen Angular und Vue\u003C/strong>\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Grundsätzlich sind sich Angular und Vue.js sehr ähnlich und haben in ihren Grundzügen viele Gemeinsamkeiten – nicht zuletzt basieren beide größtenteils auf JavaScript. Betrachtet man aber die Unterschiede, lässt sich auch besser evaluieren, welches der beiden Frameworks man für ein Projekt auswählt: \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3  standard-list\">\n            \n\u003Cul>\u003Cli>\u003Cstrong>Lernkurve\u003C/strong>\u003Cstrong>\u003Cbr>\u003C/strong>Vue.js ist ganz klar um einiges einfacher zu lernen als Angular. Für Vue.js reichen JavaScript Kenntnisse aus, für Angular muss man hingegen zusätzlich TypeScript und das Konzept MVC (Model View Controller) verstanden haben. Zudem ist Angular auch in der Verwendung um einiges komplexer.\u003C/li>\u003Cli>\u003Cstrong>Community\u003C/strong>\u003Cstrong>\u003Cbr>\u003C/strong>Beide Frameworks haben eine starke Community, wobei die Community von Angular auf jeden Fall größer ist. Das ist auch kein Wunder, schließlich existiert Angular schon länger und wird von mehr Menschen genutzt. Hat man also eine Frage oder ein Problem, kann man sich sicher sein, dass man nicht der/die erste ist und dafür schon eine Lösung in der Community existiert. Sprich, man findet immer eine passende Lösung in der Suchmaschine der Wahl. Aber: Auch die Community von Vue.js wächst von Tag zu Tag!\u003C/li>\u003Cli>\u003Cstrong>Data\u003C/strong> \u003Cstrong>Rendering\u003C/strong>\u003Cstrong>\u003Cbr>\u003C/strong>Angular verwendet sogenannte Watcher, um den Daten-Rendering Prozess zu vereinfachen. Watcher behalten den Überblick über Werte und aktualisieren nur die Teile des DOMs (Document Object Model), dessen Werte sich geändert haben.\u003Cstrong>\u003Cbr>\u003C/strong>Vue.js dagegen verwendet virtuelle DOMs. Ein virtuelles DOM ist eine vereinfachte Kopie des DOMs mit den nötigsten Informationen. Dadurch verbessert sich die Performance bei Änderungen des Layouts erheblich, da nicht der ganze DOM neu gerendert werden muss, sondern nur der veränderte Teil des virtuellen DOMs.\u003C/li>\u003Cli>\u003Cstrong>TypeScript\u003C/strong>\u003Cstrong>\u003Cbr>\u003C/strong>Angular verwendet nicht nur TypeScript, sondern wurde auch in TypeScript geschrieben. Die komplette Dokumentation ist ebenfalls in TypeScript. Auch bei Vue.js hat man die Möglichkeit TypeScript zu verwenden, jedoch gibt es viel weniger Dokumentation dazu.\u003C/li>\u003C/ul>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2>\u003Cstrong>Meine Erfahrungen mit Angular und Vue\u003C/strong>\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Wie viele andere hab auch ich mit Vue.js gestartet. Die letzten 1,5 Jahre hab ich nun aber fast ausschließlich Projekte mithilfe von Angular entwickelt. Vor Kurzem hab ich zur Abwechslung mal wieder ein Projekt mit Vue.js umgesetzt. Und dabei ist mir aufgefallen, dass sich die beiden Frameworks zwar grundsätzlich ähnlich sind, aber auch dass es große Unterschiede beim Entwickeln selbst gibt:\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>In Angular wird eine Komponente in deren Bestandteile (HTML, CSS und TypeScript) in jeweils eigenen Dateien aufgeteilt.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>In Vue.js hingegen befindet sich der gesamte Code einer Komponente in einer Datei. Das bewegt einen dazu,  mehr darauf zu achten, Komponenten tatsächlich so klein wie möglich zu halten – ganz gut, das als Anfänger:in zu lernen, wie ich finde 🙂\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Man kann sowohl in Angular als auch in Vue.js Komponenten Properties übergeben. In Angular heißen diese Properties „Inputs“ und in Vue.js „Props“. Der größte Unterschied hier ist, dass wenn sich in Angular die übergebenen Properties ändern sollten, die Komponente das automatisch mitbekommt. In Vue.js müsste man hingegen entweder einen „Watcher“ auf das Property legen oder mithilfe einer „Computed Value“ auf Änderungen hören. Wenn man hauptsächlich Angular gewohnt ist, kann das am Anfang etwas verwirrend sein. Sobald man jedoch den Unterschied zwischen Computed Values und Watcher verstanden hat, hat man auch das schnell draußen.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Ch2>\u003Cstrong>Fazit\u003C/strong>\u003C/h2>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Im Großen und Ganzen sind sich Angular und Vue.js sehr ähnlich, doch bei näherer Betrachtung, vor allem aber bei der Verwendung, merkt man recht schnell, dass beide Frameworks für bestimmte Zwecke entwickelt worden sind. Bei großen und komplexen Projekten mit vielen Daten empfiehlt es sich, Angular zu verwenden. Vue.js wurde ursprünglich dafür entwickelt, um Single Page Websites zu programmieren und ist dafür auch ideal. Für eine Website mit flacher Navigation und wenigen Seiten wäre Angular ein Overkill.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Beide Frameworks erfüllen ihren Zweck und können bei richtiger Anwendung das Leben von Programmierer:innen einfacher machen.\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n\n\n\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>Was waren deine bisherigen Erfahrungen mit Angular oder Vue.js? \u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n","Vor jedem neuen Projekt stellt sich für Frontend Developer die Frage \"Welches Frontend-Framework ist für das Projekt richtig und passend?“. Da diese Frage oft gar nicht so leicht zu beantworten ist, möchte ich mit diesem Artikel eine Hilfestellung liefern.",{"__typename":172,"id":173,"excludeFromScreenreader":13,"mediaImage":174,"name":179,"path":182,"status":20},"MediaImage","595",{"__typename":175,"url":176,"width":177,"height":178,"alt":13,"title":179,"size":180,"mime":181},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2022/07/nicole_titelbild-scaled.jpg",2560,1156,"nicole_titelbild",833218,"image/jpeg","/media/595/edit",{"__typename":172,"id":173,"excludeFromScreenreader":13,"mediaImage":174,"name":179,"path":182,"status":20},{"__typename":172,"id":185,"excludeFromScreenreader":13,"mediaImage":186,"name":190,"path":192,"status":20},"592",{"__typename":175,"url":187,"width":188,"height":189,"alt":13,"title":190,"size":191,"mime":181},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2022/07/nicole_sharing-1.jpg",1204,630,"nicole_sharing",745682,"/media/592/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"description\" content=\"Angular vs Vue? Da diese Frage oft gar nicht so leicht zu beantworten ist, möchte ich mit diesem Artikel eine Hilfestellung liefern.\" />\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://legacy.liechtenecker.dev/blog/angular-vs-vue/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Angular vs Vue - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Angular vs Vue? Da diese Frage oft gar nicht so leicht zu beantworten ist, möchte ich mit diesem Artikel eine Hilfestellung liefern.\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/angular-vs-vue/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2022-08-18T10:49:10+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2022-08-29T08:24:28+00:00\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Geschätzte Lesezeit\">\n\t\u003Cmeta name=\"twitter:data1\" content=\"3 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://legacy.liechtenecker.dev/#website\",\"url\":\"https://legacy.liechtenecker.dev/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://legacy.liechtenecker.dev/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/angular-vs-vue/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/angular-vs-vue/\",\"name\":\"Angular vs Vue - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"datePublished\":\"2022-08-18T10:49:10+00:00\",\"dateModified\":\"2022-08-29T08:24:28+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/2a2e428a0a0a66124c61af2d13130f71\"},\"description\":\"Angular vs Vue? Da diese Frage oft gar nicht so leicht zu beantworten ist, m\\u00f6chte ich mit diesem Artikel eine Hilfestellung liefern.\",\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/angular-vs-vue/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/2a2e428a0a0a66124c61af2d13130f71\",\"name\":\"Nicole Pepelko\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/f14ad00350a5119bbe33f50d69a52c9f?s=96&d=mm&r=g\",\"caption\":\"Nicole Pepelko\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":195,"id":196,"myRole":197,"name":198,"nickname":199},"User","17","Female Dev Power","nicole-pepelko","Nicole Pepelko",{"latestKnowhow":201},[202,217,230],{"__typename":79,"id":203,"title":204,"path":205,"wpTeaserText":206,"wpPromotedTeaserImage":13,"wpHeaderImage":207},"1619","Behind the scenes: Ein Barrierefreiheits-Audit","/blog/behind-scenes-ein-barrierefreiheits-audit","”Entspricht unsere Website den gesetzlichen Anforderungen und wenn nicht, was genau müssen wir ändern?”\r\nDiese Frage lieben wir. Echt! Und so sieht unsere Antwort aus.",{"__typename":172,"id":208,"excludeFromScreenreader":13,"mediaImage":209,"name":215,"path":216,"status":20},"3364",{"__typename":175,"url":210,"width":211,"height":212,"alt":213,"title":13,"size":214,"mime":181},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":218,"title":219,"path":220,"wpTeaserText":221,"wpPromotedTeaserImage":13,"wpHeaderImage":222},"1616","Agentic KI trifft Design-System: Wie unser Presentation Maker entstand.","/blog/agentic-ki-trifft-design-system-wie-unser-presentation-maker-entstand","Nein, wir wollen euch jetzt nicht erzählen, was KI alles kann. Aber wir möchten euch zeigen, wie wir mit KI umgehen. \r\n",{"__typename":172,"id":223,"excludeFromScreenreader":13,"mediaImage":224,"name":228,"path":229,"status":20},"3355",{"__typename":175,"url":225,"width":211,"height":212,"alt":226,"title":13,"size":227,"mime":181},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/BLOG_Presentation%20Tool_TITEL-2880x1300px_1.jpg","Lukas und Daniel  arbeiten an Computern im Büro.",2621988,"BLOG_Presentation Tool_TITEL-2880x1300px.jpg","/media/3355/edit",{"__typename":79,"id":231,"title":232,"path":233,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":234},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":172,"id":235,"excludeFromScreenreader":21,"mediaImage":236,"name":240,"path":241,"status":20},"3303",{"__typename":175,"url":237,"width":211,"height":212,"alt":238,"title":13,"size":239,"mime":181},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-01/BLOG_Trendbericht%202026.jpg","UI Trends 2026, gelber Hintergrund, schwarze Schrift.",4700748,"BLOG_Trendbericht 2026.jpg","/media/3303/edit",{"Language:de":243,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":244,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":248,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":251,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":254,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":257,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":260,"Menu:nuxt-main-menu":263,"ROOT_QUERY":277,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":293,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":296,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":299,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":302,"Menu:footer":305,"TermCategories:4":315,"TermTags:80":326,"TermTags:340":327,"TermTags:501":328,"TermTags:677":329,"TermTags:1462":330,"TermTags:1463":331,"MediaImage:595":332,"MediaImage:592":334,"User:17":336,"NodeWpPost:754":337,"MediaImage:3364":373,"NodeWpPost:1619":375,"MediaImage:3355":378,"NodeWpPost:1616":380,"MediaImage:3303":383,"NodeWpPost:1606":385},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",245,"internal",20,"expanded",21,"attributes",247],{"__ref":246},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",249,"internal",20,"expanded",21,"attributes",250],{"__ref":246},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",252,"internal",20,"expanded",21,"attributes",253],{"__ref":246},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",255,"internal",20,"expanded",21,"attributes",256],{"__ref":246},["null","__typename",23,"class",13],["null","__typename",10,"id",40,"title",41,"description",13,"url",42,"langcode",258,"internal",20,"expanded",21,"attributes",259],{"__ref":246},["null","__typename",23,"class",13],["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",261,"internal",20,"expanded",21,"attributes",262],{"__ref":246},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",264],[265,267,269,271,273,275],{"__ref":266},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":268},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":270},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":272},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":274},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":276},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",278,"menu({\"name\":\"NUXT_MAIN_MENU\"})",279,"menu({\"name\":\"FOOTER\"})",281,"route({\"path\":\"/blog/angular-vs-vue\"})",283,"latestKnowhow({\"excludeId\":\"754\",\"limit\":3})",286],"Query",{"__ref":280},"Menu:nuxt-main-menu",{"__ref":282},"Menu:footer",["null","__typename",77,"entity",284],{"__ref":285},"NodeWpPost:754",[287,289,291],{"__ref":288},"NodeWpPost:1619",{"__ref":290},"NodeWpPost:1616",{"__ref":292},"NodeWpPost:1606",["null","__typename",10,"id",55,"title",56,"description",13,"url",57,"langcode",294,"internal",20,"expanded",21,"attributes",295],{"__ref":246},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",297,"internal",20,"expanded",21,"attributes",298],{"__ref":246},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",300,"internal",20,"expanded",21,"attributes",301],{"__ref":246},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",303,"internal",21,"expanded",21,"attributes",304],{"__ref":246},["null","__typename",23,"class",13],["null","__typename",5,"id",51,"name",52,"items",306],[307,309,311,313],{"__ref":308},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":310},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":312},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":314},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",118,"id",119,"name",120,"path",121,"status",20,"weight",122,"description",316,"langcode",317,"changed",318,"metatag",319],["null","__typename",124,"processed",125,"format",126],{"__ref":246},["null","__typename",83,"timestamp",129,"timezone",85,"offset",86,"time",130],[320,322,324],["null","__typename",95,"tag",96,"attributes",321],["null","__typename",98,"name",99,"content",134],["null","__typename",95,"tag",96,"attributes",323],["null","__typename",98,"name",137,"content",125],["null","__typename",102,"tag",103,"attributes",325],["null","__typename",105,"href",140,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",143,"id",144,"name",145,"path",146,"weight",122],["null","__typename",143,"id",148,"name",149,"path",150,"weight",122],["null","__typename",143,"id",152,"name",153,"path",154,"weight",122],["null","__typename",143,"id",156,"name",157,"path",158,"weight",122],["null","__typename",143,"id",160,"name",161,"path",162,"weight",122],["null","__typename",143,"id",164,"name",165,"path",166,"weight",122],["null","__typename",172,"id",173,"excludeFromScreenreader",13,"mediaImage",333,"name",179,"path",182,"status",20],["null","__typename",175,"url",176,"width",177,"height",178,"alt",13,"title",179,"size",180,"mime",181],["null","__typename",172,"id",185,"excludeFromScreenreader",13,"mediaImage",335,"name",190,"path",192,"status",20],["null","__typename",175,"url",187,"width",188,"height",189,"alt",13,"title",190,"size",191,"mime",181],["null","__typename",195,"id",196,"myRole",197,"name",198,"nickname",199],["null","__typename",79,"id",80,"title",81,"changed",338,"created",339,"langcode",340,"path",92,"promote",21,"status",20,"sticky",21,"metatag",341,"category",350,"contentElements",13,"evergreen",13,"tags",352,"wpBody",365,"wpHeaderImage",366,"wpHeaderImageOld",368,"wpHeaderImageOldSmall",13,"wpOgImage",369,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",170,"wpYoastHead",193,"author",371],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":246},[342,344,346,348],["null","__typename",95,"tag",96,"attributes",343],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",345],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",347],["null","__typename",111,"property",112,"content",81],["null","__typename",109,"tag",96,"attributes",349],["null","__typename",111,"property",115,"content",116],{"__ref":351},"TermCategories:4",[353,355,357,359,361,363],{"__ref":354},"TermTags:80",{"__ref":356},"TermTags:340",{"__ref":358},"TermTags:501",{"__ref":360},"TermTags:677",{"__ref":362},"TermTags:1462",{"__ref":364},"TermTags:1463",["null","__typename",168,"processed",169,"format",126,"summary",170],{"__ref":367},"MediaImage:595",{"__ref":367},{"__ref":370},"MediaImage:592",{"__ref":372},"User:17",["null","__typename",172,"id",208,"excludeFromScreenreader",13,"mediaImage",374,"name",215,"path",216,"status",20],["null","__typename",175,"url",210,"width",211,"height",212,"alt",213,"title",13,"size",214,"mime",181],["null","__typename",79,"id",203,"title",204,"path",205,"wpTeaserText",206,"wpPromotedTeaserImage",13,"wpHeaderImage",376],{"__ref":377},"MediaImage:3364",["null","__typename",172,"id",223,"excludeFromScreenreader",13,"mediaImage",379,"name",228,"path",229,"status",20],["null","__typename",175,"url",225,"width",211,"height",212,"alt",226,"title",13,"size",227,"mime",181],["null","__typename",79,"id",218,"title",219,"path",220,"wpTeaserText",221,"wpPromotedTeaserImage",13,"wpHeaderImage",381],{"__ref":382},"MediaImage:3355",["null","__typename",172,"id",235,"excludeFromScreenreader",21,"mediaImage",384,"name",240,"path",241,"status",20],["null","__typename",175,"url",237,"width",211,"height",212,"alt",238,"title",13,"size",239,"mime",181],["null","__typename",79,"id",231,"title",232,"path",233,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",386],{"__ref":387},"MediaImage:3303"]