SlideShare une entreprise Scribd logo
1  sur  40
Télécharger pour lire hors ligne
1
Busy Developer's
Guide to Quickly
Integrating HTML5
with Java EE 7
(Java EE and HTML5, the best of both worlds!)

2
Me
 Twitter: @geertjanw
 Facebook: www.facebook.com/geertjanw
 E-Mail: geertjan.wielenga@oracle.com

3
Free Tool Box
 HTML
 JavaScript
 CSS
 Java EE
 NetBeans

4
What is NetBeans?
Increase Developer Productivity
 Ready to use out of the box
 Support for latest Java

specifications & standards
 Support for HTML,

JavaScript, and CSS
 Intuitive workflow

 Debugger, Profiler,

Editing & Refactoring Tools
 Binaries and ZIPs for Mac OS,

Linux, and Windows
Simply download and run on any operating system!
5
What is NetBeans?
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
HTML5 Platform

7
HTML5 Platform
<video>
<audio>
<canvas>
8
HTML5 Platform
<video>
<audio>
<canvas>
9

CSS3
animations
transformations
HTML5 Platform
Backbone.js CSS3
Knockout
<video>
animations
<audio>
Ext JS
transformations
<canvas>
Angular JS
…
10
Preprocessors
- SASS, LESS
HTML5 Platform - Emmet
- CoffeeScript
Backbone.js CSS3
- Dart
Knockout
<video>
animations
<audio>
Ext JS
transformations
<canvas>
Angular JS
…
11
Mobile
- Android
- iOS

Preprocessors
- SASS, LESS
HTML5 Platform - Emmet
- CoffeeScript
Backbone.js CSS3
- Dart
Knockout
<video>
animations
<audio>
Ext JS
transformations
<canvas>
Angular JS
…
12
Hybrid
Mobile
- PhoneGap - Android
- Cordova
- iOS

Preprocessors
- SASS, LESS
HTML5 Platform - Emmet
- CoffeeScript
Backbone.js CSS3
- Dart
Knockout
<video>
animations
<audio>
Ext JS
transformations
<canvas>
Angular JS
…
13
HTML5 Tools
 Integration between

IDE and Chrome browser
 Editors for HTML5, JavaScript, CSS3
 JavaScript debugger
 Visual CSS editing
 SASS and LESS CSS preprocessing
 Cordova mobile device development
14
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
15
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
16
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

17
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

18
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

19
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
20
Demo

21
Java EE Platform

22
Java EE
 Simplicity

 Productivity
 Specifications
 Convention over configuration

23
Java EE

24
Java EE Platform
Out of the Box Java EE Support

25
Java EE Platform for HTML5
 JSON Processing
 WebSocket
 Concurrency
 Batch

 RESTful Web Services

26
Java EE Platform for HTML5
 JSON-P. JSON is a text-based data exchange format

derived from JavaScript that is used in web services and
other connected applications.
The Java API for JSON Processing (JSON-P) enables
Java EE applications to parse, transform, and query JSON
data using the object model or the streaming model.

27
Java EE Platform for HTML5
 WebSocket. WebSocket is an application protocol that

provides full-duplex communications between two peers
over TCP.
The Java API for WebSocket enables Java EE applications
to create endpoints using annotations that specify the
configuration parameters of the endpoint and designate its
lifecycle callback methods.
28
Java EE Platform for HTML5
 Concurrency. The Concurrency Utilities for Java EE is a

standard API that enables asynchronous capabilities to
Java EE applications through the following types of
objects: managed executor service, managed scheduled
executor service, managed thread factory, and context
service.

29
Java EE Platform for HTML5
 Batch. The Batch Applications for the Java Platform

specification is a batch framework that enables support for
creating and running batch jobs in Java applications.
The batch framework consists of a batch runtime, a job
specification language based on XML, a Java API to
interact with the batch runtime, and a Java API to
implement batch artifacts.
30
Java EE Platform for HTML5
 RESTful Web Services. The Java API for RESTful Web

Services (JAX-RS) defines an API that enables the
development of web services built according to the
Representational State Transfer (REST) architectural style.

