CiklumJavaSat15112011:Andrew Mormysh-GWT features overview

1. GWT Features Overview Andrey Mormysh Java Developer a.mormysh@gmail.com October 15, 2011 www.ExigenServices.com

2. GWT Google Web Toolkit

3. GWT/ˈɡwɪt / Google Web Toolkit

4. GWT-based projects

7. Odnoklassniki (http://www.odnoklassniki.ru) - social network

10. Google Moderator (http://www.google.com/moderator) - a tool that allows distributed communities to submit and vote on questions for talks, presentations and events

14. Go Grid (http://www.gogrid.com/) - cloud computing infrastructure service provider which enables you to deploy and scale load-balanced cloud server networks via a unique multi-server control panel.

19. Blueprint (https://blueprint.lombardi.com/index.html) - business process mapping tool

24. Blueprint (https://blueprint.lombardi.com/index.html) - business process mapping tool

25. Scenechronize (https://www.scenechronize.com/) -a production management web application for film, television and commercials

26. Whirled (http://www.whirled.com/) -social virtual world website which includes multi-player games

28. Features Cross-browser Object-oriented programming Dev-mode GUI debugging Wigets and declarative UI Client Bundle Simple localization Code optimization Code splitting RPC, JSON/XML UI Designer HTML5 …

42. JSNI Java Script Native Interface Access JS code from Java code and vice versa

44. Flash objects

46. Flash objects

47. etc.Example 1: public static native void alert(String msg) /*-{ $wnd.alert(msg); }-*/;

48. JSNI Example 2: package mypackage; public MyClass{ public static int foo() { ... } public static native void exportStaticMethod() /*-{ $wnd.foo = $entry(@mypackage.MyClass::foo()); }-*/; }

49. Deferred binding It is a pluggable compile-time type substitution and code generation mechanism.

50. Deferred binding It is a pluggable compile-time type substitution and code generation mechanism. Example: Static binding Foo f = new Foo(); Dynamic Binding Class c = Class.forName(fooImplName); Foo f = (Foo) c.newInstance(); Deferred Binding Foo f = (Foo) GWT.create(Foo.class);

52. Locale

53. Mode (debug / production)

54. Network characteristics

56. Locale

57. Mode (debug / production)

58. Network characteristics

60. Eliminate dead code

61. Avoid polymorphic dispatch

62. Avoid synchronous XHR

63. Avoid spaghetti code (if-s in JS-code)

64. Try to use only inline code “elem.innerText = str”

66. Permutations Example: Input: DOMImpl dom = GWT.create(DOMImpl.class);

67. Permutations Example: Input: DOMImpl dom = GWT.create(DOMImpl.class); Implementations: DOMImplInternetExplorer DOMImplMozilla DOMImplOpera Property: user_agent = “IE”

68. Permutations Example: Input: DOMImpl dom = GWT.create(DOMImpl.class); Implementations: DOMImplInternetExplorer DOMImplMozilla DOMImplOpera Property: user_agent = “IE” Output: DOM dom = new DOMImplInternetExplorer();

69. Permutations Example:

70. Perfect Caching

71. Perfect Caching Bootstrap selection script loads Javascript ‘executable’ containing correct set of bindings for given request. <module>.nocache.js - small <md5>.cache.js – big

72. Perfect Caching Bootstrap selection script loads Javascript ‘executable’ containing correct set of bindings for given request. <module>.nocache.js - small <md5>.cache.js – big Apache HTTP server .htaccess configuration: <Files *.nocache.*> ExpiresActive on ExpiresDefault "now" Header merge Cache-Control "public, max-age=0, must-revalidate" </Files> <Files *.cache.*> ExpiresActive on ExpiresDefault "now plus 1 year" </Files>

73. Monilithic Compilation

74. Monilithic Compilation “The fastest code that which does not run”, --Joel Webber, GWT co-creator

75. Monilithic Compilation “The fastest code that which does not run”, --Joel Webber, GWT co-creator Example: Shape shape = new Square(4); 1) int area = shape.getArea();

76. Monilithic Compilation “The fastest code that which does not run”, --Joel Webber, GWT co-creator Example: Shape shape = new Square(4); 1) int area = shape.getArea(); 2) int area = Shape_getArea(shape);

77. Monilithic Compilation “The fastest code that which does not run”, --Joel Webber, GWT co-creator Example: Shape shape = new Square(4); 1) int area = shape.getArea(); 2) int area = Shape_getArea(shape); 3) int area = shape.len * shape.len;

78. Monilithic Compilation “The fastest code that which does not run”, --Joel Webber, GWT co-creator Example: Shape shape = new Square(4); 1) int area = shape.getArea(); 2) int area = Shape_getArea(shape); 3) int area = shape.len * shape.len; 4) int area = 16;

79. Image Bundling

80. Image Bundling Problem: HTTP 1.1 limit: 2 outgoing connections per domain/port

81. Image Bundling Problem: HTTP 1.1 limit: 2 outgoing connections per domain/port HTTP request has to be sent to the server for each resource (e.g. image)

82. Image Bundling Problem: HTTP 1.1 limit: 2 outgoing connections per domain/port HTTP request has to be sent to the server for each resource (e.g. image) Request for status 304 ("Not Modified")

83. Image Bundling Solution: interface Resources extends ClientBundle { @Source("logo.png") ImageResource logo(); @Source("arrow.png") @ImageOptions(flipRtl = true) ImageResource pointer(); }

84. Image Bundling Solution: interface Resources extends ClientBundle { @Source("logo.png") ImageResource logo(); @Source("arrow.png") @ImageOptions(flipRtl = true) ImageResource pointer(); } Resources resources = GWT.create(Resources.class); Image img = new Image(resources.logo());

85. Code Splitting public class Hello implements EntryPoint { public void onModuleLoad() { Button b = new Button("Click me", new ClickHandler() { public void onClick(ClickEvent event) { Window.alert("Hello, AJAX"); } }); RootPanel.get().add(b); } }

86. Code Splitting public class Hello implements EntryPoint { public void onModuleLoad() { Button b = new Button("Click me", new ClickHandler() { public void onClick(ClickEvent event) { Window.alert("Hello, AJAX"); } }); RootPanel.get().add(b); } }

87. Code Splitting public class Hello implements EntryPoint { public void onModuleLoad() { Button b = new Button("Click me", new ClickHandler() { public void onClick(ClickEvent event) { GWT.runAsync(new RunAsyncCallback() { public void onFailure(Throwable caught) { Window.alert("Code download failed"); } public void onSuccess() { Window.alert("Hello, AJAX"); } }); } }); RootPanel.get().add(b); } }

88. HTML5 Features Support

90. Canvas – Add visualizations using Canvas

91. Audio – Use Audio widgets

94. MVP framework (Activities and Places)

95. DevMode (code-test-debug cycle)

96. Modules (properties, rules)

97. Generators (meta-programming)

98. UiBinder

99. Cell Widgets (CellTable, CellTree, CellBrowser)

100. …http://www.exigenservices.by/webinars

CiklumJavaSat15112011:Andrew Mormysh-GWT features overview

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Viewers also liked

Viewers also liked (7)

Similar to CiklumJavaSat15112011:Andrew Mormysh-GWT features overview

Similar to CiklumJavaSat15112011:Andrew Mormysh-GWT features overview (20)

More from Ciklum Ukraine

More from Ciklum Ukraine (20)

Recently uploaded

Recently uploaded (20)

CiklumJavaSat15112011:Andrew Mormysh-GWT features overview