from Esslingen, Germany...

We are programmers from Esslingen and we are sharing our experience with:
November 13, 2017

Getting started with Firestore and AngularFire2

A few weeks ago, Google has released its new solution for building scalable cloud databases — the Cloud Firestore. It has some nice improvements in comparison to their previous database (which used to be called Firebase but is now referred to as ‘Realtime Database’), like better data structuring and a more powerful querying API. In this post I’m going to go through everything you need to get started with Cloud Firestore
Read more…


No Comments

Mark Kvetny

Entwickler bei thecodecampus

November 2, 2017

Material 2: Sticky Footer with Mat Sidenav

A very common use case for the sidenav of Material 2 is the use in a layout with a sticky footer. Unfortunately, the documentation of the Mat-Sidenav does not show how to do this best. But that’s not a big deal, because you can achieve your goal quickly if you know how to use Flexbox. We assume that routing is used. In addition to the sticky footer, we want to make sure
Read more…


1 Comment

Can Kattwinkel

Entwickler bei thecodecampus

Angular Serverside Validation with Hibernate and Redux

What is this article about? If you develop a web application with Angular, sooner or later you will run into the following problem: Where will the data generated by the client be validated? Client side validation is included in Angular, and gives the user a fast feedback about the correctness of his data. This is a standard in today’s web application. As most Angular Apps are running against a server
Read more…


No Comments

Jan Blankenhorn

Entwickler bei thecodecampus

Angular HTTP Testing “SyntaxError: Unexpected token o in JSON at position 1”

tl:dr; Solve this Issue: Add the following line to your imports:

  Full version: A common problem affecting many developers when writing tests for the Angular 4 HTTP service is the following stack trace. It occurs if you assemble an response using a the wrong class. The call of .json()will throw the error.

It throws because the response is of a false type and the body of
Read more…


No Comments

Can Kattwinkel

Entwickler bei thecodecampus

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

May 5, 2017

Nativescript: Actionbar with Android Material Design Icons

Have you ever wondered how you can get a Action Bar like this one in Nativescript? It’s easy: I hope you have Android Studio preinstalled, you need it. Create and open a example Android Project with Android Studio. Now Right-Click on your Project Folder, select   New -> Vector Asset which opens a new Dialog. You can select the Icon you want and click Next. Note the path, where the file is saved. In your
Read more…


No Comments

Frederik von Berg

Entwickler bei thecodecampus

Solution: Error: NativeScript CLI not found. Use ‘nativescript.tnsPath’ workspace setting to explicitly set the absolute path to the NativeScript CLI.

Have you ever had this error message in Visual Studio Code with the nativescript-vscode extension? (I use Ubuntu 16.04) I had this problem for a while now and didn’t find any bug report that helped me, after adding the correct ‘nativescript.tnsPath’ to the workspace settings, the problem still exists. The most funny part, from the Visual Studio Code terminal window, I could call “tns” as normal and it works, so 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…


22 Comments

Can Kattwinkel

Entwickler bei thecodecampus