Programming in HTML5 With Java Script and CSS3

2
What’s New & Cool
in Testbells IDE 7.x
(Highlights of testbells IDE 7.0, 7.1, 7.2, 7.3, and 7.4)
http://www.testbells.com/70-480.html

What is Testbells IDE?
A Comprehensive & Modular Development Environment
 Ready to use out of the box
 Support for latest Java
specifications & standards
 Other platforms too
(HTML5, PHP, C/C++)
 Intuitive workflow
 Debugger, Profiler,
Refactoring, etc.
 Binaries and ZIPs for Mac OS,
Linux, and Windows
Simply download and run on any operating system!
3

4

5

Why Use Testbells IDE?
Increase Developer Productivity
 Works out of the box
 Freely available
 Open source
 Support for Java standards &
other popular platforms, such as HTML5
 Deeply integrated Maven support
 Extensible Java desktop framework
 Powerful, award winning GUI Builder
 Profiling and debugging tools
 Customizable and extensible
6

What’s New in Testbells IDE 7.x
Overview of New Features and Enhanced Support
 Java Language
 Java EE Platform
 JavaFX Platform
 HTML5 Platform
 PHP and C/C++ Languages
 Miscellaneous IDE Tools
7

8
Java Language

Support for the Java Language
Out of the Box Java Language Support
 Java Editor is
Testbells IDE’s
central feature
 Developed in
close co-operation
with Oracle Java SE Team
 First editor to
support Java technologies,
e.g., JDK, Java EE, JavaFX
 “javac” is our parser,
all language features
are always in sync
with Java
9

Feature Overview
 Much More Than Creating, Editing, Refactoring
 Building
10
– Maven and Ant, community Gradle plugin
 Debugger and Profiler
 Versioning
– Git, Mercurial, and Subversion
 Testing and Code Analysis
– Junit and TestNG
– Static code analysis, e.g., FindBugs
 Continuous Build Servers
 Bug Tracking
– JIRA, Bugzilla
At Liquid Robotics, our use of Testbells
IDE is all about integration. There's the
seamless integration of development
tools and Java technologies within
Testbells IDE, but it's also very good at
integrating external features, for
example, Jenkins, which we use for our
build server, Git (via GitBlit), which is
our source code repository, JIRA for
bug tracking, Maven for running builds,
and Artifactory for maintaining the
artifacts created from the builds.
“Father of Java”
James Gosling
CTO, Liquid Robotics

11
JDK 7 Support
 Editor enhancements
 Intuitive new Java refactoring hints
– Strings in switch
– Diamond support
– Support for try-with-resources
– Multicatch support
– New integer literal support
 Batch refactor multiple projects
to JDK 7 simultaneously

12
JDK 8 Preview Support
 Out of the box
JDK 8 Profiles Support
 Syntax and code completion
support for Lamba expressions
 Refactoring tools for changing
anonymous inner classes
to Lambda expressions
 Lambda expressions
are handled by debugger

13
Smart Static Analysis via FindBugs
 Earlier bugs are found, lower cost in fixing them
 FindBugs
– Programming Style
– Programming Techniques
– “Dodgy code”, e.g., useless control flow
 Set scope of analysis on projects, packages,
or files
 Examine results and jump into editor

14
Smart Refactoring
 Quickly fix problems
across packages & projects
 Upgrade projects completely
to JDK 7 or JDK 8 (preview)
 Define finetuned
customized scopes
 Expression language
for defining rules

15
Smart Code Navigation
 Rewritten Hierarchy window
for supertypes and subtypes
 New Breadcrumb Toolbar
beneath editor
 New Brace Matching Bar
above editor

16
Smart Editing Tools
 Java Code Metrics
 Distraction-free mode
 Remove surrounding
code
 New hints, refactorings,
and code completions
 Block selection

17
Smart Maven Build Tools
 Key feature:
POM is Testbells project,
no Testbells files added
 Less memory needed
for Maven projects
 Effective POM tab
shows origin of elements
 Code Generator
for POM files
to generate license headers

18
Java EE Platform

Support for Java EE
Out of the Box Java EE Support
 Developed in close co-operation
with GlassFish and WebLogic teams
 Best in breed GlassFish integration,
strong support for WebLogic
and other servers
 First day support for standards,
