Introduction to JavaFx and HTML5
2 likes1,713 views
This document appears to be a presentation about HTML5 and JavaFX. It includes sections on JavaFX providing a lightweight UI platform, the evolution of HTML over time, new features in HTML5 like offline storage and web sockets, and how JavaFX can integrate Java, JavaScript and HTML5 into a single application with hardware acceleration. It also briefly mentions tools like jQuery, Chrome Frame, and PhoneGap.
Introduction to JavaFx and HTML5
- 1. Introduction to & JITS, Warangal GOLD AG Hyderabad Section Neil Ghosh Project Leader , Oracle India @neilghosh Chair IEEE GOLD, Hyderabad neilghosh.com
- 2. Stephen Chin Kevin Nilson Java Evangelist, Oracle VP of Engineering, Just.Me [email protected] [email protected] tweet: @steveonjava tweet: @javaclimber Michael Heinrichs Technical Lead JavaFX Core Components PA GE 2
- 3. PA GE 3
- 4. JavaFX is the evolution of the Java rich client platform, designed to provide a lightweight, hardware accelerated UI platform that meets tomorrow’s needs. PA GE 4
- 5. PA GE 5
- 6. PA GE 6
- 7. PA GE 7
- 8. PA GE 8
- 9. PA GE 9
- 10. PA GE 10
- 11. PA GE 11
- 12. PA GE 12
- 13. CSS Source: http://fxexperience.com PA GE 13
- 14. Code PA GE 14
- 15. • 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 5 PA GE 15
- 16. • 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, SVG PA GE 16
- 17. • http://slides.html5rocks.com/#rounded- corners HTML5 No HTML5 PA GE 17
- 18. • http://oos.moxiecode.com/js_webgl/fish/inde x.html PA GE 18
- 19. • 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 Verified PA GE 19
- 20. • Browsers behave fairly differently • HTML5 Non-Ambiguous Spec • JavaScript Frameworks (jQuery, Dojo, YUI) give consistent API PA GE 20
- 22. 56.87% of Top 10,000 sites use jQuery (builtwith.com) PA GE 22
- 24. • Chrome Frame • IE6, IE7, IE8 running Chrome • Modernizer • Feature detection rather than User Agent Sniffing PA GE 24
- 26. • Titanium • Write JavaScript, but Renders Native Application • Many “Native” widgets are UIWebView • PhoneGap • iPhone • Android • BB • Windows Phone 7 • Bada • Symbian PA GE 26
- 27. PA GE 27 Photo by Kaushal Karkhanis: http://www.flickr.com/photos/kaushal/
- 28. Immersive Desktop Experience Combining the Best of JavaFX and HTML5 • 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. PA GE 28
- 29. PA GE 29
- 30. PA GE 30
- 31. String script = "alert('We have got a message, Houston!');”; eng.executeScript(script); PA GE 31
- 32. PA GE 32
- 33. HTML5 ◦ http://www.html5rocks.com JavaFx ◦ http://www.oracle.com/technetwork/java/javafx/d ocumentation/index.html Forum ◦ http://stackoverflow.com PA GE 33
- 34. PA GE 34