Book Image

Building a Solid Web App Foundation with Vaadin 8 [Video]

By : Peter Lehto
Book Image

Building a Solid Web App Foundation with Vaadin 8 [Video]

By: Peter Lehto

Overview of this book

<p>The Vaadin Framework is a Java web application development framework that is designed to make creation and maintenance of high quality web-based user interfaces easy. Vaadin supports server-side and client-side programming models, which let’s you forget the web and program user interfaces while managing the user interface in the browser and the AJAX communications between the browser and the server.</p> <p>The course starts of by defining the UI in Java. Here you will learn to write the initial user interface on top of which everything else will be built. Moving along we will cover best practices for structuring a User Interface project with Maven in a way that it best supports developer efficiency and deployment time requirements. Now that we have a strong foundation, we will start working with Layouts which are a fundamental part of the Vaadin framework. With practical examples, you will gain an understanding of how layout components function as a basic requirement when it comes to becoming an efficient developer. We will then move on the explore the Vaadin Navigator which enables your applications to support views and to use the browser's back and forward buttons in a controlled way. Now that you have</p> <p>By taking this course you will be able to kick-start your web application development project with hands-on exposure on how to build a scalable and robust Vaadin User Interface that works on desktop and mobile devices in the right way, the first time. Throughout the video, we will build and develop an application with best practices to help you apply in any future requirements with minimal refactoring.</p> <h1>Style and Approach</h1> <p>The course focuses on teaching the basic concepts of component- and event-driven web application development. Practical demos of the concepts of layouting and navigation will give you the ability to support various end user device resolutions and types while building an application along the way.</p>
Table of Contents (5 chapters)
Chapter 3
Layouts
Content Locked
Section 4
Debugging Tools
How to debug Vaadin layouting problems and what kind of tools are available for that? - Open Vaadin debug window - Use connector hierarchy inspector and component inspector - Use analyze layouts feature to automatically detect layouting problems