e.g., Java EE 6 and Java EE 7
 No plugins needed
Ready to use out of the box
19

Support for Java EE
Feature Overview
 Much More Than Creating, Editing, Refactoring
 Frameworks
20
– bundled PrimeFaces
– support for RichFaces and IceFaces
 Building
– Maven, Ant, and Gradle plugin
 Debugging and Profiling
 Versioning
– Git, Mercurial, and Subversion
 Testing and Code Analysis
– Junit and TestNG
– Static code analysis (e.g., FindBugs)
We have found that Testbells IDE is fast
at introducing new features that ease
Java EE development and integrates
perfectly with popular tools like Maven.
In fact, we consider Testbells IDE to
provide the best Maven integration of
any IDE we have encountered.
Çağatay Çivici
PrimeFaces Lead

Support for Maven
Feature Overview
 Maven defines the POM:
the POM is the project,
no Testbells files needed at all
 All execution happens through Maven,
thus the IDE executes tests
exactly how CI does it, for example
 Since Testbells IDE 7.4,
21
“compile on save” is supported,
in addition, ZeroTurnaround has
created Testbells JRebel plugin
 All of this is available “out of the box”,
without installing any plugins of any kind

Support for Java EE
22
Java EE 7 Development Tools
 Support for latest specifications
(JAX-RS 2.0, JMS 2.0, JSF 2.2, CDI 1.1, EJB 3.2,
EL 3.0, WebSocket 1.0, JSP 2.1, and more)
 Support for latest JSF features
– Pass-through attributes & elements
– Resource library contracts
– Page Flow support
– Annotation-based component
registration
 @FlowScoped scope
– JSF templates & tools for client creation
 Facelets templates & client creation
– Many new hints

Support for Java EE
23
HTML5 Development Tools
 Easy to use HTML5 features
in Java EE applications
 Features:
– JavaScript Library Manager
– JavaScript Editor and Debugger
– CSS preprocessors
– Visual CSS Editor
– Integration between IDE
and Chrome browser
– Deployment to mobile devices
– Project samples
 (More details later in these slides.)

24
JavaFX Platform

Out of the Box JavaFX Support
25
Support for JavaFX
 First IDE to provide JavaFX tools
 Developed in close co-operation
with the JavaFX team
 Supports full
create/compile/debug cycle
 Integrated with Scene Builder
 Library of ready to use samples
out of the box

26
HTML5 Platform

Out of the Box HTML5 Support
27
Support for HTML5
 Features for HTML5, JavaScript, and CSS3
in HTML projects, Java EE (Maven and Ant)
projects, and in PHP projects
 Integration between
Testbells IDE and Chrome browser
 Editors for HTML5, JavaScript, CSS3
 JavaScript debugger
 Visual CSS editing
 SASS and LESS CSS preprocessing
 Cordova mobile device development

Support for HTML5
28
Cutting Edge JavaScript Editor
 Early JDK 8 build Nashorn JavaScript Engine for parsing
 Out of the box support:
– jQuery
– JSON
– Knockout
– Ext Js
– AngularJS
– JsDoc
– ExtDoc
– ScriptDoc

Support for HTML5
29
Quick JavaScript Debugger
 HTML5 applications are
automatically deployed
in debug mode
 Set breakpoints in JavaScript file,
on Line, DOM, Event,
or XMLHTTPRequest
 Refresh the browser and
immediately step through code
 Use Debugger windows to monitor
watches, threads, and breakpoints

Support for HTML5
30
Visual CSS Editing
 Click in browser
and see CSS styles and rules in IDE
 Changes saved in Chrome Developer Tools
are saved in files in IDE
 CSS styling: box model
styling of hover-based effects
 Changes in CSS Editor
immediately reflected in browser

Support for HTML5
31
SASS and LESS Preprocessing
 Syntax coloring, indentation, reformatting,
code folding, file templates
 Go to declaration, mark occurrences,
instant rename, code completion
 Live reload on change
 Debugging information is displayed

Support for HTML5
32
Easy Mobile & Web Deployment
 Tight integration with
– Chrome
– Embedded WebKit Browser
– iOS (Safari)
– Android (Chrome)
 Also support for
Internet Explorer, FireFox,
Safari, Android default browser

Support for HTML5
33
Cordova Mobile Device Support
 Cordova integration
