First steps with GWT @ Google IO Extended - Pordenone


Published on

My introductory presentation of Google Web Toolkit at Google IO Extended in Pordenone. What is GWT, what you can do with it. What are pros and cons of this toolkit.

Published in: Software, Technology, Education
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

First steps with GWT @ Google IO Extended - Pordenone

  1. 1. First steps with GWT Google I/O Extended 2014 - Friuli Venezia Giulia/Veneto
  2. 2. Giampaolo @trapo1975 +Giampaolo.Trapasso
  3. 3. GWT (/ˈɡwɪt/) I’m a open source development toolkit for building and optimizing complex browser- based applications.
  4. 4. Let me introduce myself My complete name is Google Web Toolkit or 
 GWT Web Toolkit if you like I’m 8 years old.. GWT 1.0 - May 17, 2006 I worked at Google as Java-to-Javascript specialist but have still good relations My home is I speak Java also Javascript, CSS, HTML In my circle of friends: all browsers and 100K developers
  5. 5. Seriously..what can you do with GWT?
  6. 6. Google Flights
  7. 7. Google Groups
  8. 8. Blogger
  9. 9. Evernote homepage
  10. 10. Angry Birds for Chrome
  11. 11. Quake II GWT Port
  12. 12. Picshare
  13. 13. and more! • applications/ • • Google-Web-Toolkit-(GWT)
  14. 14. Something about GWT from recent reports
  15. 15. Java Tools & Technologies Landscape for 2014
  16. 16. Web Framework in use
  17. 17. The Future of GWT Report 2013
  18. 18. Main GWT components • Java-to-JavaScript Compiler • JRE emulation library • GWT Development Mode • GWT Web UI class library
  19. 19. PROs • It uses Java (strong typing) • Learning curve • Libraries • Reuse of server logic • GWT’s built-in protocol to transfer data between the client and the server without any additional knowledge of how the data is packaged and sent (GWT-RPC) • IDE and development tools support: refactor, debug, code navigation, unit test • Handle the browser compatibility and I18N
  20. 20. PROs • The GWT compiler optimizes the generated code, removes dead code and even obfuscates the JavaScript • “Easy” to maintain large project • JavaScript in the Java source code using the JavaScript Native Interface (JSNI) • To summarize: highly responsive web applications with heavy lifting on the client-side and reduced chattiness with the server-side • Workoffline, stateless server, high number of users • Open source and developed by a community • Works very well with Google App Engine.
  21. 21. CONs • It uses Java -> ceremony code • but GWT 3.0 will use Java 8.0 • It uses Java, something front end developers don’t know • More code to create UI • but you can use UIBinder • Yes, but it’s another abstraction over HTML
  22. 22. CONs • Long compilation time • but you can use Dev Mode • but is going deprecated since depends on browsers/is slow • but there’s SuperDev Mode • Too much work even when functionality is simple - include existing JS also • but GWT is typically used on complex applications • Quality and number of widget • but look at GWT Nextgen JsInterop & Web Components Demo: https://
  23. 23. Frameworks • Errai framework: • GWTP: GWT-Platform • SmartGWT (SmartClient) • Sencha GXT (Ext JS look and feel) • Vaadin: GWT used as engine but JSF like approach, only server side logic • Vaadin 7.0 will be a superset of GWT • Useful link: (also with jQuery, RichFaces an more) • GWTMobile • mgwt
  24. 24. FAQ • Does GWT use jQuery? How? • No it doesn't. GWT generates Javascript but GWTQuery exists. • Is Gmail built on Google Web Toolkit? • No, it’s a “urban legend”, but Google Sheet is • Is it possible to integrate AngularJS with GWT ? • Yes, take a look at • GWT is no more under Google umbrella, is GWT dead? • No, 2.7 & 3.0 will be released soon (and take a look to for the future of GWT) • Where can I find some examples to try? • (look at Showcase!) • When is GWT appropriate, when is AngularJS appropriate? •!topic/angular/9P4RD3IbQwk
  25. 25. Talk is cheap, show me the code