Grunt + BrowserSync: The right way

If you do any kind of frontend development, that’s a bit more complicated than the “Hello World” example, you should be doing it with Grunt and it’s wingman, BrowserSync. 
 What is BrowserSync? BrowserSync is built on Node.js, and can be installed like any other module, it’s configured like any other module, but doesn’t really look like any of the other modules. Most of these have very specific and isolated functionalities, and that’s ok, but BrowserSync does a lot of cool stuff. It’s core features are related to browser “things”, like the name suggests, »

Create a Frontend App in Backbone

We’ll be making a Superadmin Account Manager as P.O.C. frontend app. The goal of this application is to manage our accounts and users. This post will cover the basic setup of the frontend logic, based on Node.js, Bower, Grunt, Backbone.js, Require.js and Bootstrap. While this article's value is in the team approach (eg. Bower), the workflow is generally considered "best practice", even for solo projects. The main purpose of the Superadmin is to visualise users and accounts we're going to create later on in the API. Manage Packages The days where tuts had to »

Set up your Local Battleground

There is no such thing as always online. As any seasoned developer will second, domesticated or not, you need a local environment to develop. The bigger and more versatile your involvement in team-based projects, the safer you'll feel with your own little corner where you can trail and error without hordes of angry Mongols on horses boo-ing you. With *nix as the dominant webserver flavouring, we're going to assume you own a Mac. An Ubuntu VM (set up) is highly advised if you are stuck with a Windows machine. Choose your pick, based on the projects you're planning to explore. »