Build on Thorsten Hans

Frontend Builds 7 - Conditional Build Tasks

Sat, 24 Oct 2015 00:00:00 +0000

The Frontend Builds article series

Welcome to the seventh and last part of this article series. If you didn’t read the other parts, check them out now.

Idea

During the last post, we made our BaaS configurable so that you can align the build to work with different folder structures, filenames or module configurations. Now it’s time to take our build to another level. Many developers are using things like less , Sass to build their stylesheets. Others use CoffeeScript , BabelJS or TypeScript to build their JavaScript. Exactly those tasks are missing in our BaaS solution, so let’s add them.

Frontend Builds 6 - Configurable builds

Thu, 22 Oct 2015 00:00:00 +0000

The Frontend Builds article series

Welcome to the sixth part of this article series. If you didn’t read the other parts, check them out now.

Idea

BaaS is fine so far if you’re building your projects on the same structure I did for building x-note . However, right now, we’re using Build as a Service, so it’s time to make everything configurable.

Frontend Builds 5 - Build as a Service (BaaS)

Wed, 21 Oct 2015 00:00:00 +0000

The Frontend Builds article series

Welcome to the fifth part of this article series. If you didn’t read the other parts, check them out now.

The idea

Most developers frequently create new projects, either for work or for just trying something new. This is also true for me. I found myself using yeoman to create new projects almost every day automatically. There are plenty of great generators available in the wild. Just visit the yeoman website and discover the generator repository, it’s fantastic.

Frontend Builds 4 - Building Cross Platform Mobile Apps

Sat, 17 Oct 2015 00:00:00 +0000

The Frontend Builds article series

Welcome to the fourth part of this article series. If you didn’t read the other parts, check them out now.

The Idea

During this post, I’ll explain how to bring x-note to various mobile platforms using Apache Cordova . x-note has been built using Angular Material, so it can easily fit on any resolution no matter if customers are using a 27" Cinema Display or a 5" cellphone. We’ll extend our build process to build and run mobile apps automatically.

Frontend Builds 3 - Cross Platform Desktop Builds

Thu, 15 Oct 2015 00:00:00 +0000

The Frontend Builds article series

Welcome to the third part of this article series. If you didn’t read the other parts, check them out now.

The idea

Frontend Apps can quickly be built for a various range of platforms. You can use Apache Crodova for building cross-platform mobile apps. For building cross-platform desktop apps, you can either use Electron or NW.js .

Frontend Builds 2 - readable and pluggable Gulp files

Wed, 14 Oct 2015 00:00:00 +0000

The Frontend Builds article series

Welcome to the second part of this article series. If you didn’t read the other parts, check them out now.

The idea

Within this post, I will explain the steps I used to move from the initial gulpfile to a readable and more maintainable version. Before explaining the technical steps, let’s talk about the target. Over the past year I’ve seen so many different styles and approaches for writing and organizing Gulpfiles, but most of them share the same problem. Once you revisit the project and its gulpfile after a few weeks or months, you need much time for reading and understanding what gulp is doing in this particular project when executing gulp default or just gulp. To reduce this effort, I’ve outlined my idea of how to align tasks and how things should interact using a small mockup

Frontend Builds 1 - Getting started

Mon, 12 Oct 2015 00:00:00 +0000

The Frontend Builds article series

Welcome to the very first part of this article series. If you didn’t read the other parts, check them out now.

Idea

As described during the introduction, here the link to the sample frontend application . x-note is a small note-taking application which I’ll use for this series of posts. I’ve build the app using AngularJS and angular-material .

Frontend build series introduction

Thu, 08 Oct 2015 00:00:00 +0000

Here at Thinktecture, we’re focusing on cross-platform apps, and we’re optimizing our development workflow continuously to push boundaries when it comes to development performance. I found myself again falling in love with creating fast and super awesome build processes. I want to use today’s lunchtime to write this short introduction post. So in the upcoming weeks, I’ll share some cool things around cross-platform builds. If you haven’t heard of Gulp.js, it could be a bit difficult to follow the series because I will not publish an introduction for Gulp.js. Do some research on Gulp.js to understand the critical concepts of Gulp.js.