UBC Ajax Hands-on Workshop: Oct. 4th
9:00am - 5:30pm
This document is available online as
http://www.javapassion.com/courses/ubcajax.html.
The online version should have always the latest information.
Instructor: Sang Shin
The following
is list of workshop topics and software requirement. Please
download and install the software before coming to the workshop if you
can. Also please print out the hard-copy of the lab
documents. I will also bring some CD's and memory
card which
contains all the software and hands-on lab zip files if you want to
install them on the spot.
Software Required For the Hands-on Labs
- Software that you want to install before coming to the workshop (You want to download and install these
software on your laptop before coming to the workshop if you can - Yes,
you need to bring your own laptops to the workshop.)
- Java Standard Development Kit (JDK™) version 5.0 (download)
- If you already have installed JDK 5.0, you
can skip this.
- The name of the installation file is as following (for JDK
5.0
update x)
- jdk-1_5_0_xx-windows-i586-p.exe (Windows)
- jdk-1_5_0_xx-linux-i586.bin (Linux)
- jdk-1_5_0_xx-solaris-i586.sh (Solaris x86)
- NetBeans IDE 5.5.1 with Sun Java System Application Server 9
Update
x bundle (download)
- When you install NetBeans IDE 5.0, it will ask you which JDK
you want to use.
- You can download and install NetBeans IDE 5.5.1 (download) and
Sun Java System App Server 9 Update 1 (download)
individually. In this case, you will have to add Sun Java System
App Server as additional runtime platform manually as described here.
- Google Web Toolkit 1.3.3 (download)
- The name of the file is as following
- gwt-windows-1.3.3.zip (Windows)
- gwt-linux-1.3.3.tar.gz (Linux)
- gwt-mac-1.3.3.tar.gz (MacOS)
- Download the zip file and unzip it in a directory of your
choice. The sample applications shipped with this hands-on lab
assume that you have unzipped the file in a root directory of your
system.
- For example. for Windows system, the sample applications
assume that you unzipped the gwt-windows-1.3.3.zip file in C:\.
- If you unzipped the file in a directory other than the root
directory, you will need to resolve references as described in the
document below.
- Mozilla Firefox Browser (download)
- We are going to use Firebug debugger which is designed for
the
Mozilla Firefox browser.
- Hands-on lab zip files (You
want to download these hands-on lab zip files before coming to the
workshop if you can)
- 4257_ajaxbasics2.zip
(Unzip it in a directory of your choice
and read lab document from
<unzip-directory>/ajaxbasics2/index.html to proceed)
- 4260_ajaxdojointro.zip
(Unzip it in a directory of your choice and read lab document from
<unzip-directory>/ajaxdojointro/index.html to proceed)
- 4265_ajaxdwrintro.zip
(Unzip it in a directory of your
choice
and read lab document from
<unzip-directory>/ajaxdwrintro/index.html to proceed)
- 4275_ajaxgwtintro.zip
(Unzip it in a directory of your choice
and read lab document from
<unzip-directory>/ajaxgwtintro/index.html to proceed)
- 4294_ajaxportlet.zip
(Unzip it in a directory of your
choice
and read lab document from
<unzip-directory>/ajaxportlet/index.html to proceed)
- 4270_ajaxjmakiintro.zip
(Unzip it in a directory of your choice
and read lab document from
<unzip-directory>/ajaxjmakiintro/index.html to proceed)
- Lab documents (You want to
print out these lab documents before coming to the workshop if you can)
Ajax Basics &
Development Tools
In this session, you are going to learn
basic concepts of Ajax such as how XMLHttpRequest JavaScript object is
created and used by the browser for performing asynchronous
communication with the backend server. For the hands-on lab, you
are also going to learn how to use a few debugging tools out there,
especially FireBug debugger, for debugging client side JavaScript
code. You will also play around with various "ready to build and
run" Ajax sample applications.
1. Presentation slides (1.5 hour)
2. Lab 1 (3 hours) and homework
- 4257_ajaxbasics2.zip
(Unzip it in a directory of your choice
and read lab document from
<unzip-directory>/ajaxbasics2/index.html to proceed)
- Online
lab document (This is the same document you will find in the
hands-on lab zip file)
- Flash
- Homework
(The homework is ready so feel free to submit homework anytime)
- Change
log
3. Resources
- Ajax
- JavaScript
- Development tools
4. Public forums
return
to topics
Dojo Toolkit Basics
In this session, you are going to learn
about the most popular client side JavaScript toolkit. You are going to
learn various features of Dojo toolkit, which includes dojo.io.bind(),
event model, etc.
1. Presentation slides (2 hours)
2. Labs (2 hours) and homework
- 4260_ajaxdojointro.zip
(Unzip it in a directory of your choice and read lab document from
<unzip-directory>/ajaxdojointro/index.html to proceed)
- Online
lab document (This is the same document you will find in the
hands-on lab zip file)
- Homework
(The homework is ready so feel free to submit homework anytime)
- Change
log
3. Resources
4. Public discussion forums
return
to the topics
Direct Web Remoting
(DWR)
DWR allows JavaScript code in a browser
to use Java methods running on a web server just as if they were in the
browser through RMI like capability. This is why it is called
Direct Web Remoting.
1. Presentation slides (2 hours)
2. Lab (2 hours) and homework
- 4265_ajaxdwrintro.zip
(Unzip it in a directory of your
choice
and read lab document from
<unzip-directory>/ajaxdwrintro/index.html to proceed)
- Online
lab document (This is the same document you will find in
the hands-on lab zip file)
- Homework
(The homework is ready so feel free to submit homework anytime)
- Change
log
3. Resources
4. Discussion forums
return
to the topics
Google Web Toolkit
(GWT)
Google Web Toolkit (GWT) is definitely
an interesting technology to explore for building Ajax applications
especially for those who want to leverage their Java knowledge.
The current version of NetBeans GWT plug-in does not support "creating
a WAR" feature yet. That will be provided in the next version.
1. Presentation slides (2 hours) - last
updated (Oct. 7th, 2006)
2. Lab (5 hours) and homework
3. Resources
4. Discussion forums
return
to the topics
jMaki
jMaki is all about enabling Java
developers to use JavaScript in
their Java based applications as either a JSP tag library or a JSF
component. jMaki uses the best parts of Java and the best parts of
JavaScript to deliver a rich AJAX style widgets. jMaki currently
provides bootstrap widgets for many components from Dojo,
Script.aculo.us, Yahoo UI Widgets, Spry, DHTML Goodies, and Google.
jMaki provides a common interfaces to these widget libraries and allows
you to use these libraries together in the same page.
1. Presentation slides (2 hours)
2. Labs (2 hours) - last
updated (Oct. 2nd, 2006)
3. Resources
4. Public forum
return
to the topic
Portlet and Ajax
1. Presentation slides (1 hour)
2. Lab 1 (Building Ajax-enabled Portlet
using Existing Portal server)
3. Lab 2 (Portal server with Ajax
support)
4. Resources
- Ajax and portlets
- Portal and Portlet
return
to the topic