Web Development met GWT

GWT Intro

De cursus Web Development met GWT gaat van start met een uitleg over de basis concepten. Aan de orde komt hoe de GWT legt de nadruk op standaard procedures voor typische web development taken zoals asynchrone remote procedure calls, history management, bookmarking, abstractie van het User Interface, internationalisatie en cross-browser portability.

GWT Architectuur

Vervolgens wordt aandacht besteed aan de Google Web Toolkit architectuur, het onderscheid tussen Development mode en Production mode, de JRE emulation library en deployment van GWT applicaties.

Events en Widgets

Uitgebreid komt ook event handeling in GWT aan bod en wordt er ingegaan op de GWT GUI class library met diverse GWT widgets, het event listener model en het gebruik van CSS.

Layout en Panels

De layout van het User Interface door middel van de diverse GWT panels of declaratief in XML staat eveneens op het programma.

GWT RPC

Voorts wordt besproken wordt hoe in Google Web Toolkit single page functionaliteit wordt geïmplementeerd door middel van Remote Procedure Calls (RPC's) naar server objecten. Ook GWT serialisatie komt daarbij aan bod.

JSNI en Internationalisatie

En tenslotte staat het Java Script Native Interface (JSNI), de communicatie tussen Java en JavaScript met gebruik van JSON en internationalisatie van GWT applicaties op het programma.

Doelgroep Cursus Web Development met GWT

De cursus Web Development met GWT is bestemd voor Java developers die dynamische web applicaties met de Google Web Toolkit (GWT) willen maken en het potentieel van dit framework willen verkennen.

Voorkennis Cursus Web Development met GWT

Kennis van en ervaring met ontwikkelen in Java en het ontwikkelen van Web applicaties is vereist om aan deze cursus te kunnen deelnemen.

Uitvoering Training Google Web Toolkit

De theorie wordt besproken aan de hand van presentaties. De theorie wordt verduidelijkt met demos. Er is ruime gelegenheid tot oefenen. De cursustijden zijn van 9.30 tot 16.30.

Certificering cursus Web Development met GWT

De deelnemers krijgen na het goed doorlopen van de cursus een officieel certificaat Web Development met GWT.

Modules

Module 1 : GWT Intro

• What is GWT?
• Single Page Application Model
• Synchronous versus Asynchronous
• GWT Solution
• Installing GWT
• Eclipse Plugin
• Browser Plugin
• Development Mode
• Production Mode
• Deployed mode
• Creating Projects
• Deploying Applications

Module 2 : GWT Architecture

• GWT Application Components
• Main GWT Project Configuration
• Entry Point Class
• Module Configuration File
• HTML Host Page
• Project Configuration with RPC
• Compiler Output
• GWT Production Mode
• Running on External Server
• Java to Javascript compiler
• JRE Emulation library
• Deferred Binding

Module 3 : GWT Event Handling

• Basic Widgets
• Common Events
• Pushbuttons
• Checkboxes and Radiobuttons
• Listboxes
• Textfields
• Implementing Event Handling
• Event Handler Interface
• Event Handler Classes
• Named Inner Classes
• Anonymous Inner Classes
• Lambda Functions

Module 4 : Layout with Panels

• GWT UI Class Library
• GWT Widgets and Panels
• Root Panel
• Panels for Layout
• HorizontalPanel and VerticalPanel
• FlowPanel and Grid
• FlexTable
• Composite Panels
• TabLayoutPanel
• StackLayoutPanel
• SplitLayoutPanel
• DockLayoutPanel
• DeckLayoutPanel

Module 5 : Extended GUI Widgets

• Popup Messages
• DialogBox
• PopupPanel
• Native Dialog Boxes
• DatePicker Widget
• Date Input Boxes
• MenuBar Widget
• Fancy Text Boxes
• Autocompleter Text Boxes
• Optional Text Box
• Tree Widget
• TabBar Widget
• Custom Widgets

Module 6 : GWT RPC

• What is GWT RPC?
• Overall RPC Idea
• RPC Data Types
• GWT Serialization
• Communication with Server
• GWT RPC Mechanism
• GWT Plumbing Diagram
• Service Interface
• Callback Version Service Interface
• Service Servlet
• Service Implementation
• Create Service Proxy
• Client Side Callbacks

Module 7 : Declarative Layout

• Java Based Layout Problems
• UiBinder Approach
• HTML-based UiBinder GUIs
• Widget-based UiBinder GUIs
• UI Event Handling with UiBinder
• UiBinder XML syntax
• @UiConstructor
• @UiFactory
• @UiField
• CSS in UiBinder
• Images in UiBinder

Module 8 : JavaScript Native Interface

• JavaScript Native Interface (JSNI)
• Where is JSNI used?
• Format of Methods
• $wnd and $doc variables
• Basic JSNI Syntax
• JSNI Arguments and Return Types
• Passing Values
• JSNI Fields and Methods
• JavaScript Object Notation (JSON)
• JavaScriptObject
• Overlay Types

Module 9 : GWT Internationalization

• Localization of Applications
• GWT Property Files
• Deferred Binding
• Seperate JS files
• String Internationalization
• Local Model
• GWT I18N library
• DateTime Formatting
• Number Formatting
• Setting History Tokens
• Responding to History Tokens