for hybrid development
 Build native Android
and iOS packages
– Register or generate
required files for
Android and iOS
– Register Android SDK
and iOS SDK
 Helpful samples
and templates

34
PHP and C/C++

Support for PHP
Feature Overview
 Templates & samples for PHP projects and files
 Editor support (code completion,
navigation, refactoring, hints, coloring, etc.)
 Integration with HTML, JavaScript, CSS
 Debugger (Xdebug)
 Unit testing (PHPUnit, atoum)
 PHP frameworks (Symfony 1 &2,
Zend 1 and 2, Nette, Doctrine, Smarty)
 Dependency management (Composer)
 API documentation support (ApiGen, PhpDocumentor)
 Static code analysis (Code Sniffer, Mess Detector)
 Continuous integration (Hudson/Jenkins)
35

Out of the Box PHP Support
36
New in PHP
 HTML5 Development for PHP Projects
 Editor enhancements
 Enhanced frameworks:
– Twig, Apache Conf, NEON, INI
 New frameworks:
– Nette, Zend 2, atoum
 New static code analysis:
– Code Sniffer, Mess Detector

Support for C/C++
Feature Overview
 Optimized for large applications
 Advanced language-aware code editor, e.g.,
syntax coloring, code completion, navigation,
formatting, and hints
 Rich reverse engineering capabilities,
e.g., Find Usages, Call Graph, Class Hierarchy,
Macro View, and Include Hierarchy
 Visual Debugging
 Refactoring
 Unit tests support for CUnit/CppUnit
 Remote Development
37

Out of the Box C/C++ Support
38
New in C/C++
 Create projects from binary file
 Templates & specialized navigation
 Browse remote file system
 Integrated terminal
 C++11 support
 Compile single file action
 C++ documentation view
 Memory usage improvements 2x
 QT5 support
 Run/debug launchers

39
Miscellaneous
IDE Tools

Miscellaneous IDE Tools
Feature Overview
 Project Views
 Services Management
 Build Tools
40
– Ant, Maven, Gradle plugin
 Versioning Tools
– Git, Subversion, Mercurial
 Navigators
 Terminal Emulator
 Plugin Manager
 Action Items (Problem View)
 Bookmark Management

Out of the Box Maven
41
Maven
 Effective POM editor
 Reworked compile-on-save
 Build execution overview dialog
 Memory usage enhancements
 Performance enhancements

Out of the Box Task Management
42
Task Management
 New Tasks Window
 Manage issue trackers
Bugzilla and JIRA
 Create and categorize queries,
receive notifications on updates
 Create and categorize tasks
 Filter and search
your tasks and queries

Out of the Box Versioning Control Support
43
Versioning Tool Enhancements
 Visual tools for
– git --pull rebase
– git --commit amend
 Mercurial, Git, Subversion
diffing between branches
 Support for SSH agent
 Subversion 1.8

44
Summary

Major Features per Release
The Smarter and Faster Way to Code
 Testbells IDE 7.0 – support for JDK 7
 Testbells IDE 7.1 – support for JavaFX 2
 Testbells IDE 7.2 – Static Java code analysis, e.g., FindBugs integration, together with
smarter project scanning and performance enhancements
 Testbells IDE 7.3 – HTML5 tools, such as HTML5 editor, JavaScript Editor, JavaScript
debugger, CSS3 visual editor, and integration with Chrome browser, Java EE 7 support
 Testbells IDE 7.4 – HTML5 tools for Java EE and PHP, Cordova mobile device
development, preview support for JDK 8
45

Oracle Technology Network
For Java Developers
Resources for You
 Technical Content on oracle.com/technetwork/java
 Java Magazine (100K subscribers)
 Java Developer Newsletter (700K subscribers)
 Free Developer Days events.oracle.com
 Project space on java.net (7K+ projects)
 @java, Facebook/IloveJava
Path to Recognition
 Content by You!
 Send links to blogs, videos, and proposals for articles to otnfeedback_us@oracle.com
46

47

Programming in HTML5 With Java Script and CSS3

More Related Content

What's hot (20)

Similar to Programming in HTML5 With Java Script and CSS3 (20)

Recently uploaded (20)

Programming in HTML5 With Java Script and CSS3

Editor's Notes