• Decrease font size
  • Default font size
  • Increase font size

Introduction to Google Web Toolkit

 Print E-mail

Google Web Toolkit (GWT) allows Java developers to create Web 2.0-ready AJAX front ends. GWT compiles these Java artifacts into optimized JavaScript for all major browsers. This GWT training course provides a foundation in developing front-end modules with GWT widgets, panels, events and other mechanisms.

Course Objectives

  • Understand the challenges of Ajax programming and how GWT addresses them.
  • Learn about GWT infrastructure, projects and code artifacts.
  • Learn to use GWT widgets, panels, images, events, listeners to build Ajax forms.
  • Learn to use GWT Utility and framework classes.
  • Learn to incorporate history and bookmarks in your front-ends.
  • Learn about GWT's RPC protocol and how to use it.

Course Prerequisites

Experience in the following areas is required:

  • Fair knowledge of Java programming language
  • Basic understanding HTML, CSS, Javascript and their relationships

Experience in the following areas would be beneficial.

  • Some foundation in widget-based Form development using events
  • Basic knowledge of HTTP protocol

Course Outline

Ajax and GWT

    • Ajax Emergence
    • Ajax Challenges
    • Motivations behind GWT
    • GWT Solution
    • What is GWT?

Getting Started with GWT

    • Getting Started with GWT
    • Setup GWT Environment
    • Creating A Project
    • A GWT Project Structure
    • Hosted versus Web Mode

GWT User Interfaces

    • GWT User Interfaces

A Basic User Interface

    • GWT Module Entry Point
    • Creating and Configuring Widgets
    • Laying out your Widgets
    • Using the RootPanel
    • Basic Styling
    • Modifying GWT Code

Core GWT Widgets

    • GWT Widgets
    • Button Widget
    • GWT Hyperlinks
    • Text Widgets
    • Selection Widgets
    • Listing Widgets
    • Widget Behavior
    • Configuring Widgets

Organizing User Interfaces in GWT

    • GWT Layouts
    • Organize Widgets into Panels
    • Various GWT Layouts
    • FlowingPanel Layout
    • DockingPanel Layout
    • Using FlexTable
    • Using Grid
    • Using PopupPanel
    • Dialog Boxes
    • The Disclosure Panel

Event Handling in GWT

    • Event Handling in GWT
    • GWT Event Model
    • Using Event Listeners
    • Listener Adapters
    • Types of Events
    • Keyboard Events
    • Mouse Events
    • Tab Events
    • Table Cell Events
    • Browser Differences

Using Images in GWT

    • Using Images in GWT
    • GWT Image Widget
    • Prefetching Images
    • Using Image Bundles

Executing Hosted vs. Web Mode in GWT

    • Hosted versus Web Mode in GWT
    • Page Loading Steps in Hosted Mode
    • Running in Web Mode
    • GWT Generated Files
    • Obfuscation in GWT Generated Files
    • GWT Deployment

History and Bookmarks in GWT

    • History and Bookmarks in GWT Ajax
    • Creating Bookmarked Pages
    • The History Token
    • The History Listener
    • Reacting to Back and Forward buttons

The Film Rental Project Domain in GWT

    • Film Rental Project in GWT

GWT Utility Classes

    • GWT Utility Classes
    • GWT Cookies
    • GWT Random Class
    • Animation in GWT
    • Uploading Files in GWT
    • The GWT class
    • The GWT Window class
    • The GWT Location class
    • The GWT Timer class

RPC Protocol in GWT

    • RPC Protocol in GWT
    • Why a New Protocol?
    • Placing Code Components
    • RemoteService Interface
    • RemoteServiceServlet Interface
    • The AsyncCallback Interface
    • RPC Events