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.
Key Features
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
Book DescriptionVaadin 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.
What you will learn
Create Vaadin applications using Eclipse, Netbeans, and Maven Use input components such as text fields, buttons, combo boxes, check boxes, and more Use layouts, panels, and windows to arrange UI components Incorporate navigation capabilities to Vaadin applications Use tables and trees to present complex data Use advanced components such as progress indicators, context menus, sliders, and drag-and-drop capabilities Include custom HTML, Flash, and other web content in Vaadin applications Customize UI components by using CSS Develop your own components
Who this book is forIf you have experience with the Java language and want to create web applications that look good without having to deal with HTML, XML, and JavaScript, this book is for you. Basic Java programming skills are required, but no web development knowledge is needed at all.
By:
Alejandro Duarte
Imprint: Packt Publishing Limited
Country of Publication: United Kingdom
Dimensions:
Height: 93mm,
Width: 75mm,
Spine: 13mm
Weight: 430g
ISBN: 9781782162261
ISBN 10: 1782162267
Pages: 246
Publication Date: 04 July 2013
Audience:
Professional and scholarly
,
Undergraduate
Format: Undefined
Publisher's Status: Active
Preface 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 Chapter 5: Using Tables Time to Talk to Users Chapter 6: Adding More Components Chapter 7: Customizing UI Components Time to Theme it Chapter 8: Developing Your Own Components Appendix: Pop Quiz Answers Index Preface Up Chapter 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 Time for action creating a new Vaadin project Deploying and running Vaadin applications in NetBeans Time for action deploying and testing Creating and running Vaadin applications using Maven Vaadin 7 Maven archetype Time for action creating a new Vaadin project Deploying and running Vaadin applications with Maven Time for action deploying and running Generated application explained Buttons Labels Layout margin A more interesting ""hello world"" application Text fields Time for action using text fields Notifications Summary Up Chapter 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 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 Rich text area Option groups Time for action fixing the OptionGroup example Twin column selects Date/time pickers Time for action using an InlineDateField component Uploading files Summary Up Chapter 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 Grid layouts Time for action using grid layouts Absolute layouts Time for action using absolute layouts Click listeners Time for action adding click listeners Form layouts Time for action using FormLayout Panels Time for action using panels Tab sheets Accordions Windows Summary Up Chapter 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 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 Shortcuts for Window and Panel Summary Up Chapter 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 Summary Up Chapter 6: Adding More Components Trees Time for action my first tree Tree events Tree tables Time for action a file browser 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 File download Context menus Drag-and-drop Summary Up Chapter 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 Time for action creating a new Vaadin theme Adding CSS classes to components Styling text fields Styling buttons Styling panels Styling menus Styling tables Summary Up Chapter 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 Widgets Time for action creating a widget Remote procedure calls Extensions Time for action creating an extension Custom JavaScript Calling JavaScript from the server Calling the server from JavaScript JavaScript components Time for action creating a JavaScript component JavaScript extensions Summary Up Appendix: 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 Chapter 5, Using Tables Time to Talk to Users Chapter 6, Adding More Components Chapter 7, Customizing UI Components Time to Theme it Chapter 8, Developing Your Own Components
Alejandro Duarte learned how to program at age 13 using the Basic language on a black screen with a blinking cursor. He used to spend hours thinking of ideas for software that would be good to have and even more hours bringing this ideas to life. Alejandro graduated from National University of Colombia with a BS in Computer Science and has been involved in many Java related software development projects. He first started working with Struts 2 and quickly switched to more RIA-friendly frameworks such as Grails, JQuery, GWT, and Vaadin. Alejandro is the author of Enterprise App for Vaadin add-on and InfoDoc Pro, both open-source projects based on the Vaadin framework. He currently works as a freelance developer for several companies and customers mainly in Colombia, Chile, India, and Kenia.When not writing code, Alejandro splits his free time between his family, his beautiful girlfriend and his passion for the electric guitar. You can contact him at alejandro.d.a@gmail.com or through his personal blog http://www.alejandrodu.com. If you are feeling social, you can follow him on Twitter at @alejandro_du.
