{"id":2483,"date":"2020-12-10T16:13:45","date_gmt":"2020-12-10T15:13:45","guid":{"rendered":"https:\/\/www.thecodecampus.de\/blog\/?p=2483"},"modified":"2025-04-22T10:33:44","modified_gmt":"2025-04-22T08:33:44","slug":"angular-11-hot-module-replacement","status":"publish","type":"post","link":"https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/","title":{"rendered":"Angular 11: Hot Module Replacement"},"content":{"rendered":"<p><a href=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/test-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2508\" src=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/test-1.png\" alt=\"\" width=\"1058\" height=\"542\" srcset=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/test-1.png 1058w, https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/test-1-300x154.png 300w, https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/test-1-1024x525.png 1024w, https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/test-1-768x393.png 768w\" sizes=\"auto, (max-width: 1058px) 100vw, 1058px\" \/><\/a><\/p>\n<p>Angular 11 was released few weeks ago and with it comes a large number of performance upgrades, bugfixes and improved logging. Not only was the upgrade from Angular V10 to V11 painless but I wanted to share with you the new Hot Module Replacement (HMR) feature.<br \/>\nThis has been exposed on the CLI if you hadn&#8217;t tried it in previous versions, so now is a great time to dive in and give it a go.<\/p>\n<p>&nbsp;<\/p>\n<h2>What\u2019s the Problem?<\/h2>\n<p>During normal development of an Angular project, when we save a change, the application is recompiled to re-build and paint the views. Angular is loading modules, CSS, etc again and again even if we do a small change in any file.<\/p>\n<p>This process consumes a lot of time to reflect a minor change on screen as development bundles take much more time than production builds to load in the web-browsers.<\/p>\n<h2>Using the HMR feature in Angular<\/h2>\n<p>HMR is a Webpack feature to update the application modules without reloading and repainting everything.<br \/>\nBy using the HMR technique the application development becomes faster as fewer resources are loaded after saving the changes in the project.<br \/>\nIn order to enable HMR when starting an application run the following command:<\/p>\n<pre class=\"lang:default decode:true\">ng serve --hmr<\/pre>\n<p>After the local server starts the console will display a message confirming that HMR is active:<br \/>\nNOTICE: Hot Module Replacement (HMR) is enabled out of the box for the dev server.<\/p>\n<p><a href=\"https:\/\/www.thecodecampus.de\/schulungen\/angular\" style=\"display: inline-block;\">\n<picture><source srcset=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2025\/04\/schulungen-tcc_frieder_WP_big.png\" media=\"(min-width: 1024px)\"><source srcset=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2025\/04\/schulungen-tcc_frieder_WP_medium.png\" media=\"(min-width: 600px)\"><img decoding=\"async\" src=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2025\/04\/schulungen-tcc_frieder_WP_small.png\" alt=\"Angular Schulungen\" class=\"alignnone size-full wp-image-38\">\n<\/picture>\n<\/a><\/p>\n<h3>Classic Angular Reloading<\/h3>\n<p><a href=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/normal-ng-serve.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2586 size-full aligncenter\" src=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/normal-ng-serve.webp\" alt=\"\" width=\"1358\" height=\"730\" \/><\/a><\/p>\n<p>The above example should look very common for frontend developers. You fill out your form with data , and then for some reason you decide to make a minor adjustment in your stylesheet or template. By doing so, it forces the whole app to rebuild, refresh the page and display the new version of our app.<br \/>\nTherefore the input fields are cleared which means we lose our state.<\/p>\n<p>&nbsp;<\/p>\n<h3>Hot Module Replacement in Angular<\/h3>\n<p><a href=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/hmr-in-action.webp\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2588 size-full aligncenter\" src=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/hmr-in-action.webp\" alt=\"\" width=\"1358\" height=\"730\" \/><\/a><\/p>\n<p>With the hot module replacement flag used we see a slightly different behavior.<br \/>\nThe initial flow is the same. However when we make our change in the template, we see that only the affected part in our app is reloaded.<br \/>\nThis time the hot module replacement preserves our state and our input still has our user generated value. Noice!<\/p>\n<p>&nbsp;<\/p>\n<h2>Conclusion<\/h2>\n<p>By implementing the Hot Module Replacement technique we can save much time, which would otherwise be wasted during the development phase. It is one of the most important features provided by Webpack.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Angular 11 was released few weeks ago and with it comes a large number of performance upgrades, bugfixes and improved logging. Not only was the upgrade from Angular V10 to V11 painless but I wanted to share with you the new Hot Module Replacement (HMR) feature. This has been exposed on the CLI if you [&#8230;]<br \/><a class=\"meta-big\" href=\"https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/\"> READ MORE<\/a><\/p>\n","protected":false},"author":29,"featured_media":2508,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[73,140,79,60],"tags":[112,144,142,143,145,37,141,83,75],"class_list":["post-2483","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular","category-angular-11","category-tooling","category-typescript","tag-angular","tag-angular-11","tag-hmr","tag-hot-module-replacement","tag-new-angular-feature","tag-performance","tag-productivity","tag-tooling","tag-typescript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Angular 11: Hot Module Replacement - Web Development Blog<\/title>\n<meta name=\"description\" content=\"Unlock Angular 11 Hot Module Replacement for rapid development. See changes instantly, boost productivity effortlessly! (138 characters)\" \/>\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.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular 11: Hot Module Replacement - Web Development Blog\" \/>\n<meta property=\"og:description\" content=\"Unlock Angular 11 Hot Module Replacement for rapid development. See changes instantly, boost productivity effortlessly! (138 characters)\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Development tips and tricks - theCodeCampus Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-10T15:13:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-22T08:33:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/test-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1058\" \/>\n\t<meta property=\"og:image:height\" content=\"542\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"theCodeCampus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"theCodeCampus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-11-hot-module-replacement\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-11-hot-module-replacement\\\/\"},\"author\":{\"name\":\"theCodeCampus\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#\\\/schema\\\/person\\\/276bbda2f8da73154f22fb652201cfbc\"},\"headline\":\"Angular 11: Hot Module Replacement\",\"datePublished\":\"2020-12-10T15:13:45+00:00\",\"dateModified\":\"2025-04-22T08:33:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-11-hot-module-replacement\\\/\"},\"wordCount\":410,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-11-hot-module-replacement\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/test-1.png\",\"keywords\":[\"Angular\",\"Angular 11\",\"HMR\",\"Hot Module Replacement\",\"New Angular Feature\",\"Performance\",\"Productivity\",\"Tooling\",\"TypeScript\"],\"articleSection\":[\"Angular\",\"Angular 11\",\"Tooling\",\"TypeScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-11-hot-module-replacement\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-11-hot-module-replacement\\\/\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-11-hot-module-replacement\\\/\",\"name\":\"Angular 11: Hot Module Replacement - Web Development Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-11-hot-module-replacement\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-11-hot-module-replacement\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/test-1.png\",\"datePublished\":\"2020-12-10T15:13:45+00:00\",\"dateModified\":\"2025-04-22T08:33:44+00:00\",\"description\":\"Unlock Angular 11 Hot Module Replacement for rapid development. See changes instantly, boost productivity effortlessly! (138 characters)\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-11-hot-module-replacement\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-11-hot-module-replacement\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-11-hot-module-replacement\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/test-1.png\",\"contentUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/test-1.png\",\"width\":1058,\"height\":542},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-11-hot-module-replacement\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular 11: Hot Module Replacement\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/\",\"name\":\"Web Development tips and tricks - theCodeCampus Blog\",\"description\":\"Tips, tricks, and experiences about developing web and mobile applications with Angular, TypeScript, and Testing.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#organization\",\"name\":\"theCodeCampus\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/TCC-Logo-Bildmarke-quadratisch.jpg\",\"contentUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/TCC-Logo-Bildmarke-quadratisch.jpg\",\"width\":156,\"height\":156,\"caption\":\"theCodeCampus\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#\\\/schema\\\/person\\\/276bbda2f8da73154f22fb652201cfbc\",\"name\":\"theCodeCampus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/TCC-Logo-Bildmarke-quadratisch-96x96.jpg\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/TCC-Logo-Bildmarke-quadratisch-96x96.jpg\",\"contentUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/TCC-Logo-Bildmarke-quadratisch-96x96.jpg\",\"caption\":\"theCodeCampus\"},\"description\":\"Our knowledge is not simply gained through reading - it is trained, tested and constantly being expanded. Because first and foremost, we are all developers at W11K. The know-how that we acquire here as developers, consultants and information architects flows immediately into our training courses and articles for theCodeCampus.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/showcase\\\/thecodecampus\\\/\"],\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Angular 11: Hot Module Replacement - Web Development Blog","description":"Unlock Angular 11 Hot Module Replacement for rapid development. See changes instantly, boost productivity effortlessly! (138 characters)","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.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/","og_locale":"en_US","og_type":"article","og_title":"Angular 11: Hot Module Replacement - Web Development Blog","og_description":"Unlock Angular 11 Hot Module Replacement for rapid development. See changes instantly, boost productivity effortlessly! (138 characters)","og_url":"https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/","og_site_name":"Web Development tips and tricks - theCodeCampus Blog","article_published_time":"2020-12-10T15:13:45+00:00","article_modified_time":"2025-04-22T08:33:44+00:00","og_image":[{"width":1058,"height":542,"url":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/test-1.png","type":"image\/png"}],"author":"theCodeCampus","twitter_card":"summary_large_image","twitter_misc":{"Written by":"theCodeCampus","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/#article","isPartOf":{"@id":"https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/"},"author":{"name":"theCodeCampus","@id":"https:\/\/www.thecodecampus.de\/blog\/#\/schema\/person\/276bbda2f8da73154f22fb652201cfbc"},"headline":"Angular 11: Hot Module Replacement","datePublished":"2020-12-10T15:13:45+00:00","dateModified":"2025-04-22T08:33:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/"},"wordCount":410,"commentCount":0,"publisher":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#organization"},"image":{"@id":"https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/#primaryimage"},"thumbnailUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/test-1.png","keywords":["Angular","Angular 11","HMR","Hot Module Replacement","New Angular Feature","Performance","Productivity","Tooling","TypeScript"],"articleSection":["Angular","Angular 11","Tooling","TypeScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/","url":"https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/","name":"Angular 11: Hot Module Replacement - Web Development Blog","isPartOf":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/#primaryimage"},"image":{"@id":"https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/#primaryimage"},"thumbnailUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/test-1.png","datePublished":"2020-12-10T15:13:45+00:00","dateModified":"2025-04-22T08:33:44+00:00","description":"Unlock Angular 11 Hot Module Replacement for rapid development. See changes instantly, boost productivity effortlessly! (138 characters)","breadcrumb":{"@id":"https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/#primaryimage","url":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/test-1.png","contentUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2020\/12\/test-1.png","width":1058,"height":542},{"@type":"BreadcrumbList","@id":"https:\/\/www.thecodecampus.de\/blog\/angular-11-hot-module-replacement\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.thecodecampus.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Angular 11: Hot Module Replacement"}]},{"@type":"WebSite","@id":"https:\/\/www.thecodecampus.de\/blog\/#website","url":"https:\/\/www.thecodecampus.de\/blog\/","name":"Web Development tips and tricks - theCodeCampus Blog","description":"Tips, tricks, and experiences about developing web and mobile applications with Angular, TypeScript, and Testing.","publisher":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.thecodecampus.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.thecodecampus.de\/blog\/#organization","name":"theCodeCampus","url":"https:\/\/www.thecodecampus.de\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thecodecampus.de\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2024\/01\/TCC-Logo-Bildmarke-quadratisch.jpg","contentUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2024\/01\/TCC-Logo-Bildmarke-quadratisch.jpg","width":156,"height":156,"caption":"theCodeCampus"},"image":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.thecodecampus.de\/blog\/#\/schema\/person\/276bbda2f8da73154f22fb652201cfbc","name":"theCodeCampus","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2024\/01\/TCC-Logo-Bildmarke-quadratisch-96x96.jpg","url":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2024\/01\/TCC-Logo-Bildmarke-quadratisch-96x96.jpg","contentUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2024\/01\/TCC-Logo-Bildmarke-quadratisch-96x96.jpg","caption":"theCodeCampus"},"description":"Our knowledge is not simply gained through reading - it is trained, tested and constantly being expanded. Because first and foremost, we are all developers at W11K. The know-how that we acquire here as developers, consultants and information architects flows immediately into our training courses and articles for theCodeCampus.","sameAs":["https:\/\/www.linkedin.com\/showcase\/thecodecampus\/"],"url":"https:\/\/www.thecodecampus.de\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts\/2483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/comments?post=2483"}],"version-history":[{"count":16,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts\/2483\/revisions"}],"predecessor-version":[{"id":3437,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts\/2483\/revisions\/3437"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/media\/2508"}],"wp:attachment":[{"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/media?parent=2483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/categories?post=2483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/tags?post=2483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}