from Esslingen, Germany...

We are programmers from Esslingen and we are sharing our experience with:

JavaScript Running On A Wearable? Yes, And Its Native.

A while ago some folks asked me, if it’s possible to use NativeScript and Angular with Android Wear. tl:dr; It’s possible, easy to setup in 5 steps and with FlexBox in NativeScript you can even handle small screens. NativeScript is a framework to build truly native apps for iOS and Android based on JavaScript. Furthermore it plays nice together with TypeScript and the famous Angular framework. I show you, how you can setup a
Read more…


No Comments

Frederik von Berg

Entwickler bei thecodecampus

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 faced some challenges! Read on, if you’re interested in what happened in the last year,
Read more…


1 Comment

Jan Blankenhorn

Entwickler bei thecodecampus

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…


4 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…


No 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…


1 Comment

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…


No Comments

Can Kattwinkel

Entwickler bei thecodecampus