Vaadin 7 UI design by example : beginner's guide / Alejandro Duarte.

Format:

Book

Author/Creator:

Duarte, Alejandro.

Language:

English

Subjects (All):

Application software--Development.

Application software.

Web site development.

Physical Description:

1 online resource (246 p.)

Edition:

1st edition

Place of Publication:

Birmingham, UK : Packt Pub., 2013.

Language Note:

English

System Details:

text file

Summary:

Do it all with Java! All you need is Vaadin and this book which shows you how to develop web applications in a totally hands-on approach. By the end of it you’ll have acquired the knack and taken a fun journey on the way. Learn how to develop Vaadin web applications while having fun and getting your hands dirty Develop relevant and unique applications following step-by-step guides with the help of plenty of screenshots from the start The best available introduction to Vaadin with a practical hands-on approach and easy to read tutorials and examples In Detail Vaadin is a mature, open-source, and powerful Java framework used to build modern web applications in plain Java. Vaadin brings back the fun of programming UI interfaces to the web universe. No HTML, no CSS, no JavaScript, no XML. Vaadin lets you implement web user interfaces using an object oriented model, similar to desktop technologies such as Swing and AWT. Vaadin 7 UI Design By Example: Beginner’s Guide is an engaging guide that will teach you how to develop web applications in minutes. With this book, you will Develop useful applications and learn basics of Java web development. By the end of the book you will be able to build Java web applications that look fantastic. The book begins with simple examples using the most common Vaadin UI components and quickly move towards more complex applications as components are introduced chapter-by-chapter. Vaadin 7 UI Design By Example: Beginner’s Guide shows you how to use Eclipse, Netbeans, and Maven to create Vaadin projects. It then demonstrates how to use labels, text fields, buttons, and other input components. Once you get a grasp of the basic usage of Vaadin, the book explains Vaadin theory to prepare you for the rest of the trip that will enhance your knowledge of Vaadin UI components and customization techniques.

Contents:

Intro

Vaadin 7 UI Design By Example Beginner's Guide

Table of Contents

Credits

About the Author

Acknowledgement

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers and more

Why Subscribe?

Free Access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Time for action - heading

What just happened?

Pop quiz - heading

Have a go hero - heading

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Writing Your First Vaadin-powered Application

Creating and running Vaadin applications in Eclipse

Installing Eclipse

Time for action - downloading and installing Eclipse

Installing the Vaadin plugin for Eclipse

Time for action - installing the plugin

Installing Run Jetty Run plugin

Time for action - installing Jetty

Creating a new Vaadin project in Eclipse

Time for action - creating a new Vaadin project

Deploying and running Vaadin applications in Eclipse

Time for action - deploying and running

Creating and running Vaadin applications in NetBeans

Installing NetBeans

Time for action - downloading and installing NetBeans

Creating a new Vaadin project in NetBeans

Deploying and running Vaadin applications in NetBeans

Time for action - deploying and testing

Creating and running Vaadin applications using Maven

Vaadin 7 Maven archetype

What just happened?.

Deploying and running Vaadin applications with Maven

Generated application explained

Buttons

Labels

Have a go hero - display some HTML text

Layout margin

A more interesting "hello world" application

Text fields

Time for action - using text fields

Notifications

Have a go hero - show notifications

Pop quiz - Vaadin fundamentals

Summary

2. Using Input Components and Forms - Time to Listen to Users

The Time It application

Time for action - separating business classes from UI classes

UI components as class members

Time for action - adding components as class members

Time for action - adding some infrastructure

Comboboxes

Time for action - adding a combobox

Responding to value changes

Getting and setting the value of input components

Tooltips

Immediate mode

Error indicators

Time for action - validating user input

Layout spacing

Time for action - adding input component into the layout

Checkboxes

Removing components from layouts

Time for action - running the test set

Have a go hero - add a validation to Time It

Time for action - showing the results

Thinking in Vaadin

Servlets and GWT

UI components hierarchy

Component

Vaadin's data model

Time for action - binding data to properties

Items

Containers

More input components

Text area

Have a go hero - disable word wrap

Rich text area

Option groups

Time for action - fixing the OptionGroup example

Have a go hero - improve the OptionGroup example.

Twin column selects

Date/time pickers

Time for action - using an InlineDateField component

Uploading files

Pop quiz - thinking in Vaadin

3. Arranging Components into Layouts

Horizontal layouts

Time for action - the main layout

Components size

Time for action - visualizing borders

Time for action - setting layouts size

Expand ratio

Time for action - expanding components

Split panels

Time for action - using split panels

Implementing a button-based menu

Time for action - adding menu options

Have a go hero - add a public method to set the header

Grid layouts

Time for action - using grid layouts

Have a go hero - open their eyes

Have a go hero - expand components in GridLayout

Absolute layouts

Time for action - using absolute layouts

Click listeners

Time for action - adding click listeners

Have a go hero - get more data from click events

Form layouts

Time for action - using FormLayout

Panels

Time for action - using panels

Tab sheets

Accordions

Have a go hero - find the disobedient line of code

Windows

Pop quiz - mastering layouts

4. Using Vaadin Navigation Capabilities

Getting request information

Path info

Time for action - developing a simple website

Parameters

Time for action - reading request parameters

Fragments

Have a go hero - take a look at the Vaadin API documentation

Changing the browser title

Navigators and views

Time for action - using navigators

Time for action - navigating programmatically

Keeping state after refresh

Time for action - preserving application state

User session

Menus

Shortcut keys

Shortcuts for buttons

Time for action - a tedious application

Have a go hero - improve user experience

Shortcuts for Window and Panel

Pop quiz - navigation capabilities

5. Using Tables - Time to Talk to Users

Tables

Time for action - my first table

Headers

Clicking on headers

Footers

Clicking on footers

Boxwords game

Time for action - implementing the game UI

Page length

Selecting items in tables

Time for action - listening to clicks

Reading data from tables

Time for action - finishing the game

Editable tables

Table field factories

Time for action - using a custom field factory

Understanding generated columns

Collapsing and reordering columns

Have a go hero - activate column reordering powers

Pop quiz - mastering tables

6. Adding More Components

Trees

Time for action - my first tree

Tree events

Tree tables

Time for action - a file browser

Have a go hero - use TreeTable or Tree interchangeably

Progress indicators

Icons

Time for action - adding icons

Images, Flash, video, audio, and other web content

Time for action - render web content

Sliders

Color picker

Have a go hero - experiment with ColorPicker

File download

Context menus

Drag-and-drop

Have a go hero - study a drag-and-drop example

Pop quiz - more components

Summary.

7. Customizing UI Components - Time to Theme it

Vaadin themes

Time for action - changing themes

Introduction to CSS and Sass

Variables

Nesting

Mixins

Introducing Firebug and Chrome inspector

Time for action - inspecting HTML

Creating new themes

Time for action - creating a new Vaadin theme

Styling labels

Adding CSS classes to components

Styling text fields

Styling buttons

Styling panels

Styling menus

Styling tables

Pop quiz - Vaadin themes

8. Developing Your Own Components

Custom components

Time for action - creating a custom component

Client side applications

Time for action - creating a client side application

Have a go hero - check that the app is purely client side

Widgets

Time for action - creating a widget

Remote procedure calls

Extensions

Time for action - creating an extension

Have a go hero - experiment with GWT handlers

Custom JavaScript

Calling JavaScript from the server

Calling the server from JavaScript

JavaScript components

Time for action - creating a JavaScript component

JavaScript extensions

Have a go hero - implement a JavaScript extension

Pop quiz - CustomComponents

A. Pop Quiz Answers

Chapter 1, Writing Your First Vaadin-powered Application

Chapter 2, Using Input Components and Forms - Time to Listen to Users

Chapter 3, Arranging Components into Layouts

Chapter 4, Using Vaadin Navigation Capabilities.

Pop quiz - navigation capabilities.

Notes:

Includes index.

ISBN:

9781782162278

1782162275

OCLC:

857061862