gwt workshop
Post on 14-Jun-2015
384 Views
Preview:
DESCRIPTION
TRANSCRIPT
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ť
top related