May 7th 2014 - Tunisia

Hands on GWT

Haifa NASRI

Software Engineering Student @INSAT

Organizer @GDG Women Tunis

Co-founder &Workshop Manager @INSAT Google Club

ennasri.h@gmail.com

Agenda

1. Ajax 2. Introduction 3. The main principles4. advantages5. GWT in a few figures6. GWT in action ... !

AJAX

HTML & CSS

XMLHttpRequest

XML

JavaScript

GWT 1.0

May 16, 2006

GWT 2.6

Janvier 2014

GWT : History GWT : History

Open Source Project !

From the beginning, a strong community ...

GWT : History

Most Google services are coded with GWT such as :

GWT : History

?WHY GWT ?

Solution : Generate JavaScript code from Java code

WhyJAVA ?

WhyJAVA ?

What is GWT?

The main principles

Part Client: Java code is compiled into the final javascript and running in a browser- only libraries and JAVA APIs that can be compiled to javascript are used in the client side- partial emulation of the JRE(java.lang.* , Java.util.* ..

The main principles

GWT application can run in two modes :● Developement Mode: used to test the application in the

browser without the need to compile javascript

● Production Mode : the application is translated into HTML and Javascript code and can be deployed to a web server

The main principles

Widgets :Many extension Libraries :SmartGWT , Sencha GXT & Vaadin ..● JAVA :Generate UI Widgets from JAVA code (Similar to programming SWING)● UI Binder: based on XML files● GWT Designer: drag and drop, JAVA code automatically

generate

The main principles

RPC Remote Service: ● Asynchronous Calls!● Based on the java servlet architecture ● GWT-RPC services are not some as web services

advantages

EASY !

FAST !

BEAUTIFULL !

GWT in a few figures .. From The Future of GWT Report 2013

Install GWT

● install the GWT plugin for Eclipse:

GWT in Action …

Samples: http://www.gwtproject.org/examples.htmlShowcase :http://gwt.googleusercontent.com/samples/Showcase/Showcase.html#!CwCheckBoxGWT Gallery : http://www.gwtproject.org/doc/latest/RefWidgetGallery.html

Demo ..

Q/A