Maximizing Ajax Development with NetBeans 6.5 Your Name Sun Campus Ambassador Your Address

2 Agenda NetBeans Overview AJAX Overview AJAX Supports in Netbeans JavaScript Supports in Netbeans Next Steps

3 Rich Client Platform CommunityIDE NetBeans Overview NetBeans is:

4 Java ME Java SE Java EE (J2EE 1.3, 1.4, Java EE 5) Dynamic Languages/Scripting: > JavaScript > Ruby, JRuby, Ruby on Rails > Groovy, Groovy on Grails > Python/Jython C/C++ NetBeans Overview IDE - The Only IDE You Need!

5 Works right out of the box End-2-end application development and Open Source NetBeans Overview IDE - The Only IDE You Need! 100% Java Supported >

6 Over 20 million IDE downloads and growing Over 10 million of those downloads in the last two years Over 4 million netbeans.org page views per month Over 500K mailing list subscribers Over 130 partner endorsements NetBeans Overview Community – Gaining Momentum

> Jolt: Development Environment > Developer.Com: Winner -- Best Development Tool, Best Java Tool, & Best Mobile Development Tool 2007 > InfoWorld: BOSSIE Award > InfoWorld : Java IDE Innovator > O'Reilly ONJava : Winner, Java IDE Platform 2006 > Java Developer's Journal : Editors' Choice > Codie Award : Best Software Development Solution > Jolt Award : Productivity Award for NetBeans IDE “For the last two years, I have performed comprehensive IDE reviews. During that time, Eclipse-based IDEs have regularly won top honors, while versions of NetBeans have lagged badly. This is the first review in which NetBeans truly stands on a par with Eclipse, and depending on your weightings could finish ahead. NetBeans has definitely arrived and is worthy of careful evaluation.” -- Andrew Binstock, Principle Analyst, Pacific Data Works & JavaWorld Writer (March ides0308.html) NetBeans Overview Community – Gaining Momentum

8 Rich Client Platform (RCP) IDE allows you to develop plugins for the RCP – module project Many complex applications built on NetBeans RCP – For Example: > iReport > Boeing Shared Platform NetBeans Overview RCP – Platform for Building Complex Applications

9 NetBeans Overview New in Netbeans 6.5 > Compile on Save! > QuickSearch > PHP Early Access > JavaScript Debugger > JavaDoc Analyzer > Glassfish v3 Integration > Multi-thread Debugging Support > C/C++ Call Graphs

10 AJAX Overview DHTML (DOM + CSS + XML) & JavaScript Asynchronous communication model > Separates data display from data fetch > Partial screen updates > Replaces “click, wait, and refresh” interaction > Background data fetch with XMLHttpRequest Intuitive and natural user interaction > Mouse movement-triggered events > Key press-triggered events Data-driven user interface experience

11 AJAX Overview- User Interface:Traditional Web vs. AJAX Synchronous call New HTML page User operation stops while the data is being fetched Asynchronous call Data only, not HTML No interruption in user interface display Only new information updated on page AJA X

12 Traditional Web AJAX User Interface Browser Client Web Server Datastores, backend processing,legacy systems Http Request HTML & CSS data http(s) transport Server Side Systems User Interface AJAX engine JavaScript Call HTML & CSS data Web and/or XML server Datastores, backend processing,legacy systems Http Request XML data http(s) transport Browser Client Server Side Systems AJAX Overview

13 Demo - Sample of AJAX web application

14 AJAX Overview- Current Issues with AJAX JavaScript > inconsistent support among browsers > requires cross browser testing > code is visible to a hacker > Can be difficult to develop, debug, and maintain > automatic testing is hard

15 AJAX Supports in Netbeans AJAX Frameworks > jMaki > Visual Web JSF AJAX support > Wicket, Google Web Toolkit, DWR,... JavaScript Debugger HTTP monitor JavaScript Library Manager Improved CSS Editor

16 AJAX Supports in Netbeans- jMaki jMaki is a lightweight AJAX Framework > Make javascript accessible to JSP, JSF, PHP, Ruby/JRuby and Phobos “AJAX” in a tag Widget model > Leveraging popular toolkits: dojo, Yahoo, Google, Scriptaculous,... Layout Server Model > Mashup with outside services

17 AJAX Supports in Netbeans- Other AJAX frameworks Apache Wicket > based on servlet > component based like JSF but simpler than JSF >Wicket components are just HTML tag with wicket attribute > i.e.,... > POJO(Plain Old Java Object) data model > Wicket plugin for Netbeans 6.0, 6.1: DetailPage.jsp?pluginid=3586

18 AJAX Supports in Netbeans- Other AJAX frameworks GWT: Google Web Toolkit > Build AJAX apps with Java technology,Take out “J”(Javascript) from AJAX > GWT4NB providing Netbeans support: >

19 JavaScript supports in Netbeans JavaScript Editor Basic features > Syntax highlighting > Code Folding > Navigation > Background parser > Bracket matching > Formatting > JSON support

20 JavaScript supports in Netbeans Editor Advanced features > Mark Occurrences > Instant Rename > Refactoring > Quick Fixes > Tasklist > Code Completion > Documentation > Embedded Completion

21 JavaScript supports in Netbeans Browser Compatibility > FireFox/Mozilla 1.x and later > Internet Explorer 5.5,6,7 and later > Safari 2 and later > Opera strikes through code completion options that are not supported in the selected browsers

22 JavaScript supports in Netbeans JavaScript Debugger > Add/delete breakpoints in HTML, JS file and URL > View Window and frame structure > Nevigate JavaScript call stack > View local variables > Set and delete watches > View browser DOM in the IDE > HTTP Client Monitor

23 JavaScript supports in Netbeans JavaScript Library Manager > Add JS libraries to Java EE, Ruby, or PHP projects > Yahoo UI > jQuery > Dojo > Scriptaculous > Prototype Improved Visual CSS editor

24 Demo JavaScript Editor And Debugger

25 Get Involved Download NetBeans! Join the Student Community! Join the NetBeans Community Next Steps

26 Resources Netbeans Product Site: > Download: previews, current & past releases of IDE, plugins > Learning: tutorials, technical articles, flash demos > Community: latest news, forums, events, mailing lists Netbeans Wiki: > Open-source documentation site for Netbeans Visual Web FAQ > Planet Netbeans: > Aggregate for all Netbeans-related blogs Source Code: > Mercurial source code access for Netbeans platform + IDE

27 Fast Track Your Career with Sun! Get FREE Web-based training on Java TM, Solaris TM & more! > Visit: > Course registration code for ABC University is XYZ Increase earnings potential with a Sun Certification! > Sun Certified Associate/Programmer for the Java 2 Platform SE > Sun Certified Web Component Developer for Java EE > Sun Certified Mobile Application Developer for Java ME > Sun Certified System/Network Admin for Solaris Operating System Free practice exams Discounted exams fees for academic developers – only US$60 (US$40 in APAC and Latin America)

THANK YOU! Repeat title Your Name Here Sun Campus Ambassador Your Address Here