by Peter Lehto | Released September 2017 | ISBN: 9781788294492

Kick-start your Web Application Project and learn to build UI's which promise a great experience, while discovering tools to increase productivity!About This VideoLearn how to efficiently build business applications from reusable componentsFind out how multi-view web applications are built in a single-page environmentDiscover ways to build beautiful business web apps for all end user devicesIn DetailThe 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.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 haveBy 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. Show and hide more

1. Chapter 1 : Defining the User Interface in Java
   • The Course Overview 00:04:00
   • Installation and Setup 00:11:12
   • Overview of Vaadin’s Server-Driven Architecture 00:14:10
   • Vaadin Servlet and Vaadin UI 00:13:43
   • Client Browser, UI Instance, and Life Cycle 00:16:06
2. Chapter 2 : Packaging, Module Structure, and Deployment Artifacts
   • Understanding the Multimodule Maven Project Structure 00:14:08
   • Separating Frontend from Backend 00:09:29
   • Widgetset 00:11:16
   • Deploying Modules 00:12:34
   • Vaadin Maven Plugin 00:08:45
   • UI Deployment Artifacts and Code Distribution 00:14:27
3. Chapter 3 : Layouts
   • Layout Components and Layout Hierarchy 00:04:34
   • Vertical and Horizontal Layouts 00:13:13
   • Sizing and Expanding Ratio 00:17:29
   • Debugging Tools 00:08:10
4. Chapter 4 : Navigating within Your Application
   • Concept of a View 00:03:46
   • Navigator and View Interface 00:10:33
   • URIFragment, Browser’s Back and Forward Buttons 00:09:21
   • Denying Navigation, Checking for Unsaved Changes 00:13:58
   • Creating Efficient Views and Loading Data 00:11:03
5. Chapter 5 : Mobile Friendly UI Design
   • Building Your Own Theme 00:10:58
   • Building Your Own Theme (Continued) 00:09:46
   • Responsive Extension 00:10:26
   • Three Stage Responsive Menu 00:08:59
   • Stage One of Three Stage Responsive Menu 00:09:29
   • Stage Two of Three Stage Responsive Menu 00:09:42
   • Stage Three of Three Stage Responsive Menu 00:12:06
Show and hide more