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

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

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

Sometimes it is necessary in JavaScript to delay/sleep a program for a certain time. Therefore we can generate this behavior ourselves using a small helper function, thanks to the asynchronous nature of javascript. For example:

With this we can delay the program flow for a certain time in the following function

But it […]
READ MORE

CSS Custom Properties is the formally correct name for the more commonly used synonym CSS variables. In this article we want to give you an insight how CSS variables help you to make CSS files more structured and semantically understandable, and how to modify them easily with JavaScript. Documents or applications of any size contain […]
READ MORE

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

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

If you run into the following error you probably provide a class that is either not correctly annotated or shouldn’t be there.

The source of this problem usually can be found by looking at your database class, the example code is in Kotlin but should also apply to Java:

Now make sure, that any […]
READ MORE

This Article is based on Kara Ericksons talk about “Angular Forms” at the Angular Connect 2017. https://www.youtube.com/watch?v=CD_t3m2WMM8&amp=&index=15 I am going to give you a quick example to get started with nested Forms. TL;DR Extract the HTML in new Component Inject ControlContainer in new Component Access the Form via ControlContainer.control pass the parent Form into the […]
READ MORE

When it came to building a Flutter MVP application, I was very dissatisfied with the existing Flutter Images. They were outdated by many many versions. Therefore I created an image reflecting the current version of Flutter. The source is on Github, you can find the Image ‘kattwinkel/flutter-android’ on Docker Hub. A minimal .gitlab-ci.yml file might just […]
READ MORE