Introduction to GWT Course | DevelopIntelligence

Course Summary

The Introduction to GWT training course examines the details of developing web applications using the GWT framework.

The Google Web Toolkit (GWT) training course begins with a review of web application concepts and technologies, like JavaScript, JSPs, etc. It then examines the architecture of a common GWT application, in terms of functionality, separation of concern, and component modularization. With the foundation laid, the course then examines the GWT framework and concludes with an exploration of GWT-Ext. Introduction to GWT assumes students have 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

CSS

JavaScript

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
Learn how to make composite widgets
Built a GWT-based application

Learn About Virtual Training

Get Quote

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.

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
- Setting up the GWT development environment
- Creating your first GWT project
- Exploring the GWT Project Structure
- A quick look at how to debug your GWT Project
- Publishing your GWT solution
Google Web Toolkit User Interfaces
- Understanding the GWT UI structure
- Exploring GWT UI
- Understanding the GWT Module descriptor
- Exploring the Entry Point Class
- Creating, Configuring and Laying out Widgets
- Understanding and working with the RootPanel
- Styling the UI with CSS
- Modifying GWT Code
Core GWT Widgets
- Buttons
- Hyperlinks
- Text
- Selection
- List
- AutoSuggest
- Configuring 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
- Managing 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
- Introducing GWT Modules
- Module Architecture and Structure
- Module Paths and Resources
- Using External Modules
- Modularizing GWT Applications
- Setting 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
- Styling with CSS
- Style Dependency
- Working with Images
Creating Composite Widgets
- Defining Composite Widgets
- Developing Composite Widgets
- Implementing Composite Widgets in your GWT application
Designing GWT Applications
- Setting up GWT Designer/WindowBuilder
- Declarative Layouts with UIBinder
- Using Composite Widgets with GWT Designer/WindowBuider
- Setting up Event Handling
- Passing arguments to a designed Widget
- External Resources with UIBinder
- Sharing Resource Instances
- Applying XML Templates to the same widget
- “Lazy” DOM and Panel Elements
- Rendering HTML for Cells
- Cell Event Handling with UIBinder
- Getting the properties of rendered elements
- Accessing Style with UIRenderers
- Customizing the native GWT HTML Template
- JavaScript Library Integration (JQuery, DOJO)
GWT and RPC Protocols
- Client-Server Communication Methods
- Processing the results through AsyncCallBack
Alternative GWT Connectivity
- Front-end responsibilities for receiving data
- GWT Serialization
- GWT and JSON
- JSON Types in GWT
- Using JSONP
- Making HTTP Requests
- GWT and XML
GWT and JavaScript via JSNI
- Using GWT and JavaScript Native Interface (JSNI)
- Invoking JSNI from Java
- Invoking JavaScript from within Java
- Java Callbacks from external JavaScript
- Using JavaScript Objects in Java
Testing and Debugging GWT
- Testing and Debugging GWT Front-End Views
- GWT and JUnit Testing
- Benchmarking with GWT and SpeedTracer
- Client-side performance Testing and JavaScript Optimization
GWT Client Infrastructure
- Examining the compilation process and output
- The GWT Application-loading Mechanism
- Compiling Java to JavaScript
- Exploring the produced JavaScript
Q/A

Real-world content

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

Expert Practitioners

Industry experts 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!

Elite Instructor Award

DevelopIntelligence launched its Elite Instructor Program. Our program features those maintaining instructor scores of 4.6 or higher, and teaching at least 10 days or more each quarter.