Quantcast
Channel: T.Bogard's Journey Blog » jQuery
Viewing all articles
Browse latest Browse all 5

Using NetBeans as a jQuery IDE

$
0
0

Hello Guys.

Today I want to share the posibilities of NetBeans as a jQuery IDE for project development. It sounds hilarious, but no, it is not.

For the purpose of documentation, I will explain how to import the language preferences of jQuery, at the latest existent version (1.7.1 at this date). NetBeans IDE can also determinate the return of many functions that are included with jQuery!

Requirements

  • Having NetBeans 7 or newer
  • keep at hand the uncompressed and compressed version of jQuery

1. Lets create first a PHP project and then, lets copy and save the contents of the uncompressed version of jQuery 1.7.1, as well the compressed version

Create a empty js file that will contain the code of jQuery

2. Once you saved the files, the project files should look like this:

3. Now lets check each js file on the navigator panel. NetBeans can detect automatically all the available attributes. Somehow, the extensions (like addClass) are not shown under the navigator, but it does not matter at all.

The navigator will display the available functions, properties and objects of jQuery

4. now lets create a javascript file and lets edit a jQuery sentence such

$("body").attr("padding","0px");

5. Now we can see the code completion for all the jQuery functions. From the moment you start to write the dot after “)” you will start to see the helper:

Wow!, a code helper!!!!

6.now write, for example “attr”, it will show you the available options. Also it will include a cross-browser compatibility reference, and a small help as well:

It also includes a browser compatibility list... very smart

 

With just this easy steps you can start to configure your NetBeans in a killer IDE for your daily work based on jQuery.

Find this interesting? do I miss something? please comment, everyone needs help :D


Viewing all articles
Browse latest Browse all 5

Trending Articles