A JAX-RS application is a web application that consists of
classes packaged as a servlet in a WAR file along with
required libraries.
31
NetBeans and Java
 Java Editor is

NetBeans 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
32
NetBeans and Java
 Much More Than Creating, Editing, Refactoring
 Building
– Maven and Ant, community Gradle plugin

 Debugger and Profiler

 Versioning
– Git, Mercurial, and Subversion

At Liquid Robotics, our use of NetBeans
IDE is all about integration. There's the
seamless integration of development
tools and Java technologies within
NetBeans 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.

 Testing and Code Analysis
– Junit and TestNG

– Static code analysis, e.g., FindBugs

 Continuous Build Servers
 Bug Tracking
33

– JIRA, Bugzilla

“Father of Java”
James Gosling
CTO, Liquid Robotics
NetBeans and Java EE
 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
34
Java EE, HTML5, and NetBeans
 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
35
Demo

36
Summary

37
Free Tool Box
 HTML
 JavaScript
 CSS
 Java EE
 NetBeans

38
Me
 Twitter: @geertjanw
 Facebook: www.facebook.com/geertjanw
 E-Mail: geertjan.wielenga@oracle.com

39
40

Contenu connexe

Tendances

Developing Web Application Using J2EE - Nex
Developing Web Application Using J2EE - NexDeveloping Web Application Using J2EE - Nex
Developing Web Application Using J2EE - NexNexSoftsys
 
C#.net, C Sharp.Net Online Training Course Content
C#.net, C Sharp.Net Online Training Course ContentC#.net, C Sharp.Net Online Training Course Content
C#.net, C Sharp.Net Online Training Course ContentSVRTechnologies
 
An introduction to Java 9 & Its Features
An introduction to Java 9 & Its FeaturesAn introduction to Java 9 & Its Features
An introduction to Java 9 & Its FeaturesNexSoftsys
 
AbhishekMalik_CV_01Mar19
AbhishekMalik_CV_01Mar19AbhishekMalik_CV_01Mar19
AbhishekMalik_CV_01Mar19Abhishek Malik
 
AbhishekMalik_CV_22Jan2019
AbhishekMalik_CV_22Jan2019AbhishekMalik_CV_22Jan2019
AbhishekMalik_CV_22Jan2019Abhishek Malik
 
The Brainify App - JavaFx
The Brainify App - JavaFxThe Brainify App - JavaFx
The Brainify App - JavaFxMohd Shamweel
 
Workshop Framework(J2EE/OSGi/RCP)
Workshop Framework(J2EE/OSGi/RCP)Workshop Framework(J2EE/OSGi/RCP)
Workshop Framework(J2EE/OSGi/RCP)Summer Lu
 
AbhishekMalik_CV_08jan2019
AbhishekMalik_CV_08jan2019AbhishekMalik_CV_08jan2019
AbhishekMalik_CV_08jan2019Abhishek Malik
 
Abhishek malik_cv_01jan2019
Abhishek malik_cv_01jan2019Abhishek malik_cv_01jan2019
Abhishek malik_cv_01jan2019Abhishek Malik
 
Desktop Applications with NetBeans
Desktop Applications with NetBeansDesktop Applications with NetBeans
Desktop Applications with NetBeansHuu Bang Le Phan
 
Multiplatform Apps with Spring, Kotlin, and RSocket
Multiplatform Apps with Spring, Kotlin, and RSocketMultiplatform Apps with Spring, Kotlin, and RSocket
Multiplatform Apps with Spring, Kotlin, and RSocketVMware Tanzu
 
Professional JavaScript Development (An Introduction for Java Developers)
Professional JavaScript Development (An Introduction for Java Developers)Professional JavaScript Development (An Introduction for Java Developers)
Professional JavaScript Development (An Introduction for Java Developers)jbandi
 
Developing With Openbravo Rl Eppt
Developing With Openbravo Rl EpptDeveloping With Openbravo Rl Eppt
Developing With Openbravo Rl Epptvobree
 
LUGOD Raspberry Pi Hacking
LUGOD Raspberry Pi HackingLUGOD Raspberry Pi Hacking
LUGOD Raspberry Pi HackingStephen Chin
 

Tendances (18)

Developing Web Application Using J2EE - Nex
Developing Web Application Using J2EE - NexDeveloping Web Application Using J2EE - Nex
Developing Web Application Using J2EE - Nex
 
C#.net, C Sharp.Net Online Training Course Content
C#.net, C Sharp.Net Online Training Course ContentC#.net, C Sharp.Net Online Training Course Content
C#.net, C Sharp.Net Online Training Course Content
 
An introduction to Java 9 & Its Features
An introduction to Java 9 & Its FeaturesAn introduction to Java 9 & Its Features
An introduction to Java 9 & Its Features
 
Java
JavaJava
Java
 
AbhishekMalik_CV_01Mar19
AbhishekMalik_CV_01Mar19AbhishekMalik_CV_01Mar19
AbhishekMalik_CV_01Mar19
 
AbhishekMalik_CV_22Jan2019
AbhishekMalik_CV_22Jan2019AbhishekMalik_CV_22Jan2019
AbhishekMalik_CV_22Jan2019
 
The Brainify App - JavaFx
The Brainify App - JavaFxThe Brainify App - JavaFx
The Brainify App - JavaFx
 
Workshop Framework(J2EE/OSGi/RCP)
Workshop Framework(J2EE/OSGi/RCP)Workshop Framework(J2EE/OSGi/RCP)
Workshop Framework(J2EE/OSGi/RCP)
 
AbhishekMalik_CV_08jan2019
AbhishekMalik_CV_08jan2019AbhishekMalik_CV_08jan2019
AbhishekMalik_CV_08jan2019
 
Javascript
JavascriptJavascript
Javascript
 
Abhishek malik_cv_01jan2019
Abhishek malik_cv_01jan2019Abhishek malik_cv_01jan2019
Abhishek malik_cv_01jan2019
 
Desktop Applications with NetBeans
Desktop Applications with NetBeansDesktop Applications with NetBeans
Desktop Applications with NetBeans
 
Multiplatform Apps with Spring, Kotlin, and RSocket
Multiplatform Apps with Spring, Kotlin, and RSocketMultiplatform Apps with Spring, Kotlin, and RSocket
Multiplatform Apps with Spring, Kotlin, and RSocket
 
Professional JavaScript Development (An Introduction for Java Developers)
Professional JavaScript Development (An Introduction for Java Developers)Professional JavaScript Development (An Introduction for Java Developers)
Professional JavaScript Development (An Introduction for Java Developers)
 
Developing With Openbravo Rl Eppt
Developing With Openbravo Rl EpptDeveloping With Openbravo Rl Eppt
Developing With Openbravo Rl Eppt
 
LUGOD Raspberry Pi Hacking
LUGOD Raspberry Pi HackingLUGOD Raspberry Pi Hacking
LUGOD Raspberry Pi Hacking
 
Introduction to Visual Studio.NET
Introduction to Visual Studio.NETIntroduction to Visual Studio.NET
Introduction to Visual Studio.NET
 
Vikram_Singh_TeamLead
Vikram_Singh_TeamLeadVikram_Singh_TeamLead
Vikram_Singh_TeamLead
 

Similaire à Busy developer-html5-javaee7

whats-new-netbeans-ide-7x.pptx
whats-new-netbeans-ide-7x.pptxwhats-new-netbeans-ide-7x.pptx
whats-new-netbeans-ide-7x.pptxGabrielSoche
 
005528214.pdf
005528214.pdf005528214.pdf
005528214.pdfEidTahir
 
What’s New & Cool in NetBeans IDE 7.x
What’s New & Cool in NetBeans IDE 7.xWhat’s New & Cool in NetBeans IDE 7.x
What’s New & Cool in NetBeans IDE 7.xErik Gur
 
Netbeans65 Osum Slides
Netbeans65 Osum SlidesNetbeans65 Osum Slides
Netbeans65 Osum SlidesAbhishek Gupta
 
Top 10 IDEs for React.js Developers in 2021
Top 10 IDEs for React.js Developers in 2021Top 10 IDEs for React.js Developers in 2021
Top 10 IDEs for React.js Developers in 2021WrapPixel
 
Vijay Oscon
Vijay OsconVijay Oscon
Vijay Osconvijayrvr
 
Intro to Eclipse Che, by Tyler Jewell
Intro to Eclipse Che, by Tyler JewellIntro to Eclipse Che, by Tyler Jewell
Intro to Eclipse Che, by Tyler Jewelljwi11iams
 
Project report for final year project
Project report for final year projectProject report for final year project
Project report for final year projectsuneel singh
 
Case Study: USDA Maximizing Collaboration with NetBeans and Codebeamer
Case Study: USDA Maximizing Collaboration with NetBeans and CodebeamerCase Study: USDA Maximizing Collaboration with NetBeans and Codebeamer
Case Study: USDA Maximizing Collaboration with NetBeans and Codebeamertabithascatena
 
Eclipse Che - A Revolutionary IDE for Distributed & Mainframe Development
Eclipse Che - A Revolutionary IDE for Distributed & Mainframe DevelopmentEclipse Che - A Revolutionary IDE for Distributed & Mainframe Development
Eclipse Che - A Revolutionary IDE for Distributed & Mainframe DevelopmentDevOps.com
 
Web development concepts using microsoft technologies
Web development concepts using microsoft technologiesWeb development concepts using microsoft technologies
Web development concepts using microsoft technologiesHosam Kamel
 
8 Node.js Frameworks Every Developer Should Know [UPDATED].pptx
8 Node.js Frameworks Every Developer Should Know [UPDATED].pptx8 Node.js Frameworks Every Developer Should Know [UPDATED].pptx
8 Node.js Frameworks Every Developer Should Know [UPDATED].pptx75waytechnologies
 
Evolution of VS code Java ecosystem
Evolution of VS code Java ecosystemEvolution of VS code Java ecosystem
Evolution of VS code Java ecosystem Adi Polak
 
Netbeans 6.1 Talk
Netbeans 6.1 TalkNetbeans 6.1 Talk
Netbeans 6.1 TalkAngad Singh
 
Java for Recruiters
Java for RecruitersJava for Recruiters
Java for Recruitersph7 -
 

Similaire à Busy developer-html5-javaee7 (20)

whats-new-netbeans-ide-7x.pptx
whats-new-netbeans-ide-7x.pptxwhats-new-netbeans-ide-7x.pptx
whats-new-netbeans-ide-7x.pptx
 
005528214.pdf
005528214.pdf005528214.pdf
005528214.pdf
 
What’s New & Cool in NetBeans IDE 7.x
What’s New & Cool in NetBeans IDE 7.xWhat’s New & Cool in NetBeans IDE 7.x
What’s New & Cool in NetBeans IDE 7.x
 
Netbeans65 Osum Slides
Netbeans65 Osum SlidesNetbeans65 Osum Slides
Netbeans65 Osum Slides
 
DevNation
DevNation DevNation
DevNation
 
Top 10 IDEs for React.js Developers in 2021
Top 10 IDEs for React.js Developers in 2021Top 10 IDEs for React.js Developers in 2021
Top 10 IDEs for React.js Developers in 2021
 
Vijay Oscon
Vijay OsconVijay Oscon
Vijay Oscon
 
Intro to Eclipse Che, by Tyler Jewell
Intro to Eclipse Che, by Tyler JewellIntro to Eclipse Che, by Tyler Jewell
Intro to Eclipse Che, by Tyler Jewell
 
Project report for final year project
Project report for final year projectProject report for final year project
Project report for final year project
 
Case Study: USDA Maximizing Collaboration with NetBeans and Codebeamer
Case Study: USDA Maximizing Collaboration with NetBeans and CodebeamerCase Study: USDA Maximizing Collaboration with NetBeans and Codebeamer
Case Study: USDA Maximizing Collaboration with NetBeans and Codebeamer
 
Resume
ResumeResume
Resume
 
Eclipse Che - A Revolutionary IDE for Distributed & Mainframe Development
Eclipse Che - A Revolutionary IDE for Distributed & Mainframe DevelopmentEclipse Che - A Revolutionary IDE for Distributed & Mainframe Development
Eclipse Che - A Revolutionary IDE for Distributed & Mainframe Development
 
Web development concepts using microsoft technologies
Web development concepts using microsoft technologiesWeb development concepts using microsoft technologies
Web development concepts using microsoft technologies
 
8 Node.js Frameworks Every Developer Should Know [UPDATED].pptx
8 Node.js Frameworks Every Developer Should Know [UPDATED].pptx8 Node.js Frameworks Every Developer Should Know [UPDATED].pptx
8 Node.js Frameworks Every Developer Should Know [UPDATED].pptx
 
NodeJs Frameworks.pdf
NodeJs Frameworks.pdfNodeJs Frameworks.pdf
NodeJs Frameworks.pdf
 
Evolution of VS code Java ecosystem
Evolution of VS code Java ecosystemEvolution of VS code Java ecosystem
Evolution of VS code Java ecosystem
 
newSkills_09
newSkills_09newSkills_09
newSkills_09
 
Netbeans 6.1 Talk
Netbeans 6.1 TalkNetbeans 6.1 Talk
Netbeans 6.1 Talk
 
Javascript handbook
Javascript handbook Javascript handbook
Javascript handbook
 
Java for Recruiters
Java for RecruitersJava for Recruiters
Java for Recruiters
 

Plus de Geertjan Wielenga

The Long Walk to Apache NetBeans
The Long Walk to Apache NetBeansThe Long Walk to Apache NetBeans
The Long Walk to Apache NetBeansGeertjan Wielenga
 
Coding from Application Container Cloud to Oracle JET
Coding from Application Container Cloud to Oracle JETCoding from Application Container Cloud to Oracle JET
Coding from Application Container Cloud to Oracle JETGeertjan Wielenga
 
JFall 2016: Oracle JET Session
JFall 2016: Oracle JET SessionJFall 2016: Oracle JET Session
JFall 2016: Oracle JET SessionGeertjan Wielenga
 
Oracle JET, with JET Mobile Content
Oracle JET, with JET Mobile ContentOracle JET, with JET Mobile Content
Oracle JET, with JET Mobile ContentGeertjan Wielenga
 
10 Building Blocks for Enterprise JavaScript
10 Building Blocks for Enterprise JavaScript10 Building Blocks for Enterprise JavaScript
10 Building Blocks for Enterprise JavaScriptGeertjan Wielenga
 
Japanese Introduction to Oracle JET
Japanese Introduction to Oracle JETJapanese Introduction to Oracle JET
Japanese Introduction to Oracle JETGeertjan Wielenga
 
geecon 2016: "What's Oracle Doing with JavaScript?!"
geecon 2016: "What's Oracle Doing with JavaScript?!"geecon 2016: "What's Oracle Doing with JavaScript?!"
geecon 2016: "What's Oracle Doing with JavaScript?!"Geertjan Wielenga
 
Surviving Life in the JavaScript Ecosystem
Surviving Life in the JavaScript EcosystemSurviving Life in the JavaScript Ecosystem
Surviving Life in the JavaScript EcosystemGeertjan Wielenga
 
Oracle JET: Enterprise-Ready JavaScript Toolkit
Oracle JET: Enterprise-Ready JavaScript ToolkitOracle JET: Enterprise-Ready JavaScript Toolkit
Oracle JET: Enterprise-Ready JavaScript ToolkitGeertjan Wielenga
 
NetBeans Workshop at Hanze University of Applied Science, Groningen
NetBeans Workshop at Hanze University of Applied Science, GroningenNetBeans Workshop at Hanze University of Applied Science, Groningen
NetBeans Workshop at Hanze University of Applied Science, GroningenGeertjan Wielenga
 
Coding for Desktop & Mobile with HTML5 & Java EE
Coding for Desktop & Mobile with HTML5 & Java EECoding for Desktop & Mobile with HTML5 & Java EE
Coding for Desktop & Mobile with HTML5 & Java EEGeertjan Wielenga
 

Plus de Geertjan Wielenga (20)

The Long Walk to Apache NetBeans
The Long Walk to Apache NetBeansThe Long Walk to Apache NetBeans
The Long Walk to Apache NetBeans
 
Java Master Class
Java Master ClassJava Master Class
Java Master Class
 
Coding from Application Container Cloud to Oracle JET
Coding from Application Container Cloud to Oracle JETCoding from Application Container Cloud to Oracle JET
Coding from Application Container Cloud to Oracle JET
 
Session at Oredev 2016.
Session at Oredev 2016.Session at Oredev 2016.
Session at Oredev 2016.
 
JFall 2016: Oracle JET Session
JFall 2016: Oracle JET SessionJFall 2016: Oracle JET Session
JFall 2016: Oracle JET Session
 
Slovenian Oracle User Group
Slovenian Oracle User GroupSlovenian Oracle User Group
Slovenian Oracle User Group
 
Imworld.ro
Imworld.roImworld.ro
Imworld.ro
 
Oracle User Group Holland
Oracle User Group HollandOracle User Group Holland
Oracle User Group Holland
 
State of NetBeans
State of NetBeansState of NetBeans
State of NetBeans
 
Oracle JET, with JET Mobile Content
Oracle JET, with JET Mobile ContentOracle JET, with JET Mobile Content
Oracle JET, with JET Mobile Content
 
10 Building Blocks for Enterprise JavaScript
10 Building Blocks for Enterprise JavaScript10 Building Blocks for Enterprise JavaScript
10 Building Blocks for Enterprise JavaScript
 
Japanese Introduction to Oracle JET
Japanese Introduction to Oracle JETJapanese Introduction to Oracle JET
Japanese Introduction to Oracle JET
 
Oracle JET
Oracle JETOracle JET
Oracle JET
 
geecon 2016: "What's Oracle Doing with JavaScript?!"
geecon 2016: "What's Oracle Doing with JavaScript?!"geecon 2016: "What's Oracle Doing with JavaScript?!"
geecon 2016: "What's Oracle Doing with JavaScript?!"
 
Technology Evangelism
Technology EvangelismTechnology Evangelism
Technology Evangelism
 
Technology evangelist
Technology evangelistTechnology evangelist
Technology evangelist
 
Surviving Life in the JavaScript Ecosystem
Surviving Life in the JavaScript EcosystemSurviving Life in the JavaScript Ecosystem
Surviving Life in the JavaScript Ecosystem
 
Oracle JET: Enterprise-Ready JavaScript Toolkit
Oracle JET: Enterprise-Ready JavaScript ToolkitOracle JET: Enterprise-Ready JavaScript Toolkit
Oracle JET: Enterprise-Ready JavaScript Toolkit
 
NetBeans Workshop at Hanze University of Applied Science, Groningen
NetBeans Workshop at Hanze University of Applied Science, GroningenNetBeans Workshop at Hanze University of Applied Science, Groningen
NetBeans Workshop at Hanze University of Applied Science, Groningen
 
Coding for Desktop & Mobile with HTML5 & Java EE
Coding for Desktop & Mobile with HTML5 & Java EECoding for Desktop & Mobile with HTML5 & Java EE
Coding for Desktop & Mobile with HTML5 & Java EE
 

Dernier

The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 

Dernier (20)

The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 

Busy developer-html5-javaee7

  • 1. 1
  • 2. Busy Developer's Guide to Quickly Integrating HTML5 with Java EE 7 (Java EE and HTML5, the best of both worlds!) 2
  • 3. Me  Twitter: @geertjanw  Facebook: www.facebook.com/geertjanw  E-Mail: geertjan.wielenga@oracle.com 3
  • 4. Free Tool Box  HTML  JavaScript  CSS  Java EE  NetBeans 4
  • 5. What is NetBeans? Increase Developer Productivity  Ready to use out of the box  Support for latest Java specifications & standards  Support for HTML, JavaScript, and CSS  Intuitive workflow  Debugger, Profiler, Editing & Refactoring Tools  Binaries and ZIPs for Mac OS, Linux, and Windows Simply download and run on any operating system! 5
  • 6. What is NetBeans? 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
  • 10. HTML5 Platform Backbone.js CSS3 Knockout <video> animations <audio> Ext JS transformations <canvas> Angular JS … 10
  • 11. Preprocessors - SASS, LESS HTML5 Platform - Emmet - CoffeeScript Backbone.js CSS3 - Dart Knockout <video> animations <audio> Ext JS transformations <canvas> Angular JS … 11
  • 12. Mobile - Android - iOS Preprocessors - SASS, LESS HTML5 Platform - Emmet - CoffeeScript Backbone.js CSS3 - Dart Knockout <video> animations <audio> Ext JS transformations <canvas> Angular JS … 12
  • 13. Hybrid Mobile - PhoneGap - Android - Cordova - iOS Preprocessors - SASS, LESS HTML5 Platform - Emmet - CoffeeScript Backbone.js CSS3 - Dart Knockout <video> animations <audio> Ext JS transformations <canvas> Angular JS … 13
  • 14. HTML5 Tools  Integration between IDE and Chrome browser  Editors for HTML5, JavaScript, CSS3  JavaScript debugger  Visual CSS editing  SASS and LESS CSS preprocessing  Cordova mobile device development 14
  • 15. 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 15
  • 16. 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 16
  • 17. 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 17
  • 18. 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 18
  • 19. 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 19
  • 20. 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 20
  • 23. Java EE  Simplicity  Productivity  Specifications  Convention over configuration 23
  • 25. Java EE Platform Out of the Box Java EE Support 25
  • 26. Java EE Platform for HTML5  JSON Processing  WebSocket  Concurrency  Batch  RESTful Web Services 26
  • 27. Java EE Platform for HTML5  JSON-P. JSON is a text-based data exchange format derived from JavaScript that is used in web services and other connected applications. The Java API for JSON Processing (JSON-P) enables Java EE applications to parse, transform, and query JSON data using the object model or the streaming model. 27
  • 28. Java EE Platform for HTML5  WebSocket. WebSocket is an application protocol that provides full-duplex communications between two peers over TCP. The Java API for WebSocket enables Java EE applications to create endpoints using annotations that specify the configuration parameters of the endpoint and designate its lifecycle callback methods. 28
  • 29. Java EE Platform for HTML5  Concurrency. The Concurrency Utilities for Java EE is a standard API that enables asynchronous capabilities to Java EE applications through the following types of objects: managed executor service, managed scheduled executor service, managed thread factory, and context service. 29
  • 30. Java EE Platform for HTML5  Batch. The Batch Applications for the Java Platform specification is a batch framework that enables support for creating and running batch jobs in Java applications. The batch framework consists of a batch runtime, a job specification language based on XML, a Java API to interact with the batch runtime, and a Java API to implement batch artifacts. 30
  • 31. Java EE Platform for HTML5  RESTful Web Services. The Java API for RESTful Web Services (JAX-RS) defines an API that enables the development of web services built according to the Representational State Transfer (REST) architectural style. A JAX-RS application is a web application that consists of classes packaged as a servlet in a WAR file along with required libraries. 31
  • 32. NetBeans and Java  Java Editor is NetBeans 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 32
  • 33. NetBeans and Java  Much More Than Creating, Editing, Refactoring  Building – Maven and Ant, community Gradle plugin  Debugger and Profiler  Versioning – Git, Mercurial, and Subversion At Liquid Robotics, our use of NetBeans IDE is all about integration. There's the seamless integration of development tools and Java technologies within NetBeans 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.  Testing and Code Analysis – Junit and TestNG – Static code analysis, e.g., FindBugs  Continuous Build Servers  Bug Tracking 33 – JIRA, Bugzilla “Father of Java” James Gosling CTO, Liquid Robotics
  • 34. NetBeans and Java EE  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 34
  • 35. Java EE, HTML5, and NetBeans  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 35
  • 38. Free Tool Box  HTML  JavaScript  CSS  Java EE  NetBeans 38
  • 39. Me  Twitter: @geertjanw  Facebook: www.facebook.com/geertjanw  E-Mail: geertjan.wielenga@oracle.com 39
  • 40. 40