Downloaded 10 times
Uploaded byCodemotion
Introduction to Web application development with Vaadin 7.1 - Tzukanov
This document provides an introduction to web application development with Vaadin, a Java-based framework for building rich client web apps. It discusses what Vaadin is, why it was created, and how to get started using it. Key points include that Vaadin allows building UIs with rich Java components that work across devices, has a client-server architecture with the UI running on the server, and embraces the Java programming language.
More Related Content
Similar to Introduction to Web application development with Vaadin 7.1 - Tzukanov
Introduction to Web application development with Vaadin 7.1 - Tzukanov
- 1. Introduction to Webapplication development with Michael Tzukanov Vaadin Developer 7Vaadin .1
- 2.
- 3. How do I useit? new Label(“Hello world”) How does it work?
- 4. How do Igetstarted? QA
- 6. User interface framework forrich web applications
- 8.
- 9.
- 10.
- 12.
- 13.
- 14. Challenge How to buildconsumer grade UX with business system budget
- 15. How? 1Rich components 2Server +Client 3Embracing Java
- 16.
- 17.
- 18.
- 19. What kind ofdevices does your app support? 98.1% 3Desktop browsers Browsers developers expect to support in 2013 3.5 Browsers to support in 2012 IE 6/7 Safari Opera IE 8 6/7 8 14% 18% 36% 54% Chrome 9 10 IE 9 IE 10 Firefox 79% 80% 94% 94% Browsers developers expect to support in 2013 3.5 Browsers to support in 2012 IE 6/7 Safari Opera IE 8 6/7 8 14% 18% 36% 54% Chrome 9 10 IE 9 IE 10 Firefox 79% 80% 94% 94% s your app support? 25.7% Phones 36.1% O thers2.1% “Since gw in the enterp explain why tab popular than supp phones” Daniel iPhone Android W P 8 pplication UI for r 98% of apps overtaken the num ber rope. 36.1% Tablets “Since gwt is used extensi in the enterprise, this m explain why tablets popular than su phones” iPadAndroid W indow s 8
- 20.
- 25.
- 27. InMemory, Bean, Method, Collection,JDBC, JPA, Hibernate, TextFile, FileSystem, Properties, EclipseLink, Lucene, Mockups, GAE, ...
- 28.
- 33.
- 34. $blue: #3bbfce;! $margin: 16px;! ! .content-navigation{! border-color: $blue;! color:! darken($blue, 9%);! }! ! .border {! padding: $margin / 2;! margin: $margin / 2;! border-color: $blue;! } .scss constants and functions .content-navigation {! border-color: #3bbfce;! color: #2b9eab;! }! ! .border {! padding: 8px;! margin: 8px;! border-color: #3bbfce;! } .css SASS COMPILER
- 35. 1Rich components 2Server +Client 3Embracing Java
- 36.
- 37. Web application layers JavaScript Javato JavaScript Web server Backend server Commu- nication requiredrequired JS required required
- 38. Web application layers JavaScript Javato JavaScript Web server Backend server Commu- nication required optionalrequired GWT requiredrequired JS requiredrequired required required
- 39. Web application layers JavaScript Javato JavaScript Web server Backend server required optional optionalrequired Commu- nication optional Vaadin required optionalrequired GWT requiredrequired JS requiredrequired required required
- 40. How does itwork, really?
- 41.
- 43. • Initial HTML •CSS (theme) • Images • JavaScript ! 1.2M total 307k compress 135k reduced widgetset and theme
- 44. • name=”Johannes” • buttonclicked ! 263 bytes
- 46. • name=”Johannes • buttonclicked ! 263 • Add notification ! 269 bytes
- 47.
- 48. 1Rich components 2Server +Client 3Embracing Java
- 49.
- 50. Eclipse IntelliJ IDEA Netbeans Maven Gradle Ant Ł ŁŁ Multiple development environments
- 51.
- 53.
- 55. How do I getstarted?
- 56.
- 57.
- 58.
- 59.
- 61. Download for Free vaadin.com/book >600 pages 01 -93-1970-1 PDF, ePub, HTML
- 62.
- 63. community of 100.000+ developers Ohloh #2 used JavaWeb Framework
- 64.