NewAndNoteworthyNB81

Revision as of 17:01, 18 November 2014 by Rsvitanic (Talk | contribs)

Contents

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

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

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