gwt workshop

Google Web Toolkit

Ladislav Gažo

gazo@seges.sk@ladislavGazo

2 | Internal use only

Čo to je [gwit]?

• Webový toolkit

– Web 2.0, AJAX

– developer píše Javu, nie JavaScript

– Swing-like rich klient

– serverová strana prístupná cez Servlet

• transparentnosť, rýchlosť, interface, škálovanie

• veľa existujúcich projektov

– Enterprise/Intranet aj Web/Internet

3 | Internal use only

Java 2 JavaScript kompilér

dôvod prečo používať GWT– preklad Java kódu do JavaScriptu

obmedzená podpora tried z JDK– java.util, java.lang

serializácia typov do JavaScript kódu– GWT-RPC

asynchrónne volania na strane klientadeferred bindingnutnosť mať zdrojové kódy pre kompiláciu

4 | Internal use only

NástrojeMaven

PluginJUnit

GuiceTomcat

5 | Internal use only

A čo mám spraviť ako prvé...

• Nainštaluj si svoje obľúbené vývojové prostredie

– Eclipse, NetBeans, IDEA,... vim :)

• Rozbehaj si SDK a plugin

– GWT plugin je primárne pod Eclipse

• Vyskúšaj si “hello world”

• Serióznejší projekt vyžaduje aj štruktúru

– Ant, Maven, AcrIS GWT profil, … Gradle?

6 | Internal use only

Development mode = debugggggovanie

7 | Internal use only

Čerešnička zvaná rich client

• panely, layouty, základné komponenty

– listenery, história (back tlačítko), DOM, CSS

modifikácia

• deklarovaná “podpora” pre všetky major vyhľadávače

– IE (dokonca aj 6), FF, Opera, Safari, Chrome

• UiBinder, Editor, i18n, cell widgets

• moduly (*.gwt.xml), dedenie, závislosti

• EntryPoint + nocache.js + entryPoint.html

8 | Internal use only

Techniky

• Client-side

• Neblokuj browser

• Práca s JSON

• JSNI = Integrácia s JavaScriptom

• JavaScript Overlay Types

• Deferred Binding

• Generátory

9 | Internal use only

Model – View - Presenter

• Activities & Places & EventBus

– Navigácia na základe tokenov

• Testovateľnosť

• Oddelenie vrstiev

• Code-splitting

– GWT.runAsync

• Dependency injection

– GIN

10 | Internal use only

Komunikácia s okolím

• GWT RPC

• HTTP RequestBuilder

• JSONP

• RequestFactory

• XML

• REST

11 | Internal use only

GWT RPC

12 | Internal use only

Vychytávky

• HTML 5

• Optimalizácia CSS a obrázkov

• Mobilné zariadenia

– Touch eventy, m-gwt, gwt-phonegap, Sencha, …

• I18n properties ako interface

• Speed Tracer, GWT Designer

• Integrácia

– Liferay, Redmine, PHP, AcrIS …

13 | Internal use only

Ďakujem za pozornosť