Frontend build series introduction
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’d like to use todays lunch time 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 will be a bit difficult to follow the series because I will not publish an introduction for gulp.js. Do some research on gulp.js in order to understand the key concepts of gulp.js.
What you need
Well you need actually three things on your system. First you need a good configured terminal. If you’re still using the default OS-X terminal, go and read my article on how to setup iTerm and the incredible oh-my-zsh on your OS-X. Second is of course a working installation of Node.JS. I highly recommend you to use NVM for dealing different Node.JS versions on a single system in no-time. There is also an article covering nvm on my blog. It’s worth reading. Last but not least you will need a good editor to write all the build tasks. I’m using Sublime Text 3 for most of the time. So you should double-check SLT3 and make yourself comfortable with all the plugins, themes and settings.
What you will get
Within the first post I’ll share a sample SPA project on github which I’m using through all posts as example.
The sample app (note taking app) is written using AngularJS and Angular Material. If you haven’t done some Angular yet, it’s now time to get started.
I’ll also share some of my SLT3 snippets which will make building gulpfiles a no-brainer.
- building Angular SPAs
- contextual frontend builds
- building cross platform desktop apps
- building cross platform mobile apps
- making gulpfiles readable and maintainable
- creating self documenting gulpfiles
- build as dependecy