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

Avatar photo

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

Avatar photo

Admin Admin
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

Avatar photo

Admin Admin
Developer at thecodecampus </>


February 11, 2020

Typescript delay with async/await

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

Avatar photo

Admin Admin
Developer at thecodecampus </>


September 27, 2019

CSS Custom Properties (Variables)

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

Avatar photo

Admin Admin
Developer at thecodecampus </>


April 15, 2019

How to use Angular Environments shown with a Tetris Game

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

Avatar photo

Admin Admin
Developer at thecodecampus </>


December 31, 2018

Android Room: room Entity class must be annotated with @Entity

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

Avatar photo

Admin Admin
Developer at thecodecampus </>


December 3, 2018

Nested Forms in Angular

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

Avatar photo

Admin Admin
Developer at thecodecampus </>


December 2, 2018

Building Flutter on Gitlab – Flutter Android Image

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

Avatar photo

Admin Admin
Developer at thecodecampus </>