In a previous post, I described the steps I followed to setup my environment (OSX Mavericks) for my 2D diagram editor. In this post, I'll describe the steps I followed to create the scaffolding for a new AngularJS application. Create a scaffold Several factors determine a software engineer's approach to…
AngularJS
My 2D Diagram Editor - Part 1
In a previous post, I described my requirements for a 2D diagram editor and shortlisted two HTML5 diagramming libraries: Fabric.js and Draw2D. In this post, I'll describe the steps I followed to setup my environment (OSX Mavericks) and to create the scaffolding for a new AngularJS application. Setting up…
Using ui-router for handling routes, defining states and sharing data between views
In a previous post, I wrote about using generator-ionic to create the scaffolding for a mobile-optimised Administration UI for the Vardyger publishing platform. In this post, we'll look at how the Admin UI uses the Angular UI router for handling routes, defining states and sharing data between views. Note: I've…
Ionic, Angular and Cordova
In a previous post, I wrote about enhancing Vardyger's API by adding support for the Handlebars templating engine and Ghost themes. In this post, we'll enhance Vardyger by generating the scaffolding for a mobile-optimised Administration UI. Prerequisites Yeoman, Grunt and Bower Note: This post will walk you through the steps…
Add Font Awesome to your Ionic project
In a previous post, I wrote about installing the Ionic framework and generating the scaffolding for a new project. In this post, we'll use Bower to add Font Awesome to our project. Prerequisites Node.js (and npm) Git Install Bower Use the Node Package Manager to install Bower: npm install…
Getting started with the Ionic framework
Ionic is a framework for developing hybrid mobile apps that leverages AngularJS and Cordova, and includes mobile-optimised HTML, CSS and JS components. In this post, we'll install the Ionic framework and generate the scaffolding for a new project. Install Node.js This post will walk you through the steps required…