Using Vaadin to create HTML5-enabled web apps in pure Scala
-
Upload
hezamu -
Category
Technology
-
view
3.309 -
download
0
description
Transcript of Using Vaadin to create HTML5-enabled web apps in pure Scala
![Page 1: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/1.jpg)
Henri MuurimaaVaadin Ltd
Using Vaadin to create HTML5-enabled web apps in pure Scala
twitte
r: #va
adin
@henrim
uurim
aa
14. marraskuuta 11
![Page 2: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/2.jpg)
Scala in2 slides
14. marraskuuta 11
![Page 3: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/3.jpg)
Scala is ...
Java compatible: Runs on the JVM and integrates with Java tools and technologies
Object-oriented: every value is an object Functional: every function is a value
A multiparadigm language created by Martin Odersky from Typesafe
14. marraskuuta 11
![Page 4: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/4.jpg)
Canvas
Drag-and-drop
Microdata
Cross-documentmessaging
Historymanagement
Document editing
Multimedia
Offline storage
Markup improvements
Forms
File APIGeolocation
14. marraskuuta 11
![Page 5: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/5.jpg)
Canvas
Multimedia
Drag-and-drop
Offline storageMicrodata
Cross-documentmessaging Document
editing
Historymanagement
Markup improvements
Forms
File APIGeolocation
14. marraskuuta 11
![Page 6: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/6.jpg)
Canvas
14. marraskuuta 11
![Page 7: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/7.jpg)
14. marraskuuta 11
![Page 8: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/8.jpg)
14. marraskuuta 11
![Page 9: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/9.jpg)
Vaadin is a UI framework
for desktop-like web apps
14. marraskuuta 11
![Page 10: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/10.jpg)
New configs, taglibs and syntax!?!
JavaScript,DOM, Applet,plugins?
This is Nothing else.
{No! ScalaJava
14. marraskuuta 11
![Page 11: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/11.jpg)
14. marraskuuta 11
![Page 12: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/12.jpg)
Vaadin UI component architecture
Java
• Google Web Toolkit
“UI Component”• Button, Table, Tree, ...• Server-side data• Full Java API
“Widget”• Client-side peer for
the component• Runs on JavaScript
HTTP(S)
Java, Scala, ...
• Compiled with JDK
14. marraskuuta 11
![Page 13: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/13.jpg)
14. marraskuuta 11
![Page 14: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/14.jpg)
14. marraskuuta 11
![Page 15: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/15.jpg)
14. marraskuuta 11
![Page 16: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/16.jpg)
What can we do in 20 minutes?
14. marraskuuta 11
![Page 17: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/17.jpg)
Conway’s Game of Life
14. marraskuuta 11
![Page 18: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/18.jpg)
The universe of the Game of Life is an infinite two-dimensional orthogonal grid of square cells, each of which is in one of two possible states, alive or dead. Every cell interacts with its eight neighbors.
-- Wikipedia
14. marraskuuta 11
![Page 19: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/19.jpg)
Evolution
A dead cell with exactly 3 living neighbors becomes alive
A living cell with 2 or 3 living neighbors stays alive
A living cell with less than 2 or more than 3 live neighbors dies
14. marraskuuta 11
![Page 20: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/20.jpg)
Sources
http://github.com/hezamu/Devoxx2011
14. marraskuuta 11
![Page 21: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/21.jpg)
GET A
FreeCopy
Vaadin BOF todayat 19.00 in room BOF 2!
14. marraskuuta 11
![Page 22: Using Vaadin to create HTML5-enabled web apps in pure Scala](https://reader035.fdocuments.us/reader035/viewer/2022062702/554b4182b4c905cd2c8b4ca6/html5/thumbnails/22.jpg)
QuestionsComments
vaadin.com/henri
Twitter: @henrimuurimaa
14. marraskuuta 11