{"id":852,"date":"2016-06-02T10:40:20","date_gmt":"2016-06-02T08:40:20","guid":{"rendered":"http:\/\/blog.thecodecampus.de\/?p=852"},"modified":"2025-04-22T10:45:13","modified_gmt":"2025-04-22T08:45:13","slug":"ionic-2-set-focus-input-element","status":"publish","type":"post","link":"https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/","title":{"rendered":"Ionic 2 set Focus of Input Element"},"content":{"rendered":"<p>Playing around with Ionic 2 i came to the following issue. I had a component where i&#8217;d like to automatically set the focus of an element after the view is loaded completely. The approach is similar to the AngularJS\/Ionic1 one. We create a directive. But instead of using jQuery or jQuery Lite to set the focus the Angular 2 renderer is used.<\/p>\n<p><strong>First of all create a new directive with Ionic 2\u00a0CLI:<\/strong><\/p>\n<pre class=\"lang:default decode:true \">ionic g directive focuser\r\n<\/pre>\n<p><strong>We end up with the following code generated in:<\/strong>\u00a0<code>app\/components\/focuser\/focuser.ts<\/code><\/p>\n<pre class=\"lang:js decode:true\">import {Directive} from '@angular\/core';\r\n\r\n@Directive({\r\n  selector: '[focuser]' \/\/ Attribute selector\r\n})\r\nexport class Focuser {\r\n  constructor() {\r\n    console.log('Hello World');\r\n  }\r\n}\r\n<\/pre>\n<p><strong>Now add the directive to your app.ts:<\/strong><\/p>\n<pre class=\"lang:js decode:true\">import {Focuser} from \".\/components\/focuser\/focuser\";\r\n\r\n\r\n@App({\r\n  templateUrl: 'build\/app.html',\r\n  directives: [Focuser]\r\n})\r\nclass MyApp {\r\n...\r\n}<\/pre>\n<p><strong>Lets add some functionality to focuser.ts:<\/strong><\/p>\n<pre class=\"lang:js decode:true\">import {Directive, Renderer, ElementRef} from '@angular\/core';\r\n\r\n@Directive({\r\n    selector: '[focuser]' \/\/ Attribute selector\r\n})\r\nexport class Focuser {\r\n    constructor(private renderer:Renderer, private elementRef:ElementRef) {\r\n    }\r\n    ngAfterViewInit() {\r\n        const element = this.elementRef.nativeElement.querySelector('input');\r\n        \/\/ we need to delay our call in order to work with ionic ...\r\n        setTimeout(() =&gt; {\r\n            this.renderer.invokeElementMethod(element, 'focus', []);\r\n        }, 0);\r\n    }\r\n}<\/pre>\n<p><strong>Our focuser directive is now ready to use:<\/strong><\/p>\n<pre class=\"lang:default decode:true\">&lt;ion-input focuser type=\"text\"&gt;&lt;\/ion-input&gt;\r\n<\/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\/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<h2>Show Keyboard for\u00a0focused Input<\/h2>\n<p><strong>Add the following line to show\u00a0the devices keyboard.<\/strong><\/p>\n<pre class=\"lang:default decode:true\">            Keyboard.show();\r\n<\/pre>\n<p><strong>Full Code:<\/strong><\/p>\n<pre class=\"lang:js decode:true \">import {Directive, Renderer, ElementRef} from '@angular\/core';\r\nimport {Keyboard} from 'ionic-native';\r\n\r\n@Directive({\r\n    selector: '[focuser]' \/\/ Attribute selector\r\n})\r\nexport class Focuser {\r\n    constructor(private renderer:Renderer, private elementRef:ElementRef) {\r\n    }\r\n    ngAfterViewInit() {\r\n        const element = this.elementRef.nativeElement.querySelector('input');\r\n        \/\/ we need to delay our call in order to work with ionic ...\r\n        setTimeout(() =&gt; {\r\n            this.renderer.invokeElementMethod(element, 'focus', []);\r\n            Keyboard.show();\r\n        }, 0);\r\n    }\r\n}<\/pre>\n<h2>Limitations &#8211; Scroll to the element<\/h2>\n<p>Since it is troubling to trigger the ion-content scroll event from outside of the components controller it is difficult to scroll to the focused element. So in order to get usable result, the input button should be in the visible view (with open keyboard).<\/p>\n<p><strong>If you want to scroll to the position you need to get the elements position:\u00a0<\/strong><\/p>\n<pre class=\"lang:default decode:true\">element.getBoundingClientRect().top<\/pre>\n<p>Then submit an event with the value to the view components class and use the <code>scrollTo(x, y, duration)<\/code> method provided by <span style=\"text-decoration: underline;\"><a href=\"https:\/\/ionicframework.com\/docs\/v2\/api\/components\/content\/Content\/\" target=\"_blank\" rel=\"noopener noreferrer\">ion-content<\/a><\/span> to scroll to the position.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Playing around with Ionic 2 i came to the following issue. I had a component where i&#8217;d like to automatically set the focus of an element after the view is loaded completely. The approach is similar to the AngularJS\/Ionic1 one. We create a directive. But instead of using jQuery or jQuery Lite to set the [&#8230;]<br \/><a class=\"meta-big\" href=\"https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/\"> 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":[1],"tags":[],"class_list":["post-852","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ionic 2 set Focus of Input Element - Web Development Blog<\/title>\n<meta name=\"description\" content=\"Ionic 2 mastery: Set focus effortlessly! Boost user interaction, streamline forms, and elevate app usability with precise input element focus control.\" \/>\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\/ionic-2-set-focus-input-element\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ionic 2 set Focus of Input Element - Web Development Blog\" \/>\n<meta property=\"og:description\" content=\"Ionic 2 mastery: Set focus effortlessly! Boost user interaction, streamline forms, and elevate app usability with precise input element focus control.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Development tips and tricks - theCodeCampus Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-02T08:40:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-22T08:45:13+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\\\/ionic-2-set-focus-input-element\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/ionic-2-set-focus-input-element\\\/\"},\"author\":{\"name\":\"theCodeCampus\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#\\\/schema\\\/person\\\/276bbda2f8da73154f22fb652201cfbc\"},\"headline\":\"Ionic 2 set Focus of Input Element\",\"datePublished\":\"2016-06-02T08:40:20+00:00\",\"dateModified\":\"2025-04-22T08:45:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/ionic-2-set-focus-input-element\\\/\"},\"wordCount\":215,\"commentCount\":10,\"publisher\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/ionic-2-set-focus-input-element\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/schulungen-tcc_frieder_WP_small.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/ionic-2-set-focus-input-element\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/ionic-2-set-focus-input-element\\\/\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/ionic-2-set-focus-input-element\\\/\",\"name\":\"Ionic 2 set Focus of Input Element - Web Development Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/ionic-2-set-focus-input-element\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/ionic-2-set-focus-input-element\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/schulungen-tcc_frieder_WP_small.png\",\"datePublished\":\"2016-06-02T08:40:20+00:00\",\"dateModified\":\"2025-04-22T08:45:13+00:00\",\"description\":\"Ionic 2 mastery: Set focus effortlessly! Boost user interaction, streamline forms, and elevate app usability with precise input element focus control.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/ionic-2-set-focus-input-element\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/ionic-2-set-focus-input-element\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/ionic-2-set-focus-input-element\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/schulungen-tcc_frieder_WP_small.png\",\"contentUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/schulungen-tcc_frieder_WP_small.png\",\"width\":720,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/ionic-2-set-focus-input-element\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ionic 2 set Focus of Input Element\"}]},{\"@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":"Ionic 2 set Focus of Input Element - Web Development Blog","description":"Ionic 2 mastery: Set focus effortlessly! Boost user interaction, streamline forms, and elevate app usability with precise input element focus control.","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\/ionic-2-set-focus-input-element\/","og_locale":"en_US","og_type":"article","og_title":"Ionic 2 set Focus of Input Element - Web Development Blog","og_description":"Ionic 2 mastery: Set focus effortlessly! Boost user interaction, streamline forms, and elevate app usability with precise input element focus control.","og_url":"https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/","og_site_name":"Web Development tips and tricks - theCodeCampus Blog","article_published_time":"2016-06-02T08:40:20+00:00","article_modified_time":"2025-04-22T08:45:13+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\/ionic-2-set-focus-input-element\/#article","isPartOf":{"@id":"https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/"},"author":{"name":"theCodeCampus","@id":"https:\/\/www.thecodecampus.de\/blog\/#\/schema\/person\/276bbda2f8da73154f22fb652201cfbc"},"headline":"Ionic 2 set Focus of Input Element","datePublished":"2016-06-02T08:40:20+00:00","dateModified":"2025-04-22T08:45:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/"},"wordCount":215,"commentCount":10,"publisher":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#organization"},"image":{"@id":"https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/#primaryimage"},"thumbnailUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2025\/04\/schulungen-tcc_frieder_WP_small.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/","url":"https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/","name":"Ionic 2 set Focus of Input Element - Web Development Blog","isPartOf":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/#primaryimage"},"image":{"@id":"https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/#primaryimage"},"thumbnailUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2025\/04\/schulungen-tcc_frieder_WP_small.png","datePublished":"2016-06-02T08:40:20+00:00","dateModified":"2025-04-22T08:45:13+00:00","description":"Ionic 2 mastery: Set focus effortlessly! Boost user interaction, streamline forms, and elevate app usability with precise input element focus control.","breadcrumb":{"@id":"https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/#primaryimage","url":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2025\/04\/schulungen-tcc_frieder_WP_small.png","contentUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2025\/04\/schulungen-tcc_frieder_WP_small.png","width":720,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.thecodecampus.de\/blog\/ionic-2-set-focus-input-element\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.thecodecampus.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Ionic 2 set Focus of Input Element"}]},{"@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\/852","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=852"}],"version-history":[{"count":10,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts\/852\/revisions"}],"predecessor-version":[{"id":3448,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts\/852\/revisions\/3448"}],"wp:attachment":[{"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/media?parent=852"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/categories?post=852"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/tags?post=852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}