Introduction to Google Web Toolkit (GWT) Course

Course Summary

The Introduction to GWT training course is designed to demonstrate the details of developing web applications using the GWT framework.

The course begins with a review of web application concepts and technologies, like JavaScript, JSPs, etc. Next, it examines the architecture of a common GWT application, in terms of functionality, separation of concern, and component modularization. The course concludes with an exploration of GWT-Ext.

Prerequisites: The course assumes an experience working with JavaScript and Ajax.

Purpose

Learn how to build web applications using GWT.

Audience

Experienced Java developers looking to adopt GWT and GWT-Ext.

Role

Software Developer - Web Developer

Skill Level

Intermediate

Style

Hack-a-thon - Learning Spikes - Workshops

Duration

4 Days

Related Technologies

Java

JavaScript

CSS

Download

Productivity Objectives:

Understand the origins of GWT, what GWT does, and how it addressed the challenges of building AJAX applications
Learn about GWT’s infrastructure, project setup and code artifacts
Demonstrate how to use GWT’s predefined widgets – controls and containers
Implement GWT events and handlers to build interactive applications
Learn how to style GWT widgets with CSS and how to manage styles
Make composite widgets
Built a GWT-based application

Learn About Virtual Training

Request Information

Get your team upskilled or reskilled today. Chat with one of our experts to create a custom training proposal. Fully customized at no additional cost.

If you are not completely satisfied with your training class, we'll give you your money back.

about our training

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
Expert Practitioners

Industry experts with 15+ years of industry experience that bring their battle scars into the classroom.
Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
Fully Customized

One-size-fits-all doesn't apply to training teams. That's where we come in!

What You'll Learn

In the Introduction to GWT training course, you'll learn:

Introducing GWT
- What is Google Web Toolkit?
- Competitive Frameworks
- Motivations for Moving to GWT
Getting Started with GWT
- Set up the GWT development environment
- Create the first GWT project
- Explore the GWT Project Structure
- Debug the GWT Project
- Publish the GWT solution
Google Web Toolkit User Interfaces
- Understand the GWT UI structure
- Explore GWT UI
- Understand the GWT Module descriptor
- Explore the Entry Point Class
- Create, configure and lay out Widgets
- Understand and work with the RootPanel
- Style the UI with CSS
- Modify GWT Code
Core GWT Widgets
- Buttons
- Hyperlinks
- Text
- Selection
- List
- AutoSuggest
- Configure Widgets
Designing a GWT UI with Layouts
- What is a Layout?
- Types of Layout Managers in GWT
- FlowingPanel
- DockingPanel
- FlexTable
- Grid
- PopupPanel
- Dialog Boxes
- Disclosure Panel
Event Handling in GWT
- Google Web Toolkit Event Model
- Key Event Concepts: Events and Handlers
- Types of Events – Keyboard, Mouse, Tab, Cell
- Using Event Handlers
- Listener Adapter Objects
- Manage browser differences
Working with GWT Utility Classes
- GWT and Cookies
- GWT Random Object
- GWT Animation Class
- GWT and File Uploading
- GWT class
- GWT Window Class
- GWT Location Class
- GWT Timer Class
Using Modules
- Introduce GWT modules
- Understand Module architecture and structure
- Module paths and resources
- Use external modules
- Modularize GWT applications
- Set paths and resources in GWT modules
Additional GWT UI and Styling Exploration
- PushButtons
- Panels – Decorator, Absolute, HTML, Focus, Split, Stack, Tab and Deck Panels
- Menus and Tree Widgets
- Rich TextArea Editing
- Style with CSS
- Style Dependency
- Work with Images
Creating Composite Widgets
- Define Composite Widgets
- Develop Composite Widgets
- Implement Composite Widgets in the GWT application
Designing GWT Applications
- Set up GWT Designer/WindowBuilder
- Declarative layouts with UIBinder
- Use Composite Widgets with GWT Designer/WindowBuider
- Set up Event Handling
- Pass arguments to a designed Widget
- External Resources with UIBinder
- Share Resource Instances
- Apply XML Templates to the same widget
- “Lazy” DOM and Panel Elements
- Render HTML for Cells
- Cell Event Handling with UIBinder
- Get the properties of rendered elements
- Access Style with UIRenderers
- Customize the native GWT HTML Template
- JavaScript Library Integration (JQuery, DOJO)
GWT and RPC Protocols
- Client-Server Communication Methods
- Process the results through AsyncCallBack
Alternative GWT Connectivity
- Front-end responsibilities for receiving data
- GWT Serialization
- GWT and JSON
- JSON Types in GWT
- Use JSONP
- Make HTTP Requests
- GWT and XML
GWT and JavaScript via JSNI
- Use GWT and JavaScript Native Interface (JSNI)
- Invoke JSNI from Java
- Invoke JavaScript from within Java
- Java Callbacks from external JavaScript
- Use JavaScript Objects in Java
Testing and Debugging GWT
- Test and debugging GWT front-end views
- GWT and JUnit Testing
- Benchmark with GWT and SpeedTracer
- Client-side performance testing and JavaScript optimization
GWT Client Infrastructure
- Examine the compilation process and output
- GWT Application-loading Mechanism
- Compile Java to JavaScript
- Explore the produced JavaScript