from Esslingen, Germany...

We are programmers from Esslingen and we are sharing our experience with:
February 15, 2017

Tutorial: Angular 2 & Google Analytics with Event tracking

In this post, I’ll show you how to add Google Analytics to an Angular 2 project. There is really no need to use an extra library for including Analytics since the setup is really simple. I will use the Angular CLI to create a new project and add a sample routing between site-a and site-b. The pageviews will be tracked and transferred to Google Analytics. In addition, I’ll show how to submit evens
Read more…


23 Comments

Can Kattwinkel

Entwickler bei thecodecampus

February 13, 2017

Virtual Box refuses to boot – “The device helper structure version has changed.”

You will receive this error when you have a version mismatch between Virtual Box and the virtualbox-ext-pack version. This can be caused by an automatic update. The solution is applied in the host system and is very simple. Especially on Linux systems such as Ubuntu, since here the dependencies are automatically matched to the correct version. For Windows users this means to get the current Virtual Box Version ( Help -> About Virtual Box).
Read more…


No Comments

Can Kattwinkel

Entwickler bei thecodecampus

February 1, 2017

Angular 2 – Set Elements Class with HostBindings

Angular gives you a useful tool to handle manipulations in the components class. The @HostBinding() annotation provides a range of possibilities.The advantage is quite clear, the required logic remains in the components class and is not set in the template file. This makes it easier to test and improves the readability of the template file. In addition, it is the only way to set the CSS class to the host element within
Read more…


3 Comments

Can Kattwinkel

Entwickler bei thecodecampus

January 16, 2017

Trello Calendar Version 2

Recently we have released a new version of our Calendar for Trello. The project started as a learning project for interns at our company but fastly increasing user numbers made the relevance of this project clear to us. Shortly the calendar had acquired so many users, that we were hitting Trello’s API limit. We needed to improve the loading algorithm with a smarter pattern. Instead of scraping all boards for
Read more…


No Comments

Can Kattwinkel

Entwickler bei thecodecampus

January 14, 2017

“Intl is not defined” with Angular 2

If you are using the date, currency, decimal or percent pipes in Angular 2 make sure to add the required Intl Polyfill to your application before you ship it to production. The Internationalization API is not yet implemented in all browser versions out there. If you forget this you’ll receive the Intl is not defined error in many browsers. Especially Internet Explorer 9 and 10. You can get a full overview at caniuse.com Dependent
Read more…


3 Comments

Can Kattwinkel

Entwickler bei thecodecampus

October 27, 2016

IntelliJ / WebStorm für TypeScript einrichten

For English version please go to “Howto: Configure IntelliJ/WebStorm for TypeScript development” on medium.com JetBrain’s IDEs (IntelliJ, WebStorm, …) haben TypeScript sehr früh unterstützt und sind derzeit definitiv mit die beliebtesten IDEs. Sie für die Entwicklung mit TypeScript zu konfigurieren kann aber derzeit recht frustrierend sein. Falsche Fehlermeldungen und träges Verhalten sind gängige Probleme. In diesem Blog-Eintrag möchte ich meine Erfahrungen und gelernten Best-Practices weitergeben. Allerdings können manche oder auch alle dieser
Read more…


No Comments

Roman Roelofsen

Entwickler bei thecodecampus

October 17, 2016

Angular 2 use ngSwitch ngIf ngFor without additional DOM Element

Probably you want as little DOM elements as possible. You can use a ng-container instead of a regular HTML element in order to receive reduced markup. Example of ngSwitch:

Example for *ngIf:

 


No Comments

Can Kattwinkel

Entwickler bei thecodecampus

AngularJS 1: Set up Google Analytics with Google Tag Manager

There are many modules to include Google Analytics into your AngularJS project. But actually this overhead is not really required since a plain implementation is only a few lines of code. So you can spare extra modules. I highly recommend you to use Google Tag Manager in order to place the tracking information on your site since it allows you to have a professional workflow. Beyond that you can enjoy
Read more…


1 Comment

Can Kattwinkel

Entwickler bei thecodecampus

Angular 2 Animate.css Tutorial – How to use Animate.CSS in NG2 Application?

This Article will serve as a guide to implementing Animate.css animations with Angular 2 animation system. Animate.css is a popular and handy library for simple CSS Animations. We’ll apply the animation to a component and control it via a button. We will not use ngClass but convert the Animate.css to fit Angular 2 Animate. Final Result:   Git Commits as Diff: Step 1 Step 2 Step 3 Step 4 Step 5 Github Repository 
Read more…


3 Comments

Can Kattwinkel

Entwickler bei thecodecampus

September 27, 2016

Angular 2 Set Focus on Element

We are going to create a directive that makes use of an EventEmitter in order to trigger the focus state on any HTML element in our components markup. The final usage will include someMethode() which will be trigger the focus, you might want to bind this to your (click) event. Now we are going to add focus to an HTML input element. Example of Final Usage:

Step by
Read more…


7 Comments

Can Kattwinkel

Entwickler bei thecodecampus