Introduction to JavaFx and HTML5

Introduction to & JITS, Warangal GOLD AG Hyderabad SectionNeil GhoshProject Leader , Oracle India @neilghoshChair IEEE GOLD, Hyderabad neilghosh.com

Stephen Chin Kevin Nilson Java Evangelist, Oracle VP of Engineering, Just.Me stephen.chin@oracle.com kevin.nilson@just.me tweet: @steveonjava tweet: @javaclimber Michael Heinrichs Technical Lead JavaFX Core ComponentsPAGE 2

JavaFX is the evolution of the Java rich client platform, designed to provide a lightweight, hardware accelerated UI platform that meets tomorrow’s needs.PAGE 4

CSS Source: http://fxexperience.comPAGE13

CodePAGE14

• 1991 HTML• 1994 HTML 2• 1996 CSS 1 + JavaScript• 1997 HTML 4• 1998 CSS 2• 2000 XHTML 1• 2002 Tableless Web Design• 2005 AJAX• 2009 HTML 5PAGE15

• Web Hypertext Application Technology Working Group (WHATWG)• HTML5 ! = HTML + CSS + JavaScript• HTML5 = Next Generation Features for Modern Web Development• Offline Storage, Web SQL Database, IndexedDB, Application Cache, Web Workers, WebSocket, Notifications, Native Drag & Drop, File System, GeoLocation, Speech Input, Form Types, Audio, Video, Canvas, SVGPAGE16

• http://slides.html5rocks.com/#rounded- corners HTML5 No HTML5PAGE17

• http://oos.moxiecode.com/js_webgl/fish/inde x.htmlPAGE18

• text-fill-color: black;• -webkit-text-fill-color: black;• -moz-text-fill-color: black;• -o-text-fill-color: black;• -ms-text-fill-color: black;• Before the Spec is final• Before the Browser implementation is VerifiedPAGE19

• Browsers behave fairly differently• HTML5 Non-Ambiguous Spec• JavaScript Frameworks (jQuery, Dojo, YUI) give consistent APIPAGE20

• http://acid3.acidtests.orgPAGE21

 56.87% of Top 10,000 sites use jQuery (builtwith.com)PAGE22

• http://jsfiddle.net/3urR9/14/PAGE23

• Chrome Frame • IE6, IE7, IE8 running Chrome• Modernizer • Feature detection rather than User Agent SniffingPAGE24

http://earthhour.frPAGE25

• Titanium • Write JavaScript, but Renders Native Application • Many “Native” widgets are UIWebView • PhoneGap • iPhone • Android • BB • Windows Phone 7 • Bada • SymbianPAGE26

PA GE 27Photo by Kaushal Karkhanis: http://www.flickr.com/photos/kaushal/

Immersive Desktop Experience Combining the Best of JavaFX andHTML5• Leverage your Java skills with modern JavaFX APIs• Integrate Java, JavaScript, and HTML5 in the same application• New graphics stack takes advantage of hardware acceleration for 2D and 3D applications• User your favorite IDE: NetBeans, Eclipse, IntelliJ, etc.PAGE28

String script = "alert(We have got a message,Houston!);”;eng.executeScript(script);PAGE31

 HTML5 ◦ http://www.html5rocks.com  JavaFx ◦ http://www.oracle.com/technetwork/java/javafx/d ocumentation/index.html  Forum ◦ http://stackoverflow.comPAGE33

http://neilghosh.com	271
http://flavors.me	15

Introduction to JavaFx and HTML5

by Neil Ghosh on Sep 16, 2012

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 286

Statistics

Introduction to JavaFx and HTML5 Presentation Transcript