Web Development met GWT

Introductie van de cursus Web Development met GWT

De cursus Web Development met GWT biedt deelnemers een uitgebreide introductie in de basisconcepten van Google Web Toolkit (GWT). In deze cursus leren we hoe GWT standaardprocedures benadrukt voor typische webdevelopmenttaken, zoals asynchrone remote procedure calls, history management, bookmarking, abstractie van het gebruikersinterface, internationalisatie en cross-browser compatibiliteit.

Architectuur van GWT

Vervolgens besteden we aandacht aan de architectuur van Google Web Toolkit. We verkennen het onderscheid tussen Development mode en Production mode, de JRE-emulatiebibliotheek en de implementatie van GWT-applicaties. Deze kennis is cruciaal voor het succesvol ontwikkelen van webapplicaties met GWT.

Events en Widgets in GWT

In deze cursus komt ook de event handling in GWT uitgebreid aan bod. We behandelen de GWT GUI class library met diverse widgets, het event listener model en het gebruik van CSS. Dit stelt ontwikkelaars in staat om interactieve en gebruiksvriendelijke webapplicaties te creëren.

Layout en Panels in GWT

De cursus richt zich ook op de layout van het gebruikersinterface, waarbij we werken met verschillende GWT panels of declaratieve XML. Dit helpt bij het structureren van de applicatie en het verbeteren van de gebruikerservaring.

Implementatie van GWT RPC

Voorts bespreken we hoe in Google Web Toolkit single page functionaliteit wordt geïmplementeerd via Remote Procedure Calls (RPC's) naar serverobjecten. Ook de GWT-serialisatie komt aan bod, wat essentieel is voor gegevensuitwisseling tussen de client en de server.

JSNI en Internationalisatie in GWT

Tenslotte behandelen we het JavaScript Native Interface (JSNI), de communicatie tussen Java en JavaScript met behulp van JSON en de internationalisatie van GWT-applicaties. Deze aspecten zijn belangrijk voor het ontwikkelen van veelzijdige en meertalige webapplicaties.
Voor meer informatie over GWT, bezoek de officiële GWT website. Daarnaast kunnen deelnemers hun kennis verder uitbreiden met andere frameworks, zoals Laravel Framework Programmeren en Symfony Framework Programmeren.

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