NewAndNoteworthyNB81

(Difference between revisions)
(Node.js Support)
(added angularjs screenshots)
Line 36: Line 36:
==AngularJS==
==AngularJS==
Added support for '''Angular 1.2''' and '''1.3'''
Added support for '''Angular 1.2''' and '''1.3'''
-
* Editor support and CC improvements
+
====Editor support and CC improvements====
-
** "Controller As"
+
* "Controller As"
-
** One-time binding expressions
+
 
-
** Tracking expressions "track by" in ng-repeat
+
[[image:Angular CtrlAs.jpg]]
-
** Alias expressions "as" in ng-repeat
+
 
-
** ModelOptions directive
+
* 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=
=Web Application Inspection=

Revision as of 17:01, 18 November 2014

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