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


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 […]
READ MORE

Can Kattwinkel
Developer at 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 […]
READ MORE

Can Kattwinkel
Developer at 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. […]
READ MORE

Can Kattwinkel
Developer at 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 […]
READ MORE

Roman Roelofsen
Developer at 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:

 

Can Kattwinkel
Developer at thecodecampus </>


October 7, 2016

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 […]
READ MORE

Can Kattwinkel
Developer at thecodecampus </>


September 27, 2016

Angular: Set Focus on Element

Want to set focus on an HTML element in your Angular app? The following step-by-step tutorial shows you how to do it easily. For a live demo of the final result, see this StackBlitz. Step-by-step Let’s start by adding an input element and a button to our component’s template. We give the input element an […]
READ MORE

Can Kattwinkel
Developer at thecodecampus </>