Download to read offline
![Getting Started with Apache Spark: Big Data Made Simple [Free Meetup]](https://cdn.slidesharecdn.com/ss_thumbnails/apachesparkgettingstarted-260203175547-8361bcc3-thumbnail.jpg?width=640&height=640&fit=bounds)
Introduction to-web-application-development-with-vaadin7
- 1. Introduction to webapplication development with 7 Vaadin .1 Johannes Eriksson Vaadin Developer
- 2.
- 3. How does it work? newL abel( “Hell o wor ld”) How do I use it?
- 4.
- 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? 1 Rich components 2 Server +Client 3 Embracing Java
- 16.
- 17.
- 18.
- 19. 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 IE 9 98.1% IE 10 80% 80% 10 IE 10 2. O Opera th er Chrome s 1% 94% Chrome 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 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 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
- 20.
- 25.
- 27. InMemory, Bean, Method, Collection,JDBC, JPA, Hibernate, TextFile, FileSystem, Properties, EclipseLink, Lucene, Mockups, GAE, ...
- 28.
- 33.
- 34. constants and functions .scss $blue:#3bbfce;! $margin: 16px;! ! .content-navigation {! border-color: $blue;! color:! darken($blue, 9%);! }! ! .border {! padding: $margin / 2;! margin: $margin / 2;! border-color: $blue;! } .css .content-navigation {! border-color: #3bbfce;! color: #2b9eab;! }! ! .border {! padding: 8px;! margin: 8px;! border-color: #3bbfce;! }
- 35. mixins .scss @mixin table-base {! th{! text-align: center;! font-weight: bold;! }! td,th {padding: 2px}! }! ! @mixin left($dist) {! float: left;! margin-left: $dist;! }! ! #data {! @include left(10px);! @include table-base;! } #data {! float: left;! margin-left: 10px;! }! ! #data th {! text-align: center;! font-weight: bold;! }! ! #data td, #data #th {! padding: 2px;! } .css
- 36. 1 Rich components 2 Server +Client 3 Embracing Java
- 37.
- 38. Web application layers JS Backend server Web server Communication required required required Javato JavaScript JavaScript required
- 39. Backend server Web server Communication Java to JavaScript JavaScript GWT required required required required optional JS Web applicationlayers required required required required
- 40. 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
- 41. How does itwork, really?
- 42.
- 44. • • • • Initial HTML CSS (theme) Images JavaScript ! 1.2Mtotal compress 307k 135k reduced widgetset and theme
- 45. • name=”Johannes” • buttonclicked ! 263 bytes
- 47. • name=”Johannes • buttonclicked ! 263 • Add notification ! 269 bytes
- 48.
- 49. 1 Rich components 2 Server +Client 3 Embracing Java
- 50.
- 51.
- 52.
- 54.
- 56. 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
- 57. How do I getstarted?
- 58.
- 59.
- 60.
- 61.
- 63. Download for Free vaadin.com/book -93- 1970 -1 01 728pages PDF, ePub, HTML
- 64.
- 65. community of 100.000+ developers Ohloh #2 used JavaWeb Framework
- 66.