JavaScript
Article
By Craig Buckler

What’s New in NetBeans 7.3: HTML5!

By Craig Buckler
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

Owing to my rapidly increasing age I’ve used many, many IDEs and text editors over the years. Visual Studio, Aptana, Eclipse, HomeSite, CoffeeCup, Bluefish, Komodo, Vim, Crimson, jEdit, TextPad, PSPad, ConTEXT, PHPEdit, ScITE — I’ve probably forgotten more than I remember. Most annoy me. They often miss features I want or add bloat I don’t need. My current editor of choice is Notepad++: it’s simple, lightweight and very configurable.

Historically, HTML editors have been fairly awful. Many IDEs forced you to create dumb projects, insisted on particular doctypes, or favored deprecated tags. JavaScript editing could be worse: the editor programmers didn’t understand the language so even basic features such as function lists could fail.

Fortunately, the situation has improved and NetBeans 7.3 has been released with full support for HTML5, CSS and JavaScript. The cross-platform IDE now includes an HTML project wizard which allows you to select popular boilerplate templates and JavaScript frameworks:

--ADVERTISEMENT--

NetBeans HTML5 project

There’s a lightweight internal server, embedded WebKit browser, Chrome integration and responsive web design facilities:

NetBeans Chrome integration

CSS styles can be edited directly or changed within the Inspector-like rule editor:

NetBeans CSS editing

The JavaScript editor has been rewritten to include better code completion, jQuery support and pattern recognition:

NetBeans JavaScript editing

There’s also a new debugger which can analyze code running in the internal browser or Chrome. You can apply breakpoints on lines, when a DOM element changes, when events are raised and when Ajax requests are called. Very useful:

NetBeans JavaScript debugger

Finally, there’s a great browser log which displays exceptions, errors and warnings as they occur:

NetBeans JavaScript log

Don’t forget that NetBeans also provides first-class development facilities for PHP, Java and C/C++. If you’re into that sort of thing.

It’s great to see client side browser technologies finally receiving the tools they deserve. I’m going to give NetBeans another look … will you?

NetBeans is available for free from netbeans.org.

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?