Downloaded 51 times
Uploaded byJoonas Lehtinen
Vaadin intro at GWT.create conference
Vaadin is a Java-based web application framework that allows building rich client-side web applications using server-side Java. It provides over 350 reusable UI components and supports major browsers. Vaadin handles communicating between the server-side Java code and browser-based JavaScript, allowing developers to write code once that works across all devices without needing browser plugins. Vaadin embraces Java and runs on any JVM, supporting technologies like Servlets, Portlets, and most cloud platforms.
More Related Content
![[JavaOne] Demystifying WebSockets - Build a Cool, Real-time Multi-player Game...](https://cdn.slidesharecdn.com/ss_thumbnails/demystifyingwebsockets-buildacoolrealtimemulti-playergamewithjavaee-150220234057-conversion-gate02-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
Similar to Vaadin intro at GWT.create conference
Vaadin intro at GWT.create conference
- 1.
- 2.
- 3.
- 4.
- 6. User interface framework forrich web applications
- 7.
- 8.
- 9.
- 11.
- 12.
- 13.
- 14.
- 20. s 3 3.5 Browsers tosupport in 2012 yo ur ap Desktop 3.5 Browsers to support in 2012 browsers pp p su lic pp at r 9 io n or t? 8% U I fo ov of er ap r th take ps e nu n ro pe mb er . 36 .1% 6/7 IE 6/7 6/7 Opera Safari 14% IE 6/7 14% Ta bl et s 18% 9 10 36% 36% 18% Safari IE 9 79% 79% 9 98.1% IE 10 80% 80% 10 2. O Opera th er Chrome s 1% 94% iP ad 94% An 3 W dr6 in o.1 do id% “S w What kind of devices does yourh app support? in ince ex t e gw s po plai ent t is 8 ph pul n w erp us e r a h IE 9 IE 10 Browsers developers expect to support in 2013 Browsers developers expect to support in 2013 on r is d es tha y ta e, t ex ” n ble his ten su ts m si Chrome in 8 54% 54% IE 8 Firefox Ph on es 94% iPh A 94%nd one 2 Firefox inc e ex the gw po plain ente ph pula wh rp on r t y t es ha ab n ” su pp 8 IE 8 “S W 5 ro P .7 id 8% Da ni el
- 21.
- 26.
- 31.
- 33. InMemory, Bean, Method, Collection,JDBC, JPA, Hibernate, TextFile, FileSystem, Properties, EclipseLink, Lucene, Mockups, GAE, ...
- 34.
- 35.
- 36. Web application layers JS GWTVaadin Backend server Web server Communication Java to JavaScript JavaScript required required optional optional optional required required required required optional required required required required
- 37. Web application layers JS GWTVaadin Backend server Web server Communication Java to JavaScript JavaScript required required optional optional optional required required 1 layer required vs required 3 layers -50% codelines -50% development required required -50% maintenance easier to learn required required optional
- 38. Server-side Client-side GWT-RPC Client-side Vaadin-RPC Firstname Last name Phone number Table cell Table cell Server-side Email address Table cell Offline Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Far far away, behind the far from the countries Vok Consonantia, there live th Separated they live in Bo right at the coast of the S large language ocean. Table cell Edit First name Phone number Delete New Last name Email address Save Cancel A small river named Dude place and supplies it with regelialia. It is a paradise which roasted parts of se your mouth. Even the all-powerful Poi control about the blind tex almost unorthographic life however a small line of b name of Lorem Ipsum de for the far World of Gram Oxmox advised her not to because there were thou Commas.
- 39.
- 40. How does itwork, really?
- 42. • • • • Initial HTML CSS (theme) Images JavaScript ! 1.2Mtotal compress 307k reduced widgetset 135k
- 43. • name=”Joonas” • buttonclicked ! 261 bytes
- 45. • name=”Joonas” • buttonclicked ! 261 bytes • Add notification ! 267 bytes
- 46.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 59.
- 60. ity tiv or df ize tim uc Op od Pr O tim p fo ed iz e rol dont i C s r e v r e S r tien Cl
- 61.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68. Publish API fromJava getPage().getJavaScript().addFunction("myCallback", new JavaScriptCallback() { public void call(JSONArray arguments) throws JSONException { // Do something with the arguments } }); Use from JavaScript window.myCallback('foo', 100);
- 69. Server-side Java APIfor Widget ! public class MyWidget extends AbstractJavaScriptComponent { public MyWidget() { addFunction("plotClick", new JavaScriptFunction() { public void call(JSONArray arguments) throws JSONException { // Do something with the event } }); } ! public static class MyWidgetState extends JavaScriptComponentState { public List<List<List<Double>>> plotSeriesData = new ArrayList<List<List<Double>>>(); } public MyWidgetState getState() { return (MyWidgetState) super.getState(); } ! ! }
- 70. Widget implementation inJavaScript window.com_example_MyWidget = function() { var element = $(this.getWidgetElement()); // Draw a plot for any server-side (plot data) state change this.onStateChange = function() { $.plot(element, this.getState().series, {grid: {clickable: true}}); } ! // Communicate local events back to server-side component element.bind('plotclick', function(event, point, item) { if (item) { var onPlotClick = this.getCallback("plotClick"); onPlotClick(item.seriesIndex, item.dataIndex); } }); }
- 71.
- 72.
- 73.
- 74.
- 75.
- 77.
- 78.
- 79.
- 80.
- 81. Download for Free vaadin.com/book -93- 1970 -1 01 728pages PDF, ePub, HTML
- 82.
- 83. community of ~100.000 developers Ohloh #2 used JavaWeb Framework
- 84. Hybrid Applications ! Theming Workshop ! VaadinIntro Workshop 1:30pm
- 85.