Learning GWT

2h 29mIntermediate2017-04-27

Authors

Kyle Gower-Winter

Development Manager at nCino

Course details

Google Web Toolkit (GWT) is a development toolkit for building and optimizing complex browser-based applications. Its goal is to enable productive development of high-performance web applications without the developer needing to be an expert in browser quirks. Developers write their code in Java, and it compiles to JavaScript.

In this course, learn how to build high-performance, browser-based apps using GWT. Kyle Gower-Winter introduces you to GWT, explaining the benefits of using this toolkit to build dynamic web pages. To help you practice what you learn, he shows how to build a simple foreign exchange rate application. Plus, Kyle covers managing AJAX events on the client, handling UI action events, debugging code, and more.

Learning objectives
Creating and running a GWT application
Working with GWT widgets and UiBinder
Manage AJAX events on the client
Using a GWT RequestBuilder object
Debugging in the browser
Setting breakpoints and inspecting variables
Running locally in production mode

Skills covered

GWTJavaWeb Development ToolsOracleGoogleLearningWeb DevelopmentProgramming LanguagesSoftware Development

Concepts

0. Introduction

01 - Welcome
02 - What you should know
03 - Using the exercise files

1. Create and Run a GWT Application

04 - Why use Google Web Toolkit (GWT)
05 - GWT project structure
06 - The host page
07 - The module configuration file
08 - Launch a GWT application in Super Dev Mode

2. GWT Widgets and UiBinder

09 - GWT widgets and panels
10 - Test UI changes
11 - What is UiBinder
12 - UiBinder event handling
13 - UiBinder resources - Part 1
14 - UiBinder resources - Part 2
15 - Connect all the pieces

3. Manage AJAX Events on the Client

16 - Overview of AJAX events and SOP
17 - Overlay types and JSNI
18 - Make the AJAX call
19 - Manage the AJAX Response - Set default data
20 - Manage the AJAX Response - UI interactions
21 - Manage the AJAX Response - Dynamic HTML updates

4. Debugging in the Browser

22 - Source maps
23 - Set breakpoints and inspect variables
24 - Debug the code

5. Run Locally in Production Mode

25 - Compilation and optimization
26 - Run in production mode

Conclusion

27 - Summary