Build Native installers using Ionic CLI from your terminal/prompt

Build Native installers using Ionic CLI

This feature has been deprecated as of Ionic CLI 1.5.5. You will not find the package option in the CLI. Refer: issuecomment-109349399

Ionic recently launched a super awesome service where you can generate native installers write from your terminal/prompt. This service is in beta phase as of Ionic version 1.1.5. In this post, we will take a quick look at how we generate native installers using this service.

We are going to use the code base from Ionic Restify MongoDB – An End to End Hybrid App post. Instead of running the final product through PhoneGap build, we will use Ionic package CLI to generate the installer.

To get started, you can get the code base from GitHub or follow the post and build it yourself. If you are fetching the code from GitHub, create a new folder named ionicPackage and download/clone the code into that folder.

Continue reading

Node Webkit powered Dashboard application

Node Webkit Powered Dashboard app

In this post, we will be building a full fledged desktop application using node webkit and web technologies. We are going to build a dashboard app called myDashboard. The app will show the Weather report, Google Map, Flickr images and a Calendar. The final product would look like

Screen Shot 2014-07-20 at 3.47.12 pmScreen Shot 2014-07-20 at 3.46.14 pmScreen Shot 2014-07-20 at 3.48.13 pmScreen Shot 2014-07-20 at 3.48.33 pmScreen Shot 2014-07-20 at 3.47.55 pmYou can get the complete code here. The final installers are around 200MB, hence did not share the installer.

So, let us see how we can build this app.


Continue reading

Node Webkit – Build Desktop Apps with Node and Web Technologies

Getting Started with Node Webkit apps

Looking for a real time implementation? Check : Node Webkit powered Dashboard application

In this post, we will see how to build cross OS desktop apps using Node js and Web technologies. We will take a look at building and running a simple node webkit app and then expand on it by adding different features like platform services, node modules etc.

You can find the code for the examples in this post here.

So, let us get started.


Continue reading

Building and Publishing your Web Component in 9 Steps

Building and Publishing your Web Component in 9 Steps

This is a quick tutorial on how to build your Web Component, push it to GitHub with a demo and finally publish it to bower (optional). We will be building an upper-case tag, which will make the text-content inside it appear in upper case.

So let us get started.

If you are new to Web Components, refer Web Components – The Future Web and Web Components, PhoneGap Build and WordPress – A Hybrid App for your Blog.

Step 1 : Create a new folder where you would like to store all your Web Components. Let us call it myWebComponents and open terminal/prompt here.

Step 2 : Install the required dependencies globally. Run

Windows Mac/*nix
npm i -g bower yo generator-polymer    sudo npm i -g bower yo generator-polymer

Continue reading