NewAndNoteworthyNB81

(Difference between revisions)
m
m
Line 2: Line 2:
All panels with options related to HTML5 and JavaScript technologies have been moved under a new top-level category HTML/JS in the Options window (Tools / Options, or NetBeans / Preferences... on OSX).
All panels with options related to HTML5 and JavaScript technologies have been moved under a new top-level category HTML/JS in the Options window (Tools / Options, or NetBeans / Preferences... on OSX).
 +
 +
[[image:HTMLJS-options.png]]

Revision as of 15:17, 6 February 2015

Contents

HTML/JS category in Options

All panels with options related to HTML5 and JavaScript technologies have been moved under a new top-level category HTML/JS in the Options window (Tools / Options, or NetBeans / Preferences... on OSX).

image:HTMLJS-options.png


JavaScript Frameworks

KnockoutJS

Added support for Knockout 3.2.0.

  • New bindings in code completion for data-bind
    • component
    • textInput
  • Updated model for code completion
    • Includes e.g., pureComputed observables
  • Support for Knockout custom components

Code completion for Knockout custom components

Custom HTML elements registered in Knockout JavaScript file using ko.components.register function

image:Ko32 01.jpg

Code completion for component binding

image:Ko32 03.jpg

image:Ko32 05.jpg

image:Ko32 04.jpg

Code completion for custom component's parameters

image:Ko32 cc params.png

image:Ko32 cc params2.png

Go to Declaration

Supports multiple source locations (e.g., component is registered in debug and minified JS files, both are present in the project)

image:Ko32 02.jpg

AngularJS

Added support for Angular 1.2 and 1.3

Editor support and CC improvements

  • "Controller As"

image:Angular CtrlAs.jpg

  • One-time binding expressions

image:Angular bindOnce.jpg

  • Tracking expressions "track by" and Alias expressions "as" in ng-repeat

image:Angular ngRepeatTrackByAs.jpg

  • ModelOptions directive

image:Angular modelOptions.jpg

Editor

JavaScript Editor

Code Completion

If the code completion is called inside the string of parameter in method of document.getElementsById(), then it is able to offer all used values of ids attributes in the html and css files in the project.

image:GetElementById.png‎


Similarly the code completion offers CSS classes defined in css file inside the string of parameter in method document.getElementsByClassName().

image:GetElementByClassName.png‎

JSDoc support improvements

Marking optional parameter using Google Compiler Syntax.

image:JsDocParamInGCS.png‎

JSON Editor

Code Folding

The code folding of the JSON editor was improved. It's possible to fold arrays of objects.

image:ArrayJSONFolding.png‎

Also there are new options for folding editor in the Options dialog.

image:JsonFoldOptions.png‎

Web Application Inspection

Shadow DOM Support

  • Shadow DOM nodes are shown in Browser DOM view
  • Elements of shadow DOM can be selected/inspected in Chrome browser
  • Styling information for shadow DOM nodes is shown in CSS Styles view

image:shadowDOM.png

DOM Breakpoints

DOM breakpoints are visualized in Browser DOM view (elements with a breakpoint are marked by a breakpoint badge).

image:DOMBreakpoints.png

JavaScript Debugging

Conditional Breakpoints

It is possible to specify condition on a JavaScript breakpoint. The breakpoint is hit when the condition evaluates to true.

image:JavaScriptConditionalBreakpoints.png

Node.js Support

Support for Node.js has been added. This includes:

  • Configuration of the Node.js executable

image:Nb81-nodejs-1.png

  • New project wizard

image:Nb81-nodejs-2.png

  • Project problems detection

image:Nb81-nodejs-3.png

  • Running JS files via Node.js

image:Nb81-nodejs-4.png

  • Project specific configuration of Node.js

image:Nb81-nodejs-5.png

  • Configuration of start file

image:Nb81-nodejs-6.png

  • Node.js project can have Site Root (its own frontend part)

image:Nb81-nodejs-7.png

  • In this case, browser can be opened on project run

image:Nb81-nodejs-8.png

  • Synchronization of changes between project and its package.json (project name, start file)

image:Nb81-nodejs-9.png

  • Libraries node in the Projects view

image:Nb81-nodejs-10.png

  • Running any npm script

image:Nb81-nodejs-11.png

Node.js Editor

  • Control - hover functionality

When you place the mouse cursor over an runtime module name in require method and press CTRL / Command, then the documentation for the module is displayed.

image:CmdHover.png

Gulp Support

Support for Gulp has been added, it works exactly the same way as the existing Grunt support. This includes:

  • Configuration of the Gulp executable

image:Nb81-gulp-01.png

  • gulpfile is shown among Important Files

image:Nb81-gulp-02.png

  • Gulp tasks can be assigned to common IDE actions in the Project Properties dialog

image:Nb81-gulp-03.png

  • Any Gulp task can be run via project's context menu

image:Nb81-gulp-04.png

  • Gulp output can be reviewed in the Output window

image:Nb81-gulp-05.png

Java EE

Remote WebLogic

Support for development on remote WebLogic instances.

image:weblogic_step1.png

image:weblogic_step2.png

Testing

Unit Testing

HTML5/Javascript Node.js Application

Mocha

Support for Mocha has been added. This includes:

  • Configuration of the mocha executable and options

image:Nb81-mocha-01.png

  • Integration with Test Results window

image:Nb81-mocha-03.png

Integration Testing

Support for Selenium 2.0 has been added. This includes:

Selenium Standalone Server

  • Server registered under Services tab

image:Nb81-selenium-server-02.png

  • Configuration options

image:Nb81-selenium-server-01.png

Maven Java Application, Web application, EJB Module, Enterprise Application Client

  • Wizard to create selenium test file

image:Nb81-java-01.png

  • Integration with Tools -> Create/Update Tests menu action for Selenium

image:Nb81-java-02.png

  • Run all selenium project's tests

image:Nb81-java-03.png

  • Integration with Test Results window

image:Nb81-java-04.png

PHP Application

  • Configuration of the selenium tests folder location

image:Nb81-php-01.png

  • Wizard to create selenium test file

image:Nb81-php-02.png

  • Integration with Tools -> Create/Update Tests menu action for PHPUnit and Selenium

image:Nb81-php-03.png

  • Run all selenium project's tests

image:Nb81-php-04.png

  • Integration with Test Results window

image:Nb81-php-05.png

HTML5/Javascript Node.js Application

  • Configuration of the selenium tests folder location

image:Nb81-selenium-node-01.png

  • Run all selenium project's tests

image:Nb81-protractor-03.png

  • Run/debug specific selenium test

image:Nb81-protractor-04.png

  • Integration with Test Results window

image:Nb81-protractor-05.png

  • Wizards to create selenium related files

image:Nb81-selenium-node-02.png

Mocha

  • Configuration of testing provider options

image:Nb81-mocha-02.png

Protractor

  • Configuration of testing provider options

image:Nb81-protractor-01.png

PHP

Phing Support

Support for Phing has been added, it works exactly the same way as the Grunt/Gulp support. This includes:

  • Configuration of the Phing executable

image:Nb81-php-phing-1.png

  • New build file can be created

image:Nb81-php-phing-2.png

  • Phing targets can be assigned to common IDE actions in the Project Properties dialog

image:Nb81-php-phing-3.png

  • Any Phing target can be run via project's context menu

image:Nb81-php-phing-4.png

  • Phing output can be reviewed in the Output window

image:Nb81-php-phing-5.png

Projects

Simple Opening of Existing Projects

There is no need to import existing projects into NetBeans using the New Project wizard for the following areas:

  • HTML5 - if the existing project contains package.json or bower.json files.

image:Nb81-autoproject-html5.png

  • PHP - if the existing project contains composer.json file.

image:Nb81-autoproject-php.png

Not logged in. Log in, Register

By use of this website, you agree to the NetBeans Policies and Terms of Use. © 2012, Oracle Corporation and/or its affiliates. Sponsored by Oracle logo