Tutorials: Overview

These tutorials are intended for developers who wish to write rich AJAX applications using Google Web Toolkit. You might be a Java developer who would like to be able to apply the software engineering principles of object-oriented programming and leverage the tools in your Java IDE when writing applications for the web. Or you might be a JavaScript guru curious about GWT's ability to generate highly optimized JavaScript with permutations for multiple browsers.

Although a knowledge of HTML, CSS, and Java is assumed, it is not required to run these tutorials.

Before You Begin

Before you begin these tutorials, we assume that you've done the following:

  • Installed the Java SDK.
  • Installed Eclipse or your favorite Java IDE.
    • In these tutorials, we use Eclipse because it is open source. However, GWT does not tie you to Eclipse. You can use IntelliJ, NetBeans or any Java IDE you prefer. If you use a Java IDE other than Eclipse, the screenshots and some of the specific instructions in the tutorial will be different, but the basic GWT concepts will be the same.
    • If your Java IDE does not include Apache Ant support, you can download and unzip Ant to easily compile and run GWT applications.
  • Installed the Google Plugin for Eclipse.
  • Downloaded Google Web Toolkit.
    • Google Web Toolkit can be downloaded with the Google Plugin for Eclipse. Alternatively, download the most recent distribution of Google Web Toolkit for your operating system.
  • Unzipped the GWT distribution in directory you want to run it in.
    • GWT does not have an installation program. All the files you need to run and use GWT are located in the extracted directory.

You may also optionally do the following:

  • Install the Google App Engine SDK.
    • Google App Engine allows you to run Java web applications, including GWT applications, on Google's infrastructure. The App Engine SDK can be downloaded with the Google Plugin for Eclipse. Alternatively, download the App Engine SDK for Java separately.
  • Create and run your first web application - A few, simple steps to familiarize you with the command line commands.

GWT Tutorials

Build a Sample GWT Application

  • Build a Sample GWT Application
    • Get started with Google Web Toolkit by developing the StockWatcher application from scratch. You'll learn to create a GWT project, build the UI with GWT wigdets and panels, code the client-side functionality in the Java language, debug in development mode, apply CSS styles, compile the Java into JavaScript, and run the application in production mode.

Client-Server Communication

  • Communicating with the server via GWT RPC
    • Add a call to a server using GWT RPC. You'll learn how to make asynchronous calls, serialize Java objects, and handle exceptions.
  • Retrieving JSON data via HTTP
    • Make HTTP requests to retrieve JSON data from a server. The same technique can be used to retrieve XML data.
  • Making cross-site requests
    • Make a call to a remote server, working around SOP (Same Origin Policy) constraints.


JUnit Testing

Deploying to Google App Engine