from Esslingen, Germany...

We are programmers from Esslingen and we are sharing our experience with:
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…


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


No Comments

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…


1 Comment

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…


No Comments

Can Kattwinkel

Entwickler bei thecodecampus

September 20, 2016

Flexbox Break Row into Even Amount of Children

Today i needed a Flexbox row to break into an equal amount of tiles. Some Browser support the css page break to achieve this but unfortunately this isn’t working in Google Chrome. So I had to figure something out. The solution is to add an element that is hidden by default and steps in as a line breaker when required. My breakpoint is set to 500px.

Result on
Read more…


No Comments

Can Kattwinkel

Entwickler bei thecodecampus

September 12, 2016

Angular 2 Animate Example: Creating a Sliding Side Navigation Tutorial

    #1 Project Setup Animations in Angular 2 are probably easier than you think. In this tutorial we will create a simple side navigation that will leave and enter the screen from the right side. We will use Angular-CLI and TypeScript but you should also be able to adopt the steps to any other project like Ionic 2.


5 Comments

Can Kattwinkel

Entwickler bei thecodecampus

August 23, 2016

Undo and edit your last commits with git

Sometimes one might get into the unfortunate need to change a git commit. In this post I will show some options to revert or change commits which are not yet pushed to an remote branch.


No Comments

Christoph Strauss

Entwickler bei thecodecampus