Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

Introduction to GWT

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

 

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

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
real world content

Real-World Content

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

Expert Practitioners

Industry experts that bring their battle scars into the classroom.
experiential learning

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
tailored outlines

Tailored Outlines

One-size-fits-all doesn't apply to training teams. That's where we come in!
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.