from Esslingen, Germany...

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

Reuse Angular Code within NativeScript Apps

NativeScript is a great framework to write mobile Apps for Android and iOS with Angular (2, 4 and so on). Read on, if you: have an existing Angular Web App or are planning to develop one you want to offer a native App for Android and iOS without a lot of extra work TL;DR It is possible to reuse code, especially Services and Pipes, if you are lucky some of the
Read more…


No Comments

Frederik von Berg

Entwickler bei thecodecampus

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…


6 Comments

Can Kattwinkel

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

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…


3 Comments

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…


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


18 Comments

Can Kattwinkel

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…


23 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