Introduction

Google Web Toolkit or GWT Web Toolkit, is an open source set of tools that allows web developers to create and maintain complex JavaScript front-end applications in Java. Other than a few native libraries, everything is Java source that can be built on any supported platform with the included GWT Ant build files. Using GWT, developers can develop and debug Ajax applications
in the Java language using the Java development tools of their choice. When the application is deployed, the GWT cross-compiler translates the Java application to standalone JavaScript files that are optionally obfuscated and deeply optimized. When needed, JavaScript can also be embedded directly into Java code, using Java comments.

Prerequisties

• All attendees should have a basic knowledge of HTML, CSS, JavaScript and their relationships, and also HTML, CSS, JavaScript and their relationships.

Course Content

1. Ajax and GWT

• Ajax Emergence
• Ajax Challenges
• Motivations Behind GWT
• GWT Solution
• What is GWT?
• Exercise: Building a Sample Application

2. Getting Started with GWT

• Getting Started with GWT
• Setup GWT Environment
• Creating a Project
• A GWT Project Structure
• Hosted vs. Web Mode
• Exercise: Designing the Application

3. GWT User Interfaces

• GWT User Interfaces
• A Basic User Interface
• GWT Module Entry Point
• Creating and Configuring Widgets
• Laying Out Your Widgets
• Using the Root Panel
• Basic Styling
• Modifying GWT Code
• Exercise: Building the User Interface

4. Core GWT Widgets

• GWT Widgets
• Button Widget
• GWT Hyperlinks
• Text Widgets
• Selection Widgets
• Listing Widgets
• Widget Behavior
• Configuring Widgets
• Exercise: Managing Events on the Client

5. Organizing User Interfaces in GWT

• GTW Layouts
• Organizing Widgets into Panels
• Various GWT Layouts
• Flowing Panel Layout
• Docking Panel Layout
• Using Flex Table
• Using Grid
• Using Pup up Panel
• Dialog Boxes
• The Disclosure Panel
• Exercise: Coding Functionality on the Client

6. 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
• Exercise: Debugging a GWT Application

7. Using Images in GWT

• Using Images in GWT
• GWT Image Widget
• Prefetching Images
• Using Image Bundles
• Exercise: Applying Styles

8.Executing Hosted vs. Web Mode in GWT

• Hosted vs. Web Mode in GWT
• Page Loading Steps in Hosted Mode
• Running in Web Mode
• GWT Generated Files
• Obfuscation in GWT Generated Files
• GWT Deployment
• Exercise: Compiling a GWT Application

9. 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
• Exercise: Image Bundles and Image Resources

10. The Pizza Purchasing Project Domain in GWT

• Pizza Purchasing Project (P3) in GWT
• Exercise: Pizza Purchasing Project (P3)

11. GWT Utility Classes

• GWT Utility Classes
• GWT Cookies
• GWT Random Class
• Animation in GWT
• Uploading Files in GWT
• The GWT Window Class
• The GWT Location Class
• The GWT Timer Class
• Exercise: Implementing a Cloud Computing-Based Service-Oriented Architecture from a Business Perspective

12. RPC Protocol in GWT

• RPC Protocol in GWT
• Why a New Protocol?
• Placing Code Components
• Remote Service Interface
• Remote Service Servlet Interface
• The A synch Call back Interface
• RPC Events
• Exercise: How to Implement GWT from a Technical Perspective