July 18, 2018

Angular, Preserving Query Params and Google AdWords

… and how all this leads to an incorrect source of traffic in Google Analytics and incorrect conversion attribution.   The situation is as follows: On www.thecodecampus.de we run an Angular 6 page. We advertise our product with Google AdWords. If a visitor comes via Google AdWords, the URL is appended with a glcid and several […]
READ MORE

Can Kattwinkel
Developer at thecodecampus </>


March 2, 2018

The ‘this’ context of type ‘void’ is not assignable to method’s ‘this’ of type ‘Observable<{}>‘.

If you are experiencing this error – usually something with your RxJS imports is wrong. So you should go through them manually or simply delete all imports from RxJS in the corresponding file and let the IDE generate them again. Something broken could look like this:

Better working might be:

What is happening? RxJS […]
READ MORE

Can Kattwinkel
Developer at thecodecampus </>


February 23, 2018

Creating a CORS Middleware in nest.js

Nest.js is a great framework for writing REST-API’s using Node.js. It features Angular’s dependency injection, an complete TypeScript integration and helps you with structuring your code. A common issue when working with REST-API’s is Cross-Origin-Request-Sharing (CORS), which keeps your Angular client from requesting resources which are located on another domain. Let’s pretend, for instance your […]
READ MORE

Christoph Strauss
Developer at thecodecampus </>


November 13, 2017

Getting started with Firestore and AngularFire2

A few weeks ago, Google has released its new solution for building scalable cloud databases — the Cloud Firestore. It has some nice improvements in comparison to their previous database (which used to be called Firebase but is now referred to as ‘Realtime Database’), like better data structuring and a more powerful querying API. In this […]
READ MORE

Can Kattwinkel
Developer at thecodecampus </>


November 2, 2017

Material 2: Sticky Footer with Mat Sidenav

A very common use case for the sidenav of Material 2 is the use in a layout with a sticky footer. Unfortunately, the documentation of the Mat-Sidenav does not show how to do this best. But that’s not a big deal, because you can achieve your goal quickly if you know how to use Flexbox. We assume […]
READ MORE

Can Kattwinkel
Developer at thecodecampus </>


August 14, 2017

Angular HTTP Testing “SyntaxError: Unexpected token o in JSON at position 1”

tl:dr; Solve this Issue: Add the following line to your imports:

  Full version: A common problem affecting many developers when writing tests for the Angular 4 HTTP service is the following stack trace. It occurs if you assemble an response using a the wrong class. The call of .json()will throw the error.

[…]
READ MORE

Can Kattwinkel
Developer at thecodecampus </>


March 13, 2017

What we learned in 1 year of Angular 2 trainings

When we founded theCodeCampus.de in 2014 we had some year’s experience in developing angular 1 applications. We also had a few years’ experience of doing trainings for Eclipse RCP. Last year we added our angular 2 trainings, months before angular 2 was finally released! We were really surprised how well it was received, but also […]
READ MORE

Jan Blankenhorn
Developer at thecodecampus </>