Introduction to GWT

SEE SCHEDULE

Duration: 4 days

Method: Instructor led, Hands-on workshops

Price: $2250.00

Course Code: GG1005

Audience

Experienced Java developers looking to adopt GWT and GWT-Ext

Description

The Introduction to GWT training course examines the ins-and-outs of developing web applications using the GWT framework.

The Google Web Toolkit 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.

Objectives

Upon successful completion of this course, the student will be able to:

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
Learn 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

Prerequisites

Experience working with JavaScript and Ajax

Topics

I.Introducing GWT
- What is Google Web Toolkit?
- Competitive Frameworks
- Motivations for Moving to GWT
II.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
III.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
IV.Core GWT Widgets
- Buttons
- Hyperlinks
- Text
- Selection
- List
- AutoSuggest
- Configuring Widgets
V.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
VI.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
VII.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
VIII.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
IX.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
X.Creating Composite Widgets
- Defining Composite Widgets
- Developing Composite Widgets
- Implementing Composite Widgets in your GWT application
XI.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)
XII.GWT and RPC Protocols
- Client-Server Communication Methods
- Processing the results through AsyncCallBack
XIII.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
XIV.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
XV.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
XVI.GWT Client Infrastructure
- Examining the compilation process and output
- The GWT Application-loading Mechanism
- Compiling Java to JavaScript
- Exploring the produced JavaScript