Google Web Toolkit (GWT)

Course:  GWT1
Duration:  2 Days
Level:  I
Course Summary

This course teaches students how to create Web front-ends using the GWT. The student will learn how to create web pages using GWT widgets using Java, Eclipse, and CSS. In addition, command line project creation and testing of GWT applications is included. Starting with code development through compiling Java artifacts into optimized JavaScript for all major browsers is demonstrated in practical workshops. This course provides a foundation in developing front-end modules with GWT widgets, panels, events and other facilities provided by Google. Debugging and performance considerations are also addressed.

« Hide The Details
Topics Covered In This Course

The Big Picture

  • What is GWT?
  • Tools
  • Libraries
  • Java packages emulated by GWT

Creating a GWT Project

  • Project Structure
  • Hosted versus Web Mode
  • Testing the project
  • The starter GWT User Interface
  • GWT.xml contents
  • HTML contents
  • onModuleLoad

Designing an Application

  • GWT functionality
  • Widget usage (Panels, tables, Buttons, Input Box)
  • User Interface considerations
  • Timers

Build the User Interface in Java

  • FlexTable creation
  • Horizontal Panels
  • Vertical Panels
  • Using the RootPanel
  • div setup in HTML
  • History frames
  • Setting focus
  • Debug the application
  • Testing with Ant

Managing Events on the Client

  • Event Handler Interfaces
  • Mouse Events
  • Inner class usage
  • Button Events
  • Keyboard Events
  • Input validation
  • Testing events

Code Functionality in the Client

  • Data structure
  • UI dynamics of adding and deleting rows in a panel
  • Timer implementation
  • Business Object usage
  • GWT Random class
  • GWT NumberFormat class
  • GWT DateTimeFormat class

Debugging the Application

  • Setup
  • Debugging variations with browser refresh
  • Command line debugging
  • Eclipse run configurations

Applying Styles

  • Overview
  • Theme settings
  • GWT class widgets style association
  • Setting a style in Java
  • Style setting for panels
  • Styling number columns
  • Secondary style usage
  • HTML attribute styling via Java
  • Adding images

Deploying the Application

  • Compiling Java into JavaScript
  • Generated files
  • Using Ant build
  • Deploying to a Web Server
  • Performance considerations
What You Can Expect

At the end of the course, students will be able to:

  • Understand how to use the GWT to build Web User interfaces.
  • Understand GWT infrastructure, projects and code artifacts.
  • Setup a development environment for GWT and Eclipse.
  • Use GWT widgets, panels, images, events, and handlers to build forms.
  • Use GWT Utility and framework classes.
  • Troubleshoot Java and the generated JavaScript.
  • Incorporate CSS and GWT Themes.
Who Should Take This Course

This course is designed for Web developers, programmers, and project managers.

Recommended Prerequisites

Experience in the following areas is required:

  • Six months experience with the Java programming language
  • Basic understanding HTML, CSS, and JavaScript
Training Style

Lecture (50%) / Workshop (50%)

« Hide The Details
Related Courses
Code Course Title Duration Level
Advanced GWT
3 Days
Ext GWT Design and Development
2 Days

Every student attending a Verhoef Training class will receive a certificate good for $100 toward their next public class taken within a year.

You can also buy "Verhoef Vouchers" to get a discounted rate for a single student in any of our public or web-based classes. Contact your account manager or our sales office for details.

Schedule For This Course
There are currently no public sessions scheduled for this course. We can schedule a private class for your organization just a couple of weeks from now. Or we can let you know the next time we do schedule a public session.
Notify me the next time this course is confirmed!
Can't find the course you want?
Call us at 800.533.3893, or
email us at [email protected]