Google Web Toolkit (GWT)
Course: GWT1
Duration: 2 Days
Level: I
On our website at:
http://www.verhoef-training.com/courses/GWT1.html
Course Summary
This course teaches students how to create Web front-ends using the GWT. The student will learn how to create web pages using GWT widgets using Java, Eclipse, and CSS. In addition, command line project creation and testing of GWT applications is included. Starting with code development through compiling Java artifacts into optimized JavaScript for all major browsers is demonstrated in practical workshops. This course provides a foundation in developing front-end modules with GWT widgets, panels, events and other facilities provided by Google. Debugging and performance considerations are also addressed.
Topics Covered In This Course
The Big Picture
- What is GWT?
- Tools
- Libraries
- Java packages emulated by GWT
Creating a GWT Project
- Project Structure
- Hosted versus Web Mode
- Testing the project
- The starter GWT User Interface
- GWT.xml contents
- HTML contents
- onModuleLoad
Designing an Application
- GWT functionality
- Widget usage (Panels, tables, Buttons, Input Box)
- User Interface considerations
- Timers
Build the User Interface in Java
- FlexTable creation
- Horizontal Panels
- Vertical Panels
- Using the RootPanel
- div setup in HTML
- History frames
- Setting focus
- Debug the application
- Testing with Ant
Managing Events on the Client
- Event Handler Interfaces
- Mouse Events
- Inner class usage
- Button Events
- Keyboard Events
- Input validation
- Testing events
Code Functionality in the Client
- Data structure
- UI dynamics of adding and deleting rows in a panel
- Timer implementation
- Business Object usage
- GWT Random class
- GWT NumberFormat class
- GWT DateTimeFormat class
Debugging the Application
- Setup
- Debugging variations with browser refresh
- Command line debugging
- Eclipse run configurations
Applying Styles
- Overview
- Theme settings
- GWT class widgets style association
- Setting a style in Java
- Style setting for panels
- Styling number columns
- Secondary style usage
- HTML attribute styling via Java
- Adding images
Deploying the Application
- Compiling Java into JavaScript
- Generated files
- Using Ant build
- Deploying to a Web Server
- Performance considerations
What You Can Expect
At the end of the course, students will be able to:
- Understand how to use the GWT to build Web User interfaces.
- Understand GWT infrastructure, projects and code artifacts.
- Setup a development environment for GWT and Eclipse.
- Use GWT widgets, panels, images, events, and handlers to build forms.
- Use GWT Utility and framework classes.
- Troubleshoot Java and the generated JavaScript.
- Incorporate CSS and GWT Themes.
Who Should Take This Course
This course is designed for Web developers, programmers, and project managers.
Recommended Prerequisites
Experience in the following areas is required:
- Six months experience with the Java programming language
- Basic understanding HTML, CSS, and JavaScript
Training Style
Lecture (50%) / Workshop (50%)
Related Courses
| Code |
Course Title |
Duration |
Level |
|
GWTA |
Advanced GWT |
3 Days |
II |
Details |
EXTGWT |
Ext GWT Design and Development |
2 Days |
II |
Details |
Every student attending a Verhoef Training class will receive
a certificate good for $100 toward their next public class taken
within a year.
You can also buy "Verhoef Vouchers" to get a discounted rate for a
single student in any of our public or web-based classes.
Contact your account manager or our sales office for details.
