Recommended
Recommended
More Related Content
Recently uploaded
Recently uploaded (20)
Featured
Featured (20)
Vaadin ♡ Grails 3
- 1. Vaadin 8<3 Grails Vaadin Expert Maciej Przepióra Vaadin Ltd GR8Conf.us 2017
- 2. Intro to Vaadin new Label(“Hello world”)
- 4. Who am I?
- 5. Who am I? Member of the Designer Team at Vaadin Molecular biologist turned software developer Husband & Father
- 8. User interface framework for rich web applications
- 14. htmljava
- 15. htmljava
- 16. Key Ideas
- 17. 123Key Ideas
- 18. Rich Components
- 19. 1Rich Components
- 30. BROWSER SUPPORT
- 31. BROWSER SUPPORT
- 64. Server + Client
- 65. 2Server + Client
- 69. Web application layers Backend server Web server Commu- nication JavaScript Server-side UI Automated
- 70. Web application layers JavaScript Java to JavaScript Web server Backend server Commu- nication requiredrequired JS required required
- 71. Web application layers JavaScript Java to JavaScript Web server Backend server Commu- nication required optionalrequired GWT requiredrequired JS requiredrequired required required
- 72. Web application layers JavaScript Java to JavaScript Web server Backend server Commu- nication required optionalrequired GWT requiredrequired JS requiredrequired required required Client-side UI
- 73. Web application layers JavaScript Java to JavaScript Web server Backend server required optional optionalrequired Commu- nication optional Vaadin required optionalrequired GWT requiredrequired JS requiredrequired required required
- 74. Web application layers JavaScript Java to JavaScript Web server Backend server required optional optionalrequired Commu- nication optional Vaadin required optionalrequired GWT requiredrequired JS requiredrequired required required Client-side UI
- 75. Web application layers JavaScript Java to JavaScript Web server Backend server required optional optionalrequired Commu- nication optional Vaadin required optionalrequired GWT requiredrequired JS requiredrequired required required Client-side UIServer-side UI &
- 76. Web application layers JavaScript Java to JavaScript Web server Backend server required optional optionalrequired Commu- nication optional Vaadin required optionalrequired GWT requiredrequired JS requiredrequired required required
- 77. Web application layers JavaScript Java to JavaScript Web server Backend server required optional optionalrequired Commu- nication optional Vaadin required optionalrequired GWT requiredrequired JS requiredrequired required required 1 layer vs 3 layers -50% dev. time -50% maintenance vs full control over DOM and communications
- 78. How does server-side UI work?
- 80. • Initial HTML • CSS (theme) • Images • JavaScript 1.2M total
- 81. • Initial HTML • CSS (theme) • Images • JavaScript 1.2M total 307k compress 135k reduced widgetset
- 84. • name=”Joonas” • button clicked 261 bytes
- 86. • name=”Joonas” • button clicked 261 bytes • Add notification 267 bytes
- 87. Embracing Java
- 88. 3Embracing Java
- 92. Servlet Portlet (most) clouds · · · Anything Java
- 93. Eclipse IntelliJ IDEA Netbeans Maven / Gradle / Ant · · · Anything Java
- 94. Java EE Spring OSGi REST · · · Anything Java
- 95. Vaadin 8series
- 98. 8 2017v7 2013
- 102. Vaadin += GWT
- 108. Architecture
- 117. Java ⇄ JavaScript RPC
- 118. Java wrapper for existing JavaScript widget
- 119. Connector for existing JavaScript widget
- 120. WebComponents
- 121. Server Push
- 123. Responsive
- 124. // 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/
- 125. Don’t like server-side UI?
- 127. getting started
- 128. getting started
- 132. Netbeans Download plugin Netbeans Plugin Portal
- 134. Download for Free vaadin.com/book 728 pages 01 -93-1970-1 PDF, ePub, HTML
- 136. Apache License
- 137. community of 150.000+ developers Ohloh #2 used Java Web Framework
- 138. Who is using Vaadin? worldofwebapplications Giants named HTML5 and JVM p.4 · Coffee with R&D: Turning Java into Java p.28 Moleculenix, Rums, SentiOne and many more... https://vaadin.com/who-is-using-vaadin https://vaadin.com/dock
- 139. Grails & Vaadin?
- 140. No magic, just Spring Boot
- 141. web-vaadin8 profile
- 145. Other options
- 147. What’s next?
- 148. Quick reload
- 149. Security
- 150. Declarative UI DSL
- 151. … horizontalLayout { button('OK') { clickEvent-> … }, button('cancel') }, …
- 152. MVP support, maybe
- 154. vaadin.com/ webinars
- 155. vaadin.com/ forum
- 156. guides.grails.com
- 157. ?