Introduction to Google Web Toolkit Training (GWT101)
Course Length: 3 days
Delivery Methods:
Available as private class only
Course Overview
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 Benefits
- 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 Outline
- The GWT Concept
- Dynamic HTML
- The GWT Solution
- So What is GWT?
- The GWT Compiler
- GWT Design Axioms
- Getting Started with GWT
- Creating a GWT Project
- A GWT Project Structure
- Executing a GWT Project
- Using GWT with Legacy Web Apps
- GWT Module Configuration
- GWT Module Entry Point
- Development Mode versus Web Mode
- Our Class Project: A Film Rental Application
- GWT User Interfaces
- GWT User Interfaces
- Creating and Configuring Widgets
- Widget Hierarchy
- Widget Behavior
- Using the RootPanel
- Basic Styling
- Some Basic Widgets
- Organizing User Interfaces in GWT
- Laying Out Widgets into Panels
- Various GWT Layouts
- FlowPanel
- HorizontalPanel and Vertical Panel
- The RootPanel
- DockPanel, DockLayoutPanel, SplitLayoutPanel, and LayoutPanel
- Using Grid
- Using FlexTable
- Using ScrollPanel
- Popups and Dialogs
- Other Utility Panels
- Event Handling in GWT
- Event Handling in User Interfaces
- The GWT Event Model
- Using Event Handlers
- Types of Events
- FormPanel Events
- Images and Resources
- Using Images in GWT
- The GWT Image Widget
- Prefetching Images
- Using ImageBundle and ClientBundle
- Creating a Client Bundle for Images and Text
- Using a Client Bundle
- More on Client Bundles
- GWT Utility Classes
- GWT and Cookies
- The GWT Random Class
- Animation in GWT
- Uploading Files in GWT
- The GWT Class
- The GWT Window Class
- The Window.Location Class
- The GWT Timer Class
- History and Bookmarks in GWT
- History and Bookmarks in GWT
- Using Hyperlink Widgets
- Managing History
- The History Token
- Adding New History Items
- The History Handler
- Handling Bookmarks
- RPC Protocol in GWT
- Why a New Protocol?
- RPC Protocol in GWT
- GWT RPC Basics
- Steps to RPC: Code Components
- RPC Components
- Setting the Servlet Path in a Module
- Creating an Invocation Target
- RPC Events
- No Synchronous RPC in GWT
- Data Serialization
- GWT UiBinder and SafeHtml
- What Is UiBinder?
- UiBinder Benefits
- UiBinder Templates
- Creating a UiBinder in Eclipse
- What Is SafeHtml?
- More on GWT User Interfaces
- Using Menus via a MenuBar
- Using a Tree Widget
- Using SuggestBox
Class Materials
Each student will receive a comprehensive set of materials, including course notes and all the class examples.
Class Prerequisites
Experience in the following is required for this GWT class:
- Fair knowledge of Java programming language
- Basic understanding HTML, CSS, Javascript and their relationships
Experience in the following would be useful for this GWT class:
- Some foundation in widget-based Form development using events
- Basic knowledge of HTTP protocol