from Esslingen, Germany...

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


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


5 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

Ionic2 & Angular2 Translate – Internationalize and Localize Your App

Setting up Ionic 2 with angular2-translate is pretty simple. But since there were a lot of changes in the recent time and most of the code examples provided in other blogs is already outdated i decided to describe the latest working approach. Currently i’m using angular2rc.1. Since Anuglar has reached RC status there should be no more breaking API changes and this approach stays valid. Ionic2 on the other hand is
Read more…


18 Comments

Can Kattwinkel

Entwickler bei thecodecampus

June 2, 2016

Ionic 2 set Focus of Input Element

Playing around with Ionic 2 i came to the following issue. I had a component where i’d like to automatically set the focus of an element after the view is loaded completely. The approach is similar to the AngularJS/Ionic1 one. We create a directive. But instead of using jQuery or jQuery Lite to set the focus the Angular 2 renderer is used. First of all create a new directive with
Read more…


9 Comments

Can Kattwinkel

Entwickler bei thecodecampus

May 25, 2016

How participants of our Angular 2 class styled the demo app

Our Angular 2 basic training adopt the successful structure of the AngularJS 1 course: Develop a fully functional demo application, step by step. Learn all the concepts by learning one and directly apply it. During developing the demo application, we neglect styling the app to fully concentrate on the core concepts of Angular 2: components, services, dependency injection, … and of course TypeScript. The Competition However, it is perfectly normal
Read more…


No Comments

Philipp Burgmer

Entwickler bei thecodecampus

April 25, 2016

Setup Ionic 2 with Electron (TypeScript, Angular2)

Recently i faced the challenge to create a cross platform application for desktop, mobile and browser. Since Angular 2 Material is not yet ready but a Angular 1 to Angular 2 migration would be a pain in the ass I decided to go with Ionic 2 as scaffold for all devices. And then, when Angular 2 Material is ready it should replace Ionic 2 on Desktop and in Browser. 1.) The
Read more…


18 Comments

Can Kattwinkel

Entwickler bei thecodecampus