from Esslingen, Germany...

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


27 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

Dynamically Render Components with ComponentFactoryResolver in Angular 2

In my current project I came to a situation where it was necessary to drop specific components into my view. Since the project is a game and the current view should not be tied to URLs at this point i decided not to use the router but to load my various components dynamically into my view. This gives me the power to handle the logic in one persistent smart component which is bound to
Read more…


27 Comments

Can Kattwinkel

Entwickler bei thecodecampus

July 27, 2016

Ionic 2 Proxy while Development with Gulp

From time to time you may need to add a proxy to your Ionic 2 project. It is actually really simple but many articles in the web still refer to the old Ionic 2 build using webpack. Since it is now gulp based and modularized you must use the ionic.config.json file in order to create a new proxy listening on your apps port (pbl. 8100).

Thats it!   If you
Read more…


4 Comments

Can Kattwinkel

Entwickler bei thecodecampus

Angular 2: Set up Google Analytics and Google Tag Manager

There are many modules to include Google Analytics into your Angular 2 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
Read more…


25 Comments

Can Kattwinkel

Entwickler bei thecodecampus

June 29, 2016

Setup Ionic 2 + TypeScript Debugging with IntelliJ/WebStorm/Jetbrains IDE

Setting up Ionic 2 debugging is pretty easy. Above all make sure to have the “Phonegap/Cordova” Plugin installed when you want to start Ionic from Run. To do so go to Settings -> Plugins -> Install JetBrains plugin and search for “cordova”. Next step is to enable Run Cordova, go to Run -> Edit Configuration and use the green plus icon on the top right corner of the window to add
Read more…


6 Comments

Can Kattwinkel

Entwickler bei thecodecampus

JS goes mobile – Native Apps with JavaScript

Have you ever heard of ‘Mobile Native JavaScript‘? – No? It’s about writing native Apps with a native look & feel, but purely in JavaScript and the web technologies you love. The past We as developers had to make the hard decision, about writing a new app either native for each platforms or a hybrid app for all the platforms at once. As always there are some drawbacks: native Apps the
Read more…


No Comments

Frederik von Berg

Entwickler bei thecodecampus

June 20, 2016

Ionic 2 use NavController in Service to show Alerts

Usually you inject Nav:NavController into your classes constructor to use it:

But if you are working in a service you will receive the following error:

If you want to show alerts from within a service you are required to use the NavController.  To do so simply create the private field nav with type NavController. Then use the app.getActiveNav method provided by ionic-angular. See the snippet below for a full
Read more…


7 Comments

Can Kattwinkel

Entwickler bei thecodecampus

June 6, 2016

Verlosung: 4x Freikarte für Herbstcampus 2016 in Nürnberg

Als Speaker beim Herbstcampus am 31.08 und 01.09 in Nürnberg stellt uns der Veranstalter freundlicherweise jeweils eine Eintrittskarte zur Verfügung. Dementsprechend haben wir 4 kostenlose Eintrittskarten für die beiden Konferenztage zu verschenken und starten daher eine Verlosung. Verlosung Folgt uns auf Twitter unter @theCodeCampus und retweetet unseren Post zu diesem Blog-Eintrag. Dadurch nehmt ihr automatisch an unserem Gewinnspiel teil. Am 01.07 geben wir per Twitter die Gewinner bekannt. Für diese
Read more…


No Comments

Philipp Burgmer

Entwickler bei thecodecampus