Home About Courses Schedule Services Webinars Contact Search

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