1. Thinking of U and I

2. 30 seconds ego trip
 Nicolas Fränkel
 Software developer / architect, author & trainer
 +12 years experience
 Focused on Quality Code, Build and… GUI
 http://blog.frankel.ch & http://morevaadin.com
 @nicolas_frankel & @learnvaadin

3. Java Web Development

4. Vaadin Development

5. JavaEE 1.3+ compatible
 Just a servlet
@WebServlet(value = "/*", asyncSupported = true)
@VaadinServletConfiguration(
productionMode = false,
ui = HelloWorldUI.class)
public static class Servlet extends VaadinServlet {}

6. Hello world code
import com.vaadin.server.VaadinRequest;
import com.vaadin.ui.Label;
import com.vaadin.ui.UI;
public class HelloWorldUI extends UI {
@Override protected void init(VaadinRequest request) {
setContent(new Label("Hello World!"));
}
}

7. Component oriented
import com.vaadin.server.VaadinRequest;
import com.vaadin.ui.Button;
import com.vaadin.ui.UI;
public class HelloWorldUI extends UI {
@Override protected void init(VaadinRequest request) {
setContent(new Button("Click me"));
}
}

8. Event driven
public class HelloWorldUI extends UI {
@Override protected void init(VaadinRequest request) {
Button button = new Button("Click me");
setContent(button);
button.addClickListener(new ClickListener() {
@Override public void buttonClick(Button.ClickEvent e) {
...
}
});
}
}

9. Title
import com.vaadin.annotations.Title
import com.vaadin.server.VaadinRequest;
import com.vaadin.ui.Label;
import com.vaadin.ui.UI;
@Title("Hello world")
public class TitledUI extends UI {
@Override protected void init(VaadinRequest request) {
setContent(new Label("Hello World!"));
}
}

10. Theming
import com.vaadin.annotations.Theme
import com.vaadin.server.VaadinRequest;
import com.vaadin.ui.Label;
import com.vaadin.ui.UI;
@Theme("runo")
public class ThemedUI extends UI {
@Override protected void init(VaadinRequest request) {
setContent(new Label("Hello World!"));
}
}

11. Server Push
@Push
public class PushUI extends UI {
private VerticalLayout layout = new VerticalLayout();
@Override protected void init(VaadinRequest request) { setContent(layout); }
public void hook() {
access(new Runnable() {
@Override public void run() {
layout.addComponent(new Label(”Clicked”);
}
});

12. JVM-based

13. Resources
 Tutorial: https://vaadin.com/tutorial
 Book of Vaadin: https://vaadin.com/book
 Sampler: http://demo.vaadin.com/sampler/
 Workshop: https://github.com/nfrankel/vaadin7-workshop/
 http://morevaadin.com
 My Book http://www.packtpub.com/learning-vaadin-7-
second-edition/book

14. Summary
 Component-based
 Event-driven
 JVM-based
 Low entry level
 Best fit for "business applications"