Your SlideShare is downloading. ×
Vaadin roadmap-devoxx-2013
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Vaadin roadmap-devoxx-2013

966
views

Published on

Published in: Technology

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
966
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
18
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Beyond 7 Joonas Lehtinen Founder & CEO @joonaslehtinen
  • 2. Agenda Quick recap of Vaadin 7 Questions & answers Roadmap 7.1 Feature by feature
  • 3. 7 Vaadin .1
  • 4. @VaadinServlet Configuration https://vaadin.com/wiki/-/wiki/Main/Creating+a+servlet+3.0+application
  • 5. @Theme("foo") public class FooUI extends UI { ! @WebServlet(value = "/*", asyncSupported = true) @VaadinServletConfiguration(productionMode = false, ui = FooUI.class) public static class Servlet extends VaadinServlet { } ! ! } @Override protected void init(VaadinRequest request) { ... }
  • 6. @Theme("foo") public class FooUI extends UI { ! @WebServlet(value = "/*", asyncSupported = true) @VaadinServletConfiguration(productionMode = false, ui = FooUI.class) public static class Servlet extends VaadinServlet { } ! ! } @Override protected void init(VaadinRequest request) { ... }
  • 7. Server initiated events / Push https://vaadin.com/wiki/-/wiki/Main/Using+server+initiated+events
  • 8. Widget Connector client server State RPC Component
  • 9. Sample http://demo.vaadin.com/sampler/#foundation/push
  • 10. @Push MyUI ! ! <async-supported/> or
 asyncSupported = true ! ! vaadin-push dependency
  • 11. UI.getCurrent().access(new Runnable() { public void run() { layout.addComponent(new Label("foo”)); } });
  • 12. Debug window
  • 13. ?debug
  • 14. Optimizing widgetset... 278k 130k
  • 15. Compiling themes
  • 16. Add-on theme packaging https://vaadin.com/wiki/-/wiki/Main/Packaging+SCSS+or+CSS+in+an+add-on
  • 17. Inject CSS dynamically https://vaadin.com/wiki/-/wiki/Main/Dynamically+injecting+CSS
  • 18. getPage().getStyles().add( ".reindeer.v-app { background: #" + Math.round(Math.random() * 899 + 100) + ";}" );
  • 19. Sample http://demo.vaadin.com/sampler/#foundation/cssinject
  • 20. Calendar https://vaadin.com/wiki/-/wiki/Main/Migrating+from+Vaadin+7.0+to+Vaadin+7.1
  • 21. Accessibility with WAI-ARIA https://vaadin.com/blog/-/blogs/first-step-in-accessibility
  • 22. WAI-ARIA enabled components Button CheckBox TextField ComboBox PasswordField ButtonGroup TextArea Tree DateField Tooltip
  • 23. Roadmap
  • 24. Vaadin 7.2 GWT compatibility Application archetype Vaadin CDI 1.0 beta Vaadin TouchKit 4.0 Vaadin TestBench 4.0 Netbeans plug-in Spreadsheet
  • 25. Vaadin 7.2 Grid
 • Client-side data model
 • Client-side APIs
 • Replaces Table and TreeTable New theme that leverages SASS Responsive extension built-in
 http://vaadin.com/addon/vaadin-responsive 

  • 26. Escalator Renderer Connector Widget Widget Widget Grid Renderer Widget Per column Widget Editor row In headers and cells (Hierarchical) DataSource Component Component Component Component Component Editor row Grid (Hierarchical) DataSource In headers and cells
  • 27. Escalator
  • 28. <Beat design example>
  • 29. // Vaadin UI protected void init(VaadinRequest request) { new Responsive(this); } ! ! // CSS .v-ui[width-range~="0-800px"] { /* Styles that apply when the UI's width is between 0 and 800 pixels */ } .v-ui[width-range~="801px-"] { /* Styles that apply when the UI's width is over 800 pixels */ } http://demo.vaadin.com/responsive/
  • 30. Application Archetype Full stack example Suitable for working on all layers
 • Server-side Java
 • Client-side Java
 • JavaScript Modularization and full tools support
  • 31. Vaadin CDI 1.0 beta Finalize what is already available as alpha in directory
 http://vaadin.com/addon/vaadin-cdi Features
 • Registering UI with @CDIUI and Views
 • Decoupling by injecting components
 • Injecting EJBs, events, ...
 • UI Scope
 • Supports JAAS
  • 32. Vaadin TouchKit 4.0 New cross-platform theme
 http://demo.vaadin.com/parking/ Windows Phone 8 support
  • 33. Vaadin TouchKit 4.0 New cross-platform theme
 http://demo.vaadin.com/parking/ Windows Phone 8 support
  • 34. Vaadin TestBench 4.0 Vaadin Driver : 
 New way of building selectors Replacing recorder with debug window
  • 35. Spreadsheet
  • 36. Netbeans plugin
  • 37. San Francisco - Dec 12-13 Frankfurt - Dec 17-18 http://gwtcreate.com/