Introduction to JavaFx and HTML5

2,316 views

Published on

Event Report
http://neilghosh.com/2012/09/17/ieee-cs-colloquium-at-jits-warangal/

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,316
On SlideShare
0
From Embeds
0
Number of Embeds
680
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Introduction to JavaFx and HTML5

  1. 1. Introduction to & JITS, Warangal GOLD AG Hyderabad SectionNeil GhoshProject Leader , Oracle India @neilghoshChair IEEE GOLD, Hyderabad neilghosh.com
  2. 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 ComponentsPAGE 2
  3. 3. PAGE 3
  4. 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.PAGE 4
  5. 5. PAGE 5
  6. 6. PAGE 6
  7. 7. PAGE 7
  8. 8. PAGE 8
  9. 9. PAGE 9
  10. 10. PAGE10
  11. 11. PAGE11
  12. 12. PAGE12
  13. 13. CSS Source: http://fxexperience.comPAGE13
  14. 14. CodePAGE14
  15. 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 5PAGE15
  16. 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, SVGPAGE16
  17. 17. • http://slides.html5rocks.com/#rounded- corners HTML5 No HTML5PAGE17
  18. 18. • http://oos.moxiecode.com/js_webgl/fish/inde x.htmlPAGE18
  19. 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 VerifiedPAGE19
  20. 20. • Browsers behave fairly differently• HTML5 Non-Ambiguous Spec• JavaScript Frameworks (jQuery, Dojo, YUI) give consistent APIPAGE20
  21. 21. • http://acid3.acidtests.orgPAGE21
  22. 22.  56.87% of Top 10,000 sites use jQuery (builtwith.com)PAGE22
  23. 23. • http://jsfiddle.net/3urR9/14/PAGE23
  24. 24. • Chrome Frame • IE6, IE7, IE8 running Chrome• Modernizer • Feature detection rather than User Agent SniffingPAGE24
  25. 25. http://earthhour.frPAGE25
  26. 26. • Titanium • Write JavaScript, but Renders Native Application • Many “Native” widgets are UIWebView • PhoneGap • iPhone • Android • BB • Windows Phone 7 • Bada • SymbianPAGE26
  27. 27. PA GE 27Photo by Kaushal Karkhanis: http://www.flickr.com/photos/kaushal/
  28. 28. 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
  29. 29. PAGE29
  30. 30. PAGE30
  31. 31. String script = "alert(We have got a message,Houston!);”;eng.executeScript(script);PAGE31
  32. 32. PAGE32
  33. 33.  HTML5 ◦ http://www.html5rocks.com  JavaFx ◦ http://www.oracle.com/technetwork/java/javafx/d ocumentation/index.html  Forum ◦ http://stackoverflow.comPAGE33
  34. 34. PAGE34

×