{"id":1093,"date":"2018-10-05T10:20:23","date_gmt":"2018-10-05T08:20:23","guid":{"rendered":"http:\/\/blog.thecodecampus.de\/?p=1093"},"modified":"2025-04-22T10:24:42","modified_gmt":"2025-04-22T08:24:42","slug":"angular-2-use-hostbindings-set-class","status":"publish","type":"post","link":"https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/","title":{"rendered":"Angular 2 &#8211; Set Class of parent element with @HostBindings"},"content":{"rendered":"<p>With the <code>@HostBinding()<\/code> annotation, Angular gives you a useful tool to handle manipulations of css classes of parent Elements.<br \/>\nThe advantage is quite clear, the required <strong>logic remains in the components class and is not set in the template file<\/strong>. This makes it easier to test and improves the readability of the template file. In addition, it is the only way to set the CSS class of the host element from within the component.<\/p>\n<h3>How to use @HostBinding()?<\/h3>\n<h4>a) Boolean property<\/h4>\n<p>The <code>@HostBinding()<\/code>\u00a0annotation can be used on a <code>boolean<\/code>\u00a0property of the component class, or on a method returning a boolean. The boolean value determines whether the class is set or not. If the value\/return is true, the class will be applied to the parent component&#8217;s DOM Element.<\/p>\n<p>The class to be set is specified within the round brackets, prefixed by <code>class.<\/code> &#8211;<\/p>\n<pre class=\"lang:js decode:true\" title=\"HostBinding with a Method\">  isActive:boolean;\r\n  @HostBinding('class.isActive') isActiveAsMethod(){\r\n    return this.isActive;\r\n  };\r\n<\/pre>\n<pre class=\"lang:default decode:true\" title=\"HostBindings with a Property\">  @HostBinding('class.isActive') isActive:boolean;\r\n<\/pre>\n<h4>It is also possible to specify several classes by combining multiple annotations.<\/h4>\n<pre class=\"lang:default decode:true\" title=\"Multiple HostBIndings\">  @HostBinding('class.isActive')\r\n  @HostBinding('class.current') isActive:boolean;\r\n<\/pre>\n<h4>Usage in scss<\/h4>\n<p>Since the class is added to the host element it is necessary to use the <code>:host<\/code>-selector in your scss file<\/p>\n<pre class=\"lang:default decode:true\" title=\"Usage in SCSS\">:host {\r\n  &amp;.isActive {\r\n    background-color: red;\r\n  }\r\n}\r\n<\/pre>\n<h4>b) String property<\/h4>\n<p>Additionally, you can set a class directly from a string property to the host component.<\/p>\n<pre class=\"\">@HostBinding('class') class = 'box';<\/pre>\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\/weiter-entwickeln_anne_WP_big.png\" media=\"(min-width: 1024px)\"><source srcset=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2025\/04\/weiter-entwickeln_anne_WP_medium.png\" media=\"(min-width: 600px)\"><img decoding=\"async\" src=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2025\/04\/weiter-entwickeln_anne_WP_small.png\" alt=\"Angular Schulungen\" class=\"alignnone size-full wp-image-38\">\n<\/picture>\n<\/a><\/p>\n<h3>I&#8217;ve attached a full example with SCSS styles for the toggled class:<\/h3>\n<pre class=\"lang:default decode:true\" title=\"src\/app\/box\/box.component.html\">&lt;p&gt;\r\n  box works!\r\n&lt;\/p&gt;\r\n&lt;button (click)=\"click()\"&gt;Toggle&lt;\/button&gt;\r\n<\/pre>\n<pre class=\"lang:default decode:true \" title=\"src\/app\/box\/box.component.scss\">:host {\r\n  width: 200px;\r\n  height: 200px;\r\n  display: block;\r\n  background-color: blue;\r\n  padding: 20px;\r\n  color: #ffffff;\r\n  text-align: center;\r\n  font-weight: bold;\r\n  &amp;.isActive {\r\n    background-color: red;\r\n  }\r\n}\r\n\r\n<\/pre>\n<pre class=\"\">import {Component, HostBinding, OnInit} from '@angular\/core';\r\n\r\n@Component({\r\n  selector: 'app-box',\r\n  templateUrl: '.\/box.component.html',\r\n  styleUrls: ['.\/box.component.scss']\r\n})\r\nexport class BoxComponent implements OnInit {\r\n\r\n  @HostBinding('class.isActive') isActive: boolean;\r\n  @HostBinding('class') class = 'box';\r\n\r\n  constructor() {}\r\n\r\n  ngOnInit() {  }\r\n\r\n  click() {\r\n    this.isActive = ! this.isActive;\r\n  }\r\n}<\/pre>\n<p><span style=\"color: #ff6600;\"><em>This post has been reviewed and checked for compatibility with the latest Angular Version, it was originally created in Feb 2017!<\/em><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>With the <code>@HostBinding()<\/code> annotation, Angular gives you a useful tool to handle manipulations of css classes of parent Elements. The advantage is quite clear, the required logic remains in the components class and is not set in the template file. This makes it easier to test and improves the readability of the template file. In [&#8230;]<br \/><a class=\"meta-big\" href=\"https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/\"> READ MORE<\/a><\/p>\n","protected":false},"author":29,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[73,94],"tags":[],"class_list":["post-1093","post","type-post","status-publish","format-standard","hentry","category-angular","category-css"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Angular 2 - Set Class of parent element with @HostBindings - Web Development Blog<\/title>\n<meta name=\"description\" content=\"Elevate Angular 2 styling! Use HostBindings to set classes dynamically. Boost flexibility and control. Unleash advanced styling\u2014optimize your UI now!\" \/>\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-2-use-hostbindings-set-class\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular 2 - Set Class of parent element with @HostBindings - Web Development Blog\" \/>\n<meta property=\"og:description\" content=\"Elevate Angular 2 styling! Use HostBindings to set classes dynamically. Boost flexibility and control. Unleash advanced styling\u2014optimize your UI now!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Development tips and tricks - theCodeCampus Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-10-05T08:20:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-22T08:24:42+00:00\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-2-use-hostbindings-set-class\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-2-use-hostbindings-set-class\\\/\"},\"author\":{\"name\":\"theCodeCampus\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#\\\/schema\\\/person\\\/276bbda2f8da73154f22fb652201cfbc\"},\"headline\":\"Angular 2 &#8211; Set Class of parent element with @HostBindings\",\"datePublished\":\"2018-10-05T08:20:23+00:00\",\"dateModified\":\"2025-04-22T08:24:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-2-use-hostbindings-set-class\\\/\"},\"wordCount\":237,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-2-use-hostbindings-set-class\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/weiter-entwickeln_anne_WP_small.png\",\"articleSection\":[\"Angular\",\"CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-2-use-hostbindings-set-class\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-2-use-hostbindings-set-class\\\/\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-2-use-hostbindings-set-class\\\/\",\"name\":\"Angular 2 - Set Class of parent element with @HostBindings - Web Development Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-2-use-hostbindings-set-class\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-2-use-hostbindings-set-class\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/weiter-entwickeln_anne_WP_small.png\",\"datePublished\":\"2018-10-05T08:20:23+00:00\",\"dateModified\":\"2025-04-22T08:24:42+00:00\",\"description\":\"Elevate Angular 2 styling! Use HostBindings to set classes dynamically. Boost flexibility and control. Unleash advanced styling\u2014optimize your UI now!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-2-use-hostbindings-set-class\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-2-use-hostbindings-set-class\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-2-use-hostbindings-set-class\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/weiter-entwickeln_anne_WP_small.png\",\"contentUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/weiter-entwickeln_anne_WP_small.png\",\"width\":720,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/angular-2-use-hostbindings-set-class\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular 2 &#8211; Set Class of parent element with @HostBindings\"}]},{\"@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 2 - Set Class of parent element with @HostBindings - Web Development Blog","description":"Elevate Angular 2 styling! Use HostBindings to set classes dynamically. Boost flexibility and control. Unleash advanced styling\u2014optimize your UI now!","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-2-use-hostbindings-set-class\/","og_locale":"en_US","og_type":"article","og_title":"Angular 2 - Set Class of parent element with @HostBindings - Web Development Blog","og_description":"Elevate Angular 2 styling! Use HostBindings to set classes dynamically. Boost flexibility and control. Unleash advanced styling\u2014optimize your UI now!","og_url":"https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/","og_site_name":"Web Development tips and tricks - theCodeCampus Blog","article_published_time":"2018-10-05T08:20:23+00:00","article_modified_time":"2025-04-22T08:24:42+00:00","author":"theCodeCampus","twitter_card":"summary_large_image","twitter_misc":{"Written by":"theCodeCampus","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/#article","isPartOf":{"@id":"https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/"},"author":{"name":"theCodeCampus","@id":"https:\/\/www.thecodecampus.de\/blog\/#\/schema\/person\/276bbda2f8da73154f22fb652201cfbc"},"headline":"Angular 2 &#8211; Set Class of parent element with @HostBindings","datePublished":"2018-10-05T08:20:23+00:00","dateModified":"2025-04-22T08:24:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/"},"wordCount":237,"commentCount":6,"publisher":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#organization"},"image":{"@id":"https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/#primaryimage"},"thumbnailUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2025\/04\/weiter-entwickeln_anne_WP_small.png","articleSection":["Angular","CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/","url":"https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/","name":"Angular 2 - Set Class of parent element with @HostBindings - Web Development Blog","isPartOf":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/#primaryimage"},"image":{"@id":"https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/#primaryimage"},"thumbnailUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2025\/04\/weiter-entwickeln_anne_WP_small.png","datePublished":"2018-10-05T08:20:23+00:00","dateModified":"2025-04-22T08:24:42+00:00","description":"Elevate Angular 2 styling! Use HostBindings to set classes dynamically. Boost flexibility and control. Unleash advanced styling\u2014optimize your UI now!","breadcrumb":{"@id":"https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/#primaryimage","url":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2025\/04\/weiter-entwickeln_anne_WP_small.png","contentUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2025\/04\/weiter-entwickeln_anne_WP_small.png","width":720,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.thecodecampus.de\/blog\/angular-2-use-hostbindings-set-class\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.thecodecampus.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Angular 2 &#8211; Set Class of parent element with @HostBindings"}]},{"@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\/1093","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=1093"}],"version-history":[{"count":20,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts\/1093\/revisions"}],"predecessor-version":[{"id":3429,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts\/1093\/revisions\/3429"}],"wp:attachment":[{"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/media?parent=1093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/categories?post=1093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/tags?post=1093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}