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 4
Styles, Themes, and Notifications
Content Locked
Section 1
Creating Custom Themes
An application can rarely have a default look-and-feel framework. More often than not, there is a need to customize each application with a unique appearance and styling the HTML elements. Vaadin supports themes—SCSS files that can instruct the browser on how to render certain components. This video instructs you on how to create a custom theme using the Eclipse plugin. - How is SASS different from CSS - Create the custom theme - Creating other SCSS files