{"id":1842,"date":"2019-04-15T12:51:44","date_gmt":"2019-04-15T10:51:44","guid":{"rendered":"https:\/\/www.thecodecampus.de\/blog\/?p=1842"},"modified":"2023-12-20T20:03:56","modified_gmt":"2023-12-20T19:03:56","slug":"how-to-use-angular-environments-shown-with-a-tetris-game","status":"publish","type":"post","link":"https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/","title":{"rendered":"How to use Angular Environments shown with a Tetris Game"},"content":{"rendered":"

About<\/h2>\n

Ng-dropping-stones is a small Tetris clone built with Angular 7.<\/p>\n

It can be played in the browser as well as on a raspberry pi based arcade machine, which we present at fairs (JavaLand, enterJS, Herbstcampus).<\/p>\n

History<\/h2>\n

At first, ng-dropping-stones was designed for our arcade machine to present it on fairs. It was very well received and we thought it makes sense that it is available for playing anywhere else. So we decided to put it live on w11k\u2019s website<\/a>. For the web application, a few adjustments were necessary. So how do we put both versions into one application? We’ll get to that soon.<\/p>\n

Arcade vs Web Version<\/h2>\n

Both versions are the same angular application, but with small differences in the process.<\/p>\n

Arcade<\/h3>\n

\"\"<\/a><\/p>\n

The arcade version can only be played in single player mode. Here, the highscore is stored locally if you have given your email address. Only then one can participate in our contest at the fairs, otherwise you can of course just play for fun. The illustrated control refers to our arcade machine:<\/p>\n

\"\"<\/a><\/p>\n

Web<\/h3>\n

\"\"<\/a><\/p>\n

In the web version you can play in single player and multiplayer mode. \u200b\u200bFor a better user experience, the highscore is stored on a server, not locally like in the arcade version. You should be able to compare your skills with other single players.<\/span> With multiplayer mode, you can compete against your friends and see who can do better.<\/span><\/span><\/p>\n

Game<\/h3>\n

Singleplayer Mode<\/h4>\n

\"\"<\/a><\/p>\n

Multiplayer Mode<\/h4>\n

\"\"<\/a><\/p>\n

In this mode, the players can see how many points they are apart.<\/span> The better one sees how much advantage he has and the other player how many he has to catch up with.<\/span><\/span><\/p>\n

How to differentiate<\/h2>\n

How did we implement it to adapt the application environment specific?<\/p>\n

The answer is actually quite simple: We tell the program what version we want to have.<\/p>\n

We implemented it with angular environment variables.<\/p>\n

Way to go<\/h3>\n

First of all we create 2 different files in the environments folder of our angular application.<\/p>\n

\"\"<\/a><\/p>\n

These include a key named web (boolean), which describes whether the application is in the web mode or not.<\/p>\n

export const environment = {\r\n  production: true,\r\n  web: false\r\n}<\/pre>\n
The exported environment variable, we can import us to all required code sections and depending on the version the program can show or do different things.<\/p>\n
In the following section, we use the environment variable to distinguish between two different types of storage: local and server-side. All we have to do is import our environment variable.<\/p>\n
import { environment } from '..\/..\/..\/environments\/environment';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  declarations: [ ],\r\n  providers: [\r\n    {\r\n      provide: StorageService,\r\n      useClass: environment.web ? FirebaseStorageService : LocalStorageService\r\n    }\r\n  ]\r\n})\r\nexport class HighscoreModule { }<\/pre>\n
In our angular.json file we can create the new environment in the build configurations part where we specify the environment file.<\/p>\n
\"build\": {\r\n  \"configurations\": {\r\n    \"arcade\": {\r\n      \"fileReplacements\": [\r\n        {\r\n          \"replace\": \"src\/environments\/environment.ts\",\r\n          \"with\": \"src\/environments\/environment.arcade.ts\"\r\n        }\r\n      ]\r\n    }\r\n  }\r\n}<\/pre>\n
To execute the associated build to the separated start scripts, the following configurations are necessary in the serve configuration section of the angular.json.<\/p>\n
\"serve\": {\r\n  \"configurations\": {\r\n    \"arcade\": {\r\n      \"browserTarget\": \"ngrx:tetris:build:arcade\"\r\n    }\r\n  }\r\n}<\/pre>\n
Finally, we define different scripts for each environment in our package.json.<\/span><\/span><\/p>\n
\"scripts\": {\r\n  \"ng\": \"ng\",\r\n  \"start\": \"ng serve --host 0.0.0.0\",\r\n  \"start:arcade\": \"ng serve --host 0.0.0.0 --configuration=arcade\",\r\n  \"build:w11k.de\": \"ng build --aot --base-href='\/ng-dropping-stones\/'\",\r\n  \"build:arcade\": \"ng build --aot --configuration=arcade\"\r\n}<\/pre>\n
The only small difference is the parameter “configuration”, which we give in the scripts<\/span><\/span>. If we want to start the arcade version, we have to set it because otherwise the application runs in web mode. The parameter addresses “arcade” in the depending configuration section of the angular.json file.<\/p>\n
You will find the complete code on https:\/\/github.com\/w11k\/ng-dropping-stones<\/a> or you can start a new game on the w11k website: https:\/\/w11k.de\/ng-dropping-stones<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
About Ng-dropping-stones is a small Tetris clone built with Angular 7. It can be played in the browser as well as on a raspberry pi based arcade machine, which we present at fairs (JavaLand, enterJS, Herbstcampus). History At first, ng-dropping-stones was designed for our arcade machine to present it on fairs. It was very well […]
 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,60],"tags":[],"class_list":["post-1842","post","type-post","status-publish","format-standard","hentry","category-angular","category-typescript"],"yoast_head":"\nHow to use Angular Environments shown with a Tetris Game - Web Development Blog<\/title>\n<meta name=\"description\" content=\"Master Angular environments through Tetris! Learn to utilize environments effectively for seamless development. Elevate your Angular skills today!\" \/>\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\/how-to-use-angular-environments-shown-with-a-tetris-game\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use Angular Environments shown with a Tetris Game - Web Development Blog\" \/>\n<meta property=\"og:description\" content=\"Master Angular environments through Tetris! Learn to utilize environments effectively for seamless development. Elevate your Angular skills today!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Development tips and tricks - theCodeCampus Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-15T10:51:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-20T19:03:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2019\/04\/ng-dropping-stones-arcade.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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/how-to-use-angular-environments-shown-with-a-tetris-game\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/how-to-use-angular-environments-shown-with-a-tetris-game\\\/\"},\"author\":{\"name\":\"theCodeCampus\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#\\\/schema\\\/person\\\/276bbda2f8da73154f22fb652201cfbc\"},\"headline\":\"How to use Angular Environments shown with a Tetris Game\",\"datePublished\":\"2019-04-15T10:51:44+00:00\",\"dateModified\":\"2023-12-20T19:03:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/how-to-use-angular-environments-shown-with-a-tetris-game\\\/\"},\"wordCount\":553,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/how-to-use-angular-environments-shown-with-a-tetris-game\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/ng-dropping-stones-arcade.png\",\"articleSection\":[\"Angular\",\"TypeScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/how-to-use-angular-environments-shown-with-a-tetris-game\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/how-to-use-angular-environments-shown-with-a-tetris-game\\\/\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/how-to-use-angular-environments-shown-with-a-tetris-game\\\/\",\"name\":\"How to use Angular Environments shown with a Tetris Game - Web Development Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/how-to-use-angular-environments-shown-with-a-tetris-game\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/how-to-use-angular-environments-shown-with-a-tetris-game\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/ng-dropping-stones-arcade.png\",\"datePublished\":\"2019-04-15T10:51:44+00:00\",\"dateModified\":\"2023-12-20T19:03:56+00:00\",\"description\":\"Master Angular environments through Tetris! Learn to utilize environments effectively for seamless development. Elevate your Angular skills today!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/how-to-use-angular-environments-shown-with-a-tetris-game\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/how-to-use-angular-environments-shown-with-a-tetris-game\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/how-to-use-angular-environments-shown-with-a-tetris-game\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/ng-dropping-stones-arcade.png\",\"contentUrl\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/ng-dropping-stones-arcade.png\",\"width\":1817,\"height\":1163},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/how-to-use-angular-environments-shown-with-a-tetris-game\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.thecodecampus.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to use Angular Environments shown with a Tetris Game\"}]},{\"@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":"How to use Angular Environments shown with a Tetris Game - Web Development Blog","description":"Master Angular environments through Tetris! Learn to utilize environments effectively for seamless development. Elevate your Angular skills today!","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\/how-to-use-angular-environments-shown-with-a-tetris-game\/","og_locale":"en_US","og_type":"article","og_title":"How to use Angular Environments shown with a Tetris Game - Web Development Blog","og_description":"Master Angular environments through Tetris! Learn to utilize environments effectively for seamless development. Elevate your Angular skills today!","og_url":"https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/","og_site_name":"Web Development tips and tricks - theCodeCampus Blog","article_published_time":"2019-04-15T10:51:44+00:00","article_modified_time":"2023-12-20T19:03:56+00:00","og_image":[{"url":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2019\/04\/ng-dropping-stones-arcade.png","type":"","width":"","height":""}],"author":"theCodeCampus","twitter_card":"summary_large_image","twitter_misc":{"Written by":"theCodeCampus","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/#article","isPartOf":{"@id":"https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/"},"author":{"name":"theCodeCampus","@id":"https:\/\/www.thecodecampus.de\/blog\/#\/schema\/person\/276bbda2f8da73154f22fb652201cfbc"},"headline":"How to use Angular Environments shown with a Tetris Game","datePublished":"2019-04-15T10:51:44+00:00","dateModified":"2023-12-20T19:03:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/"},"wordCount":553,"commentCount":0,"publisher":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#organization"},"image":{"@id":"https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/#primaryimage"},"thumbnailUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2019\/04\/ng-dropping-stones-arcade.png","articleSection":["Angular","TypeScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/","url":"https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/","name":"How to use Angular Environments shown with a Tetris Game - Web Development Blog","isPartOf":{"@id":"https:\/\/www.thecodecampus.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/#primaryimage"},"image":{"@id":"https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/#primaryimage"},"thumbnailUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2019\/04\/ng-dropping-stones-arcade.png","datePublished":"2019-04-15T10:51:44+00:00","dateModified":"2023-12-20T19:03:56+00:00","description":"Master Angular environments through Tetris! Learn to utilize environments effectively for seamless development. Elevate your Angular skills today!","breadcrumb":{"@id":"https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/#primaryimage","url":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2019\/04\/ng-dropping-stones-arcade.png","contentUrl":"https:\/\/www.thecodecampus.de\/blog\/wp-content\/uploads\/2019\/04\/ng-dropping-stones-arcade.png","width":1817,"height":1163},{"@type":"BreadcrumbList","@id":"https:\/\/www.thecodecampus.de\/blog\/how-to-use-angular-environments-shown-with-a-tetris-game\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.thecodecampus.de\/blog\/"},{"@type":"ListItem","position":2,"name":"How to use Angular Environments shown with a Tetris Game"}]},{"@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\/1842","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=1842"}],"version-history":[{"count":33,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts\/1842\/revisions"}],"predecessor-version":[{"id":2582,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/posts\/1842\/revisions\/2582"}],"wp:attachment":[{"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/media?parent=1842"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/categories?post=1842"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thecodecampus.de\/blog\/wp-json\/wp\/v2\/tags?post=1842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}