from Esslingen, Germany...

We are programmers from Esslingen and we are sharing our experience with:
September 29, 2015

Named ui-views with AngularJS, ui-router and ui-bootstrap

Tipps and Tricks In one of my last tasks I have had the necessity of adapting a section of a single page application (SPA), in order to get ui-router and ui-bootstrap (plus Bootstrap CSS) work together. In this article I will shortly share with you the result of my experience, by showing how to improve the coexistence of AngularJS, ui-router and ui-bootstrap via some “tricks” that can ease the creation and maintenance of
Read more…


1 Comment

Gianluca Porcino

Entwickler bei thecodecampus

September 16, 2015

Converting JavaScript to TypeScript – Common Problems

Converting JavaScript code to TypeScript Here at theCodeCampus and w11k we are using TypeScript in web projects for 12 months now. Our experiences with TypeScript are overwhelming so far! Using TypeScript is a huge improvement over a JavaScript-based development, especially in larger projects. One of TypeScript’s advantages and often communicated characteristic is that its syntax is a (typed) superset of JavaScript. Hence, existing JavaScript code is valid TypeScript code. So far,
Read more…


No Comments

Roman Roelofsen

Entwickler bei thecodecampus

September 14, 2015

Gulp – catch and log less errors

To work efficiently its indispensable to get detailed error messages. If you simply pipe the gulp-less task to your stream you will receive a error message – but your whole gulp task will crash.

what we get:


No Comments

Can Kattwinkel

Entwickler bei thecodecampus

September 10, 2015

[SEO] AngularJS remove Hashbang from URL’s – seosafe

By default AngularJS projects use the hashbang syntax for urls to handle navigation without forcing the client to reload the whole application on every state change. Since the (HTML5) History API is available in all modern browsers the usage of the hashbang is not really required anymore. Furthermore urls look way cleaner without the hashbang. The removal is pretty simple, but even slight errors could either cause legacy browsers to
Read more…


2 Comments

Can Kattwinkel

Entwickler bei thecodecampus

September 3, 2015

Charting in Angular.js

It is a common scenario in our projects to display tons of data in a nice, elegant and informative way. The tool to do so exists since many decades: charts. In This blog post I give an overview of angular.js directives that can easily be used to create all sorts of charts. There is a variety of JavaScript charting libraries out there and it feels like a new one pops
Read more…


No Comments

Kai Henzler

Entwickler bei thecodecampus

August 14, 2015

Speed up your Less build with Gulp

Problem Earlier this year, we started to port a customer website from a old css-style to a more modern bootstrap-style. To be more flexible, we switched from plain css to less (as a css-precompiler) and automated the build with grunt. The build was very basic and just compiled the less files into css files, we didn’t use sourcemaps or minification and still the complete build takes ~11s and the watch
Read more…


2 Comments

Frederik von Berg

Entwickler bei thecodecampus

July 15, 2015

Convert Strings from hyphen-notation to camel case Part 2 (AngularJS)

In my last post i demonstrated how to convert Strings from Hyphen Format to CamelCase in Java, using the popular Framework Guava from Google. In AngularJS this can be achieved using a Regular Expression and an AngularJS Filter. 1) Create a constant function which does the replacement Our first step is to create a Regular expression which does the conversion from a camel Case Text to Hyphen Format. For reusing
Read more…


No Comments

Jan Blankenhorn

Entwickler bei thecodecampus

June 24, 2015

Creating of a hybrid Webapp – Calendar for Trello

Due the missing feature of Trello to show cards beyond all boards in the same calendar we decided to help ourselves and started developing our own application that would fits in smoothly in our own workflow. Main goal was to achieve a simple calendar view and not to replace any features Trello already provides. In addition to a browser version, there is a mobile version that may be deployed to
Read more…


No Comments

Can Kattwinkel

Entwickler bei thecodecampus

June 16, 2015

ESLint – Customizable JavaScript linting tool (2)

In this second part of our article about ESLint we will dive into the most interesting feature of this tool: its customizability. You can find the first part of this article here. As background’s knowledge, in our introduction to the linting tools, we have discussed the most interesting linters and their pros and contras. After such overview we have started deepening into the initial features of ESLint, describing how to
Read more…


No Comments

Gianluca Porcino

Entwickler bei thecodecampus

June 9, 2015

ESLint – Customizable JavaScript linting tool (1)

Historically, “to lint“ is an expression that denotes the process of flagging and highlighting some inadequate and error-prone construct in C-like language source code. After the emerging of heterogeneous software languages, the term has been universally adopted to generally indicate tools that are able to herald suspicious usages in software. This article is the first of a series of two, whose target is that of discussing the advantages of a JavaScript linter, analyzing ESLint
Read more…


No Comments

Gianluca Porcino

Entwickler bei thecodecampus