![Č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
2 | Internal use only](https://image.slidesharecdn.com/gwtworkshop-120502164132-phpapp01/85/GWT-Workshop-2-320.jpg)
GWT Workshop
- 1. Google Web Toolkit Ladislav Gažo gazo@seges.sk @ladislavGazo
- 2. Č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 2 | Internal use only
- 3. 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 klienta deferred binding nutnosť mať zdrojové kódy pre kompiláciu 3 | Internal use only
- 4. Nástroje Maven JUnit Plugin Guice Tomcat 4 | Internal use only
- 5. 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? 5 | Internal use only
- 6. Development mode = debugggggovanie 6 | Internal use only
- 7. Č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 7 | Internal use only
- 8. Techniky • Client-side • Neblokuj browser • Práca s JSON • JSNI = Integrácia s JavaScriptom • JavaScript Overlay Types • Deferred Binding • Generátory 8 | Internal use only
- 9. Model – View - Presenter • Activities & Places & EventBus – Navigácia na základe tokenov • Testovateľnosť • Oddelenie vrstiev • Code-splitting – GWT.runAsync • Dependency injection – GIN 9 | Internal use only
- 10. Komunikácia s okolím • GWT RPC • HTTP RequestBuilder • JSONP • RequestFactory • XML • REST 10 | Internal use only
- 11. GWT RPC 11 | Internal use only
- 12. 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 … 12 | Internal use only
- 13. Ďakujem za pozornosť 13 | Internal use only