[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"tje4eyK9BaWwUOxUOIpGKe9c13ZXe7U4MxWU_m_OtAw":75,"SoodTHiApxpxzU2cbcACF0kLoexqIfJ3aG46J9sDiPY":174,"_apollo:default":219},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","footer","Fußzeile",[9,24,29,34],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum",null,"/impressum",{"__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},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":21,"expanded":21,"attributes":38},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"menu":40},{"__typename":5,"id":41,"name":42,"items":43},"nuxt-main-menu","Nuxt Hauptmenü",[44,50,55,60,65,70],{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":48,"internal":20,"expanded":21,"attributes":49},"9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog","/know-how",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":51,"title":52,"description":13,"url":53,"langcode":48,"internal":20,"expanded":21,"attributes":54},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":56,"title":57,"description":13,"url":58,"langcode":48,"internal":20,"expanded":21,"attributes":59},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":48,"internal":20,"expanded":21,"attributes":64},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":48,"internal":20,"expanded":21,"attributes":69},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":48,"internal":20,"expanded":21,"attributes":74},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__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":113,"postContentElements":13,"evergreen":13,"tags":138,"postWpBody":164,"wpHeaderImage":13,"wpHeaderImageOld":13,"wpHeaderImageOldSmall":13,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":167,"author":168},"NodeWpPost","974","The State of JavaScript: Der Ist-Zustand",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1554798421,"UTC","+00:00","2019-04-09T08:27:01+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1414682612,"2014-10-30T15:23:32+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/the-state-of-javascript-der-ist-zustand",[94,101,108],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","The State of JavaScript: Der Ist-Zustand | 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/the-state-of-javascript-der-ist-zustand","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":114,"id":115,"name":116,"path":117,"status":20,"weight":118,"description":119,"langcode":123,"changed":124,"metatag":127},"TermCategories","7","Technologie","/kategorie/technologie",0,{"__typename":120,"processed":121,"format":122},"Text","Development Themen sowie zukünftige Technologien, mit denen wir uns auseinandersetzen. ","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":125,"timezone":85,"offset":86,"time":126},1713772777,"2024-04-22T07:59:37+00:00",[128,131,135],{"__typename":95,"tag":96,"attributes":129},{"__typename":98,"name":99,"content":130},"Technologie | Liechtenecker UX Design Studio",{"__typename":95,"tag":96,"attributes":132},{"__typename":98,"name":133,"content":134},"description","Development Themen sowie zukünftige Technologien, mit denen wir uns auseinandersetzen.",{"__typename":102,"tag":103,"attributes":136},{"__typename":105,"href":137,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/technologie",[139,144,148,152,156,160],{"__typename":140,"id":141,"name":142,"path":143,"weight":118},"TermTags","64","Ajax","/tag/ajax",{"__typename":140,"id":145,"name":146,"path":147,"weight":118},"80","angular","/tag/angular",{"__typename":140,"id":149,"name":150,"path":151,"weight":118},"382","ECMAScript","/tag/ecmascript",{"__typename":140,"id":153,"name":154,"path":155,"weight":118},"677","javascript","/tag/javascript",{"__typename":140,"id":157,"name":158,"path":159,"weight":118},"889","Node","/tag/node",{"__typename":140,"id":161,"name":162,"path":163,"weight":118},"1047","React","/tag/react",{"__typename":165,"processed":166,"format":122,"summary":13},"TextSummary","\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\u003Cdiv alt=\"webaward\" data-entity-type=\"media\" data-entity-uuid=\"8025b274-ec18-403f-9a80-118b9ec5ab4c\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2014/10/webaward1-1.jpg.webp?itok=5CQzkyfY 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/10/webaward1-1.jpg.webp?itok=WqDLMVAr 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"1000\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/10/webaward1-1.jpg.webp?itok=x91qkPYX 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/10/webaward1-1.jpg.webp?itok=ID3Kq-hI 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"1000\" height=\"400\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/10/webaward1-1.jpg.webp?itok=N-f42E-K 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/10/webaward1-1.jpg.webp?itok=Q9ZAPPKV 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"298\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/10/webaward1-1.jpg.webp?itok=A_czQLFZ 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/10/webaward1-1.jpg.webp?itok=i-DxUFBE 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"192\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/10/webaward1-1.jpg.webp?itok=6rxpHib0 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/10/webaward1-1.jpg.webp?itok=bYs9f_Br 2x\" type=\"image/webp\" width=\"1000\" height=\"400\">\n                  \u003Cimg loading=\"lazy\" width=\"1000\" height=\"400\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/10/webaward1-1.jpg.jpg?itok=bYs9f_Br\" alt=\"webaward\" title=\"Iszustand JavaScript\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp>\u003Cbr>\nIm ersten Teil meiner kommenden Serie über JavaScript möchte ich mich mit dem aktuellen Stand von JavaScript beschäftigen. Dabei interessieren mich vor allem die Verbreitung und die aktuellen Entwicklungen.\u003C/p>\n\u003Ch2>Verbreitung von JavaScript\u003C/h2>\n\u003Cp>Lange Zeit galt es als verpönt JavaScript großflächig auf Webseiten einzusetzen. Das hatte auch gute Gründe: Kann man heutzutage Frontend-Frameworks (wie z.B. \u003Ca href=\"https://angularjs.org/\" target=\"_blank\" rel=\"noopener noreferrer\">Angular\u003C/a>, \u003Ca href=\"http://emberjs.com/\" target=\"_blank\" rel=\"noopener noreferrer\">EmberJS\u003C/a> oder \u003Ca href=\"http://facebook.github.io/react/\" target=\"_blank\" rel=\"noopener noreferrer\">React\u003C/a>) und Backend-Frameworks (wie z.B. \u003Ca href=\"http://nodejs.org/\" target=\"_blank\" rel=\"noopener noreferrer\">NodeJS\u003C/a>) große Webapps gänzlich mit JavaScript umsetzen, beschränkten sich JavaScript vor allem zu Zeiten von Flash auf kleine Helfer-Scripts und unnütze, ressourcenintensive Effekte wie fallende Schneeflocken. Aus dieser Zeit stammt auch der schlechte Ruf, den JavaScript in der Entwicklercommunity noch nicht ganz ablegen konnte.\u003Cbr>\nDie Entwicklung von JavaScript in den letzten Jahren sieht man am besten auf folgender Grafik. In den letzten vier Jahren hat sich die Größe des durchschnittlich eingesetzten JavaScripts von ~113kb auf  296kb nahezu verdreifacht.\u003Cbr>\n\u003C/p>\u003Cdiv id=\"attachment_6307\" style=\"width: 610px\" class=\"wp-caption aligncenter\">\u003Cdiv alt=\"chart\" data-entity-type=\"media\" data-entity-uuid=\"d90c831b-8695-4886-b58e-8e605874fc69\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2014/10/chart1-1.png.webp?itok=9-tRusqw 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/10/chart1-1.png.webp?itok=ABUZWUoC 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"600\" height=\"300\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/10/chart1-1.png.webp?itok=-iz37PLA 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/10/chart1-1.png.webp?itok=Gy1C02sp 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"600\" height=\"300\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/10/chart1-1.png.webp?itok=kIVR_M-v 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/10/chart1-1.png.webp?itok=LDckYZGV 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"600\" height=\"300\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/10/chart1-1.png.webp?itok=iKkWlb5i 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/10/chart1-1.png.webp?itok=0h8zC_Li 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"240\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/10/chart1-1.png.webp?itok=bRCJ2BOQ 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/10/chart1-1.png.webp?itok=9LEOf_6_ 2x\" type=\"image/webp\" width=\"600\" height=\"300\">\n                  \u003Cimg loading=\"lazy\" width=\"600\" height=\"300\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/10/chart1-1.png.jpg?itok=9LEOf_6_\" alt=\"chart\" title=\"JavaScript Transfer Size und Request\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp id=\"caption-attachment-6307\" class=\"wp-caption-text\">Quelle: HTTP Archive, http://httparchive.org\u003C/p>\u003C/div>\u003Cbr>\nSieht man sich den durchschnittlichen Aufbau einer Webseite im Vergleich von 2010 zu heute an, sieht man, dass JavaScript organisch mitgewachsen ist und sich auch die Größe der restlichen Elemente einer Seite nahezu verdreifacht hat.\u003Cbr>\n\u003Cdiv id=\"attachment_6312\" style=\"width: 810px\" class=\"wp-caption aligncenter\">\u003Cdiv alt=\"Aufbau einer Website 2010 vs 2014, Quelle: HTTP Archive, http://httparchive.org\" data-entity-type=\"media\" data-entity-uuid=\"fdf89c0e-e412-45ac-a504-7ce0a0fcfd8b\" data-langcode=\"de\" class=\"embedded-entity\">\u003Cdiv>\n  \n  \n  \u003Cdiv>\n    \u003Cdiv class=\"visually-hidden\">Bild\u003C/div>\n              \u003Cdiv>    \u003Cpicture>\n                  \u003Csource srcset=\"/sites/default/files/styles/image_width_medium/public/wp-migration/wordpress-media-image/2014/10/chart-1-21-1.jpg.webp?itok=upgVkzgh 1x, /sites/default/files/styles/image_width_medium_x2/public/wp-migration/wordpress-media-image/2014/10/chart-1-21-1.jpg.webp?itok=ZL-ud7rk 2x\" media=\"all and (min-width: 1024px) and (max-width: 1439px)\" type=\"image/webp\" width=\"800\" height=\"225\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_small/public/wp-migration/wordpress-media-image/2014/10/chart-1-21-1.jpg.webp?itok=bo0ZkUB0 1x, /sites/default/files/styles/image_width_small_x2/public/wp-migration/wordpress-media-image/2014/10/chart-1-21-1.jpg.webp?itok=N1TOgIYn 2x\" media=\"all and (min-width: 745px) and (max-width: 1023px)\" type=\"image/webp\" width=\"800\" height=\"225\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xsmall/public/wp-migration/wordpress-media-image/2014/10/chart-1-21-1.jpg.webp?itok=emhYS9iE 1x, /sites/default/files/styles/image_width_xsmall_x2/public/wp-migration/wordpress-media-image/2014/10/chart-1-21-1.jpg.webp?itok=b4dF4MI2 2x\" media=\"all and (min-width: 480px) and (max-width: 744px)\" type=\"image/webp\" width=\"745\" height=\"210\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_xxsmall/public/wp-migration/wordpress-media-image/2014/10/chart-1-21-1.jpg.webp?itok=vK0Qhd4E 1x, /sites/default/files/styles/image_width_xxsmall_x2/public/wp-migration/wordpress-media-image/2014/10/chart-1-21-1.jpg.webp?itok=yu97yMB6 2x\" media=\"all and (max-width: 479px)\" type=\"image/webp\" width=\"480\" height=\"135\">\n              \u003Csource srcset=\"/sites/default/files/styles/image_width_large/public/wp-migration/wordpress-media-image/2014/10/chart-1-21-1.jpg.webp?itok=P3dWfU1m 1x, /sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/10/chart-1-21-1.jpg.webp?itok=HM4O1Ewr 2x\" type=\"image/webp\" width=\"800\" height=\"225\">\n                  \u003Cimg loading=\"lazy\" width=\"800\" height=\"225\" src=\"/sites/default/files/styles/image_width_large_x2/public/wp-migration/wordpress-media-image/2014/10/chart-1-21-1.jpg.jpg?itok=HM4O1Ewr\" alt=\"Aufbau einer Website 2010 vs 2014, Quelle: HTTP Archive, http://httparchive.org\" title=\"Aufbau einer Website 2010 vs 2014\">\n\n  \u003C/picture>\n\n\u003C/div>\n          \u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003Cp id=\"caption-attachment-6312\" class=\"wp-caption-text\">Aufbau einer Website 2010 vs 2014, Quelle: HTTP Archive, http://httparchive.org\u003C/p>\u003C/div>\u003Cbr>\nJavaScript hat heute eine wichtige, nicht mehr wegzudenkende Rolle im Web, mit unterschiedlichsten Einsatzmöglichkeiten.\n\u003Ch2>Die Zukunft von JavaScript\u003C/h2>\n\u003Cp>Auch wenn es für viele Entwickler nicht so aussieht, untersteht JavaScript einer ständigen Weiterentwicklung: JavaScript wurde 1995 entwickelt und 1996/1997 unter der Mithilfe von Microsoft unter dem Namen ECMAScript standardisiert (auch ActionScript, also die Programmiersprache für Flash-Anwendungen basiert auf ECMAScript). ECMAScript liegt derzeit in Version 5, die Arbeiten an Version 6 sollen noch dieses Jahr abgeschlossen werden. Zu den wichtigsten neuen Features von ECMAScript 6 gehören \u003Cstrong>Klassen \u003C/strong>(damit greift JavaScript den Ansatz von Objektorientierten Programmiersprachen weiter auf), bessere \u003Cstrong>Iteratoren\u003C/strong>, \u003Cstrong>Module\u003C/strong> (um eigenständige Komponenten noch besser in verschiedenen Projekten nutzen zu können), \u003Cstrong>Promises \u003C/strong>uvm.\u003Cbr>\nDamit nähert sich JavaScript weiter komplexeren Programmiersprachen wie Python, C, C++ und Java an und macht die Entwicklung von komplexen und interaktiven Webapps in Zukunft noch einfacher möglich.\u003Cbr>\nAuch auf JavaScript Frameworks hat diese neue Version von ECMAScript 6 großen Einfluss. Im nächsten Teil der Serie möchte ich auf JavaScript Frontend-Frameworks, konkret Angular und dessen Entwicklung, Möglichkeiten und Zukunft eingehen.\u003Cbr>\nStay tuned!\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\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/the-state-of-javascript-der-ist-zustand/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"The State of JavaScript: Der Ist-Zustand - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Im ersten Teil meiner kommenden Serie über JavaScript möchte ich mich mit dem aktuellen Stand von JavaScript beschäftigen. Dabei interessieren mich vor allem die Verbreitung und die aktuellen Entwicklungen. Verbreitung von JavaScript Lange Zeit galt es als verpönt JavaScript großflächig auf Webseiten einzusetzen. Das hatte auch gute Gründe: Kann man heutzutage Frontend-Frameworks (wie z.B. Angular, […]\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/the-state-of-javascript-der-ist-zustand/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2014-10-30T16:23:32+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2019-04-09T10:27:01+00:00\" />\n\u003Cmeta property=\"og:image\" content=\"https://legacy.liechtenecker.dev/wp-content/uploads/2014/10/webaward1-1.jpg\" />\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=\"2 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\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/blog/the-state-of-javascript-der-ist-zustand/#primaryimage\",\"inLanguage\":\"de-DE\",\"url\":\"https://legacy.liechtenecker.dev/wp-content/uploads/2014/10/webaward1-1.jpg\",\"width\":1000,\"height\":400,\"caption\":\"Iszustand JavaScript\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/the-state-of-javascript-der-ist-zustand/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/the-state-of-javascript-der-ist-zustand/\",\"name\":\"The State of JavaScript: Der Ist-Zustand - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"primaryImageOfPage\":{\"@id\":\"https://legacy.liechtenecker.dev/blog/the-state-of-javascript-der-ist-zustand/#primaryimage\"},\"datePublished\":\"2014-10-30T16:23:32+00:00\",\"dateModified\":\"2019-04-09T10:27:01+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/b24fd61d8a4acf49d8c56f320617f6ec\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/the-state-of-javascript-der-ist-zustand/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/b24fd61d8a4acf49d8c56f320617f6ec\",\"name\":\"Stephan\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/400d5f8c531afb609b81aa66c8d56f01?s=96&d=mm&r=g\",\"caption\":\"Stephan\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":169,"id":170,"myRole":171,"name":172,"nickname":173},"User","23","langgedienter Frontend-Veteran","s-fletzberger","Stephan",{"latestKnowhow":175},[176,194,207],{"__typename":79,"id":177,"title":178,"path":179,"wpTeaserText":180,"wpPromotedTeaserImage":13,"wpHeaderImage":181},"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":182,"id":183,"excludeFromScreenreader":13,"mediaImage":184,"name":192,"path":193,"status":20},"MediaImage","3364",{"__typename":185,"url":186,"width":187,"height":188,"alt":189,"title":13,"size":190,"mime":191},"Image","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,"image/jpeg","Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":195,"title":196,"path":197,"wpTeaserText":198,"wpPromotedTeaserImage":13,"wpHeaderImage":199},"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":182,"id":200,"excludeFromScreenreader":13,"mediaImage":201,"name":205,"path":206,"status":20},"3355",{"__typename":185,"url":202,"width":187,"height":188,"alt":203,"title":13,"size":204,"mime":191},"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":208,"title":209,"path":210,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":211},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":182,"id":212,"excludeFromScreenreader":21,"mediaImage":213,"name":217,"path":218,"status":20},"3303",{"__typename":185,"url":214,"width":187,"height":188,"alt":215,"title":13,"size":216,"mime":191},"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":220,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":221,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":225,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":228,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":231,"Menu:footer":234,"ROOT_QUERY":244,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":260,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":263,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":266,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":269,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":272,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":275,"Menu:nuxt-main-menu":278,"TermCategories:7":292,"TermTags:64":303,"TermTags:80":304,"TermTags:382":305,"TermTags:677":306,"TermTags:889":307,"TermTags:1047":308,"User:23":309,"NodeWpPost:974":310,"MediaImage:3364":339,"NodeWpPost:1619":341,"MediaImage:3355":344,"NodeWpPost:1616":346,"MediaImage:3303":349,"NodeWpPost:1606":351},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",222,"internal",20,"expanded",21,"attributes",224],{"__ref":223},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",226,"internal",20,"expanded",21,"attributes",227],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",229,"internal",20,"expanded",21,"attributes",230],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",232,"internal",21,"expanded",21,"attributes",233],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",235],[236,238,240,242],{"__ref":237},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":239},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":241},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":243},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",245,"menu({\"name\":\"FOOTER\"})",246,"menu({\"name\":\"NUXT_MAIN_MENU\"})",248,"route({\"path\":\"/blog/the-state-of-javascript-der-ist-zustand\"})",250,"latestKnowhow({\"excludeId\":\"974\",\"limit\":3})",253],"Query",{"__ref":247},"Menu:footer",{"__ref":249},"Menu:nuxt-main-menu",["null","__typename",77,"entity",251],{"__ref":252},"NodeWpPost:974",[254,256,258],{"__ref":255},"NodeWpPost:1619",{"__ref":257},"NodeWpPost:1616",{"__ref":259},"NodeWpPost:1606",["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",261,"internal",20,"expanded",21,"attributes",262],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",10,"id",51,"title",52,"description",13,"url",53,"langcode",264,"internal",20,"expanded",21,"attributes",265],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",10,"id",56,"title",57,"description",13,"url",58,"langcode",267,"internal",20,"expanded",21,"attributes",268],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",270,"internal",20,"expanded",21,"attributes",271],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",273,"internal",20,"expanded",21,"attributes",274],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",276,"internal",20,"expanded",21,"attributes",277],{"__ref":223},["null","__typename",23,"class",13],["null","__typename",5,"id",41,"name",42,"items",279],[280,282,284,286,288,290],{"__ref":281},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":283},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":285},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":287},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":289},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":291},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",114,"id",115,"name",116,"path",117,"status",20,"weight",118,"description",293,"langcode",294,"changed",295,"metatag",296],["null","__typename",120,"processed",121,"format",122],{"__ref":223},["null","__typename",83,"timestamp",125,"timezone",85,"offset",86,"time",126],[297,299,301],["null","__typename",95,"tag",96,"attributes",298],["null","__typename",98,"name",99,"content",130],["null","__typename",95,"tag",96,"attributes",300],["null","__typename",98,"name",133,"content",134],["null","__typename",102,"tag",103,"attributes",302],["null","__typename",105,"href",137,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",140,"id",141,"name",142,"path",143,"weight",118],["null","__typename",140,"id",145,"name",146,"path",147,"weight",118],["null","__typename",140,"id",149,"name",150,"path",151,"weight",118],["null","__typename",140,"id",153,"name",154,"path",155,"weight",118],["null","__typename",140,"id",157,"name",158,"path",159,"weight",118],["null","__typename",140,"id",161,"name",162,"path",163,"weight",118],["null","__typename",169,"id",170,"myRole",171,"name",172,"nickname",173],["null","__typename",79,"id",80,"title",81,"changed",311,"created",312,"langcode",313,"path",92,"promote",21,"status",20,"sticky",21,"metatag",314,"category",321,"contentElements",13,"evergreen",13,"tags",323,"wpBody",336,"wpHeaderImage",13,"wpHeaderImageOld",13,"wpHeaderImageOldSmall",13,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",167,"author",337],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":223},[315,317,319],["null","__typename",95,"tag",96,"attributes",316],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",318],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",320],["null","__typename",111,"property",112,"content",81],{"__ref":322},"TermCategories:7",[324,326,328,330,332,334],{"__ref":325},"TermTags:64",{"__ref":327},"TermTags:80",{"__ref":329},"TermTags:382",{"__ref":331},"TermTags:677",{"__ref":333},"TermTags:889",{"__ref":335},"TermTags:1047",["null","__typename",165,"processed",166,"format",122,"summary",13],{"__ref":338},"User:23",["null","__typename",182,"id",183,"excludeFromScreenreader",13,"mediaImage",340,"name",192,"path",193,"status",20],["null","__typename",185,"url",186,"width",187,"height",188,"alt",189,"title",13,"size",190,"mime",191],["null","__typename",79,"id",177,"title",178,"path",179,"wpTeaserText",180,"wpPromotedTeaserImage",13,"wpHeaderImage",342],{"__ref":343},"MediaImage:3364",["null","__typename",182,"id",200,"excludeFromScreenreader",13,"mediaImage",345,"name",205,"path",206,"status",20],["null","__typename",185,"url",202,"width",187,"height",188,"alt",203,"title",13,"size",204,"mime",191],["null","__typename",79,"id",195,"title",196,"path",197,"wpTeaserText",198,"wpPromotedTeaserImage",13,"wpHeaderImage",347],{"__ref":348},"MediaImage:3355",["null","__typename",182,"id",212,"excludeFromScreenreader",21,"mediaImage",350,"name",217,"path",218,"status",20],["null","__typename",185,"url",214,"width",187,"height",188,"alt",215,"title",13,"size",216,"mime",191],["null","__typename",79,"id",208,"title",209,"path",210,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",352],{"__ref":353},"MediaImage:3303"]