Rock Your Web Apps with Vaadin: Coding Serbia 2014
•
2 j'aime•1,894 vues
A Vaadin introductory given at Coding Serbia 2014. 45min session.
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à Rock Your Web Apps with Vaadin: Coding Serbia 2014
Similaire à Rock Your Web Apps with Vaadin: Coding Serbia 2014 (20)
Dernier
Dernier (20)
Rock Your Web Apps with Vaadin: Coding Serbia 2014
- 1. Rock Your Web Apps with Vaadin Coding Serbia Ville Ingman, Vaadin Ltd ville@vaadin.com
- 5. Our Mission Make building amazing web applications easy
- 8. very active there > 100.000 developers from > 6.000 cities > 470 add-ons in the marketplace Other Asia 4 % 20 % Americas 22 % Europe 54 % Vaadin Ecosystem Apache-licensed
- 9. 40% of Fortune 100 Typical use-cases are ERPs, Financial and Intranet/Extranet services i.e. Business Applications
- 10. But but, what is a good framework for me?
- 13. Data centric Web application Content centric Web site Long life cycle ABSTRACTION LEVEL LOW HIGH Short life cycle
- 14. JSF Vaadin frameworks Data centric Web application Content centric Web site Long life cycle Short life cycle HTML5 & JS frameworks
- 15. > [] + []; > > [] + {}; > [object Object] > {} + []; > 0 > {} + {}; > NaN > NaN == NaN; > false > typeof NaN; > number > var foo = [0]; > foo == !foo; > true
- 16. …
- 17. Lessons learned so far 1. How to make a happy Finn 2. A good Java dev understands where “a framework” is good at 3. You don’t want to maintain a lot of raw JavaScript
- 18. Building blocks
- 19. for Optimized sideClient-Productivity Optimized for Server- Control
- 21. Tablets 6/7 8 IE 6/7 Safari Opera IE 8 6/7 8 14% 18% 36% 54% 98.1% 3.5 Browsers to support in 2012 3.5 Browsers to support in 2012 IE 6/7 Safari Opera IE 8 14% 18% 36% 54% Since gwt is used extensively in the enterprise, this may explain why tablets are more popular than support for phones” Phones + + What kind of devices does your app support? 36.1% Desktop browsers Browsers developers expect to support in 2013 Chrome 9 10 IE 9 IE 10 Firefox 79% 80% 94% 94% Browsers developers expect to support in 2013 Chrome 9 10 IE 9 IE 10 Firefox 79% 80% 94% 94% app support? 98.1% Phones 25.7% 36.1% Others 2.1% “Since gwt is used extensively in the enterprise, this explain why tablets are popular than support for phones” Daniel iPhone Android WP 25.7% 36.1% Tablets “Daniel iPad Android Windows
- 23. Architecture
- 25. Web app layers required required optional optional optional Vaadin required required optional GWT required required required required JS required required backend! server web! server communication java to javascript javascript
- 26. Web app layers required required optional optional optional Vaadin required required optional GWT required required required required JS required required backend! server web! server communication java to javascript javascript 1 layer vs 3 layers -50% lines of code -50% dev. time -50% maintenance
- 27. How does it work, really?
- 29. • Initial HTML • CSS (theme) • Images • JavaScript ! 1.2M total 307k compress 135k reduced widgetset
- 30. • name=”Joonas” • button clicked ! 261 bytes
- 32. • name=”Joonas” • button clicked ! 261 bytes • Add notification ! 267 bytes
- 33. The Cool stuff that make you look good
- 38. SASS Syntactically Awesome Stylesheets
- 40. Mixins
- 41. Nesting
- 43. Extendability: Add-ons! Server-side component compositions Client-side components with GWT Client-side JS components Custom themes
- 50. Client-side Server-side Use for • Offline! • Low latency interaction! • Maximum scalability Use for • Most places ( - 50% cost )! • High security! • Utilizing full Java platform Hybrid Benefits of the both sides, but adds complexity
- 52. Try the demo at demo.vaadin.com/parking
- 53. Try the demo at demo.vaadin.com/parking
- 54. Try the demo at demo.vaadin.com/parking
- 55. Try the demo at demo.vaadin.com/parking
- 56. Try the demo at demo.vaadin.com/parking
- 57. Try the demo at demo.vaadin.com/parking
- 58. Try the demo at demo.vaadin.com/parking
- 59. Try the demo at demo.vaadin.com/parking
- 60. Try the demo at demo.vaadin.com/parking
- 61. Try the demo at demo.vaadin.com/parking
- 62. Try the demo at demo.vaadin.com/parking
- 63. Try the demo at demo.vaadin.com/parking
- 64. Try the demo at demo.vaadin.com/parking
- 65. Try the demo at demo.vaadin.com/parking
- 66. Try the demo at demo.vaadin.com/parking
- 67. Try the demo at demo.vaadin.com/parking
- 68. Built-in Server @Push Atmosphere: WebSockets, HTTPStreaming, Long polling
- 69. getting started
- 71. Eclipse Download plugin from Marketplace
- 72. IntelliJ IDEA Built-in support
- 73. Netbeans Download plugin Netbeans Plugin Portal
- 74. mvn archetype:generate -DarchetypeGroupId= com.vaadin -DarchetypeArtifactId= vaadin-archetype-application -DarchetypeVersion= 7.1.7 Maven
- 75. Download for Free vaadin.com/book ISBN 978-952-93-1970-1 9789529319701 728 pages PDF, ePub, HTML
- 76. Lessons learned today 1. Finns smile always 2. Vaadin is good for web apps, brings you great productivity 3. Vaadin tries to keep Java guys out of trouble 4. If I catch you building your home pages with Vaadin I’ll take you behind the sauna (a not-so-fun Finnish tradition)