Introduction to JavaFx and HTML5
•
2 likes•1,705 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.
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Similar to Introduction to JavaFx and HTML5
Similar to Introduction to JavaFx and HTML5 (20)
Recently uploaded
Recently uploaded (20)
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 stephen.chin@oracle.com kevin.nilson@just.me 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