YouTube: AngularJS for Cordova via Ionic and NetBeans

Ionic is a framework built on top of AngularJS for developing hybrid mobile applications via Apache Cordova. Setting everything up and having all the right tools available is trivial with NetBeans IDE, as this short (and silent) YouTube clip of about 5 minutes shows:

Direct link to the (silent) movie:


Geertjan, what are your thoughts about Ionic for just HTML5 mobile UI? i.e. Will it work for just that and is useful to use it for mobile instead of just AngularJS by itself?

Posted by Mark on June 25, 2014 at 02:27 PM PDT #

Definitely. That's precisely the point of Ionic, isn't it.

Posted by Geertjan on June 25, 2014 at 09:34 PM PDT #

Dear Geertajan
I am a Linux Mint user, I followed your guide.
I have already a global installation of these modules:
bower gulp gulp-concat gulp-minify-css gulp-rename gulp-sass gulp-util shelljs grunt jshint

When I create the new project from sources I have two project problems:
in project properties, "Gruntfile.js not found"

And the "resolve problems" tool complain about lacking modules, it creates a local node_modules folder below the Site Root, and reinstalls these modules:
bower gulp gulp-concat gulp-minify-css gulp-rename gulp-sass gulp-util shelljs

I'm quite noob about web programming and nodejs, but I don't understand why
it creates the local modules folder... the Netbeans ide is also highlighting a lot of errors inside the local node_modules folder...

Is this a normal behaviour?

Posted by guest on July 14, 2015 at 03:22 PM PDT #

After long time waiting, Netbeans decided that the modules have no errors and the errors have disapperead. Still I don't understand why they need a local copy of already globally installed modules.

GruntFile.js is still missing, is it mandatory?

Posted by guest on July 14, 2015 at 03:35 PM PDT #

I have found out that Netbeans has a template for GruntFile.js, I have created one vanilla new GruntFile.js, I don't know if this is going to work properly.
Thanks again for your guide/walkthru

Posted by Fabiano on July 15, 2015 at 12:06 AM PDT #

How to make Netbeans/Cordova to use ionic.project file (and saved proxy settings there).
My app wants to connect to my local http server (on different port than netbeans/cordova is serving the app)

Posted by lukasz on October 23, 2015 at 05:18 AM PDT #

Post a Comment:
  • HTML Syntax: NOT allowed

Geertjan Wielenga (@geertjanw) is a Principal Product Manager in the Oracle Developer Tools group living & working in Amsterdam. He is a Java technology enthusiast, evangelist, trainer, speaker, and writer. He blogs here daily.

The focus of this blog is mostly on NetBeans (a development tool primarily for Java programmers), with an occasional reference to NetBeans, and sometimes diverging to topics relating to NetBeans. And then there are days when NetBeans is mentioned, just for a change.


« June 2016