March 1, 2021

Angular Drag & Drop with CDK

1. Introduction/Motivation     If you want to develop an app and make it more interactive than a normal web app, you can implement the CDK (Component Development Kit) drag and drop feature in Angular. Besides sortable lists and normal items such as div elements, there are other ideas in which cases drag&drop can be […]
READ MORE

Admin Admin
Developer at thecodecampus </>


December 10, 2020

Angular 11: Hot Module Replacement

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 […]
READ MORE

Admin Admin
Developer at thecodecampus </>


April 30, 2020

Display the version and git hash in Angular

Display the version and git hash in Angular In this post I will explain the process to you that we at W11K use to display the git-hash and application version in our Angular Apps. I will briefly explain the motivation why we want to do this and show you how to use our Open Source […]
READ MORE

Kai Henzler
Developer at thecodecampus </>


April 14, 2020

How to start with cypress – End2End testing

Introduction Sometimes you need to test your application or website to make sure it works as it should. “End-2-End testing is a software testing methodology to test an application flow from start to finish. The purpose of End-2-End testing is to simulate a real user scenario and validate the system and its components for integration […]
READ MORE

Admin Admin
Developer at thecodecampus </>


September 4, 2019

Jenkins vs. Gitlab CI

With Gitlab CI going full steem ahead following their proclaimed vision, we want to have a look on it ourselves! Mostly working with the proven and beloved open source CI tool Jenkins, we are wondering, will Gitlab give us some new features and benefits or will it not be able to replace Jenkins as the […]
READ MORE

Janik Kessler
Developer at thecodecampus </>


April 3, 2019

Fill Gitlab-CI Postgres Database Service with SQL

We all love the Gitlab-CI and it’s docker support, also the services are a nice feature to get a database into your pipeline task. But recently we had the issue that we need to prefill the given postgres:latest  service with some sql data for testing. For ubuntu based docker images, there is a easy solution: […]
READ MORE

Admin Admin
Developer at thecodecampus </>


December 11, 2018

Using git hooks to keep your codebase clean

Problem Let’s be honest – developers tend to be lazy. Whenever you start a new project you’re probably saying to yourself that you want to do everything better this time but often times your new project becomes the same mess as your previous one. I want to introduce a neat little trick that might help […]
READ MORE

Kai Henzler
Developer at thecodecampus </>


December 4, 2018

Introduction to Live Templates in IntelliJ IDEA

There are many ways how IntelliJ IDEA can boost your productivity by raw input speed. Firstly, there is Code Completion which is a standard for most code editors, and offers a great deal of help. Secondly, there is Postfix Completion. Maybe this name doesn’t sound familiar to you but you are probably using it already. […]
READ MORE

Christian Heitmann
Developer at thecodecampus </>


November 20, 2018

Building an Angular App in parallel for multiple languages

Problem When using the built-in Angular Internationalization (i18n) the Angular guide tells you in detail what you have to do to set up your application to support multiple languages. The guide lacks the details on how to properly integrate the build into a common web application deployment workflow. In this brief blog post I’m going to […]
READ MORE

Kai Henzler
Developer at thecodecampus </>


July 26, 2018

Locally serving the build distribution of an Angular SPA

tl;dr Use Node Package local-web-server and its command ws with the spa flag like this: ws --spa index.html While developing an Angular based SPA usually you will use the Angular CLI as build too. The CLI has an integrated development server which is able to handle client-side routing. So whenever a reload happens and you’re […]
READ MORE

Admin Admin
Developer at thecodecampus </>