>All Tutorials 
Ajax and .NET Ajax and .NET RSS XML
Ajax and ColdFusion Ajax and ColdFusion RSS XML
Ajax and Java Ajax and Java RSS XML
Ajax and PHP Ajax and PHP RSS XML
Ajax and SOA Ajax and SOA RSS XML
Ajax Goodies Ajax Goodies RSS XML
Ajax Tool Ajax Tool RSS XML
Facebook MockAjax Facebook MockAjax RSS XML
Google Web Toolkit Google Web Toolkit RSS XML
JavaScript Framework JavaScript Framework RSS XML
Ruby on Rails Ruby on Rails RSS XML
Technique Introduction Technique Introduction RSS XML
Without XMLHttpRequest Without XMLHttpRequest RSS XML
Yahoo! UI Yahoo! UI RSS XML

Google Web Toolkit Tutorial: The Break Down - html gwt javascript techknow code java web webapp

 
Registered tutorials: 501
Registered Users: 36979



Rating: 3.2 out of 5 votes cast


  
Category: Google Web Toolkit

Google Web Toolkit Tutorial: The Break Down

Digg this   Post to del.icio.us

Abstract: There was a lot of buzz at JavaOne regarding the Google Web Toolkit (GWT). Basically, GWT allows a developer to write a AJAX powered web application in Java!! The Java code gets compiled to a set of plain old text files containing your JavaScript code....

There was a lot of buzz at JavaOne regarding the Google Web Toolkit (GWT). Basically, GWT allows a developer to write a AJAX powered web application in Java!! The Java code gets ‘compiled’ to a set of plain old text files containing your JavaScript code. For example, the GWT will translate your rollover actions written in Java to JavaScript functions. This confused me for a second so I’ll stress again that you compile your web application written in Java to plain old JavaScript and HTML that can run in any browser.

What this means is that if you are a Java developer you don’t have to learn JavaScript and all the idiosyncrasies of every browser to develop a stable and reliable AJAX web application.

To get started download the GWT from Google, configure it with Eclipse, and create a new web application.

I created and imported into Eclipse a project called WebApp. In my Package Explorer under webapp > src > com.juixe.gwt I have a public directory that contains my WebApp.html. This file was created by the applicationCreator batch file provided with the GWT. For the purpose of this walk through I modified my WebApp.html as follows:

<HTML>
  <HEAD>
    <TITLE>HTML for WebApp</TITLE>

    <!-- You need this to reference your GWT module     -->
    <META name='gwt:module' content='com.juixe.gwt.WebApp'>

    <SCRIPT language="javascript" src="gwt.js">
    </SCRIPT>

    <STYLE>

    </STYLE>
  </HEAD>

  <BODY>
    <H1>My WebApp</H1>

    Any text or HTML goes here.

    <DIV id="changeOnRollOver"></DIV>

  </BODY>
</HTML>

The HTML is simple to describe itself. I have a body that can contain any HTML. I can use CSS style sheets. The only tag that seems out of place it he meta tag.


Read Full Tutorial...



Reviews:

Rate and Review This Site

No reviews yet


Statistic Information About this Resource:


Total Hits: 1143
Unique Hits: 942


  Daily Weekly Monthly
  Unique Total Unique Total Unique Total
Average 0.5 0.6 2.3 3 10.4 11.9
Current 0 0 5 6 5 6
Previous 0 0 0 0 18 24
Feb 5 1 1 2 2 9 10
Feb 4 0 0 0 0 13 15
Feb 3 0 0 3 4 12 14
Feb 2 3 3 0 0 3 3
Feb 1 0 0 6 8 30 33
Jan 31 1 2 4 6 10 10
Jan 30 0 0 0 0 4 4
Jan 29 0 0 3 4 0 0
Highest 10 12 38 48 125 150


Script Execution Time: 0.15176 | SQL Queries: 10 | Members: 501
Ajax Tutorial Top List - Powered by Aardvark Topsites PHP 5.1.2