Book Image

Building a Rich Internet Application with Vaadin [Video]

By : Mikołaj Olszewski
Book Image

Building a Rich Internet Application with Vaadin [Video]

By: Mikołaj Olszewski

Overview of this book

<p>Vaadin is a Java framework designed to build modern web applications that look great, perform well, and make you and your users happy. The programming model in Vaadin is similar to those you might have worked with before, with a focus on your productivity. Thanks to Vaadin, the process of creating a fully-featured application from scratch is simple.<br /><br />This tutorial develops a powerful application from scratch by adding features in small increments, with a rapid feedback cycle, until a complete piece of working software is written. You will get started with a simple “hello world” application generated by a Vaadin plugin to Eclipse. When you know your requirements, you will go on to organise the contents of your software with views and connect navigation to them. The next step is connecting data from a SQL database, followed by improving the look-and-feel of the application. You then learn how to store user information in session data and improve responsiveness by using background threads. Lastly, you will take a look at extending the framework with your own components and add-ons from the commercial Vaadin offering. <br /><br />All in all, the journey from "hello world" to working software should give you a glimpse of how easy it is to develop an outstanding web application with Vaadin.</p> <h1>Style and Approach</h1> <p>Learn by doing. The video follows the process of developing an application by explaining what needs to be done and why, and doing it to see the results.</p>
Table of Contents (8 chapters)
Chapter 2
Layouts, Views, and Navigation
Content Locked
Section 5
Style Names of Components
Not all layouts can be used and the changes should be done in the application. The best practice is to use as fewer layouts in the application as possible and execute the rest in CSS. The problem lies in referring to a component from a CSS file - Use the addStyleName option - Populate the main view of our application with components - Run the application