NetBeans Forums

FAQ

Memberlist

Profile

Introduction to AJAX tutorial

This forum is locked: you cannot post, reply to, or edit topics.

This topic is locked: you cannot edit posts or make replies.

NetBeans Forums -> Ajax Users

View previous topic :: View next topic

Author

Message

troy giunipero
Posted via mailing list.

Posted: Mon Aug 11, 2008 4:19 pm Post subject: Introduction to AJAX tutorial

Hi,

Here is the final version of the Introduction to AJAX:

http://nbstaging.czech/kb/docs/web/ajax-quickstart.html

If any engineers have time to review it, I would be very grateful.
Greg, thanks very much for allowing us to base the tutorial on your
previous article. I have placed an attribution in the introductory
paragraph.

Also, the original intent was to make the tutorial work for both Java-
related and PHP technologies. Unfortunately, this wasn't working out
so we decided to separate the technologies into two independent
documents. The PHP version should be ready in about a week, and will
be very similar to this version. Many thanks to Justin, who has
provided a PHP-version of the sample application.

thanks,
troy

On Jul 2, 2008, at 8:57 PM, troy giunipero wrote:

Quote:

Hi,

Greg - thank you for listing resources. I'd like to draw from a lot
of information that's covered in your article. It might make sense
to use the autocomplete example that is explained there. Where
appropriate we'll definitely provide attributions.

Here's a brief outline. Most of the content I expect would be
devoted to the client-side section.

-- Introduction
- Define AJAX, briefly explain its role in current web
applications, uses, benefits
- Explain how IDE features can simplify development process
- JavaScript editor
- server-side support (Servlet/JSP editor, PHP plugin,
frameworks: jMaki, GWT, easy database configuration (optional))
- Introduce the simple client-server application that will be used
(autocomplete example)

-- Client-side development
- Create a welcome page to display content to client

- Create JavaScript file and implement function to create and pass
XMLHttpRequest object
- explain XMLHttpRequest object is used
- highlight the JavaScript editor

- Create the callback function
- explain how the readyState property changes, specifically:
readyState == 4

- Insert function into welcome page and link to js file.

-- Server-side development
- Give a general explanation of the server-side code while
providing scripts for multiple languages (i.e., PHP, JSP)
- Explain what parameters are returned to the client

-troy

On Jun 26, 2008, at 2:32 PM, Greg Murray wrote:

Quote:

Hi all,

Sorry to not speak up earlier : I'm traveling and other big changes
are in process for me.

Comments inline:

On Jun 26, 2008, at 5:01 AM, troy giunipero wrote:

Quote:

On Jun 25, 2008, at 6:37 PM, John Jullion-Ceccarelli wrote:

Quote:

IMHO this is too complicated for an introductory tutorial. I
think of the Ajax intro to be a quick intro to Ajax - it would
just get people's feet wet, get them used to the JavaScript and
the XML being passed back forth between the client and the
server, and the general work flow. I think things like db access
and so forth are best left for later tutorials.

Most of the introductory tutorials on Ajax that are available
online describe not only what to do on the client side, but also
some necessary set up on the server in order to respond to the
request. And the ones that don't provide some simple web service
that allow you to test the client side code so that you can see
the results.

The best resource for client-server Ajax this is an article I
wrote a long time ago at:

http://java.sun.com/developer/technicalArticles/J2EE/AJAX/

We did a tech tip on this which includes source at:

http://java.sun.com/developer/EJTechTips/2005/tt1122.html

This is not jMaki. It's just JavaScript and a servlet.

Another great resource is the FAQ we wrote. This is done in 6
languages already. It could use a refresh but it's still all true:

https://blueprints.dev.java.net/ajax-faq.html

Quote:

For the tutorial, I don't think its necessary to spend too much
time explaining what's to be done on the server side, but we
should definitely set up something otherwise the tutorial won't
provide users with a scenario that demonstrates the effects of Ajax.

We can't forget the server. Widgets are nothing without a server
side counter part.

Speaking of tables Carla Mott already has a blog on this:

http://weblogs.java.net/blog/carlavmott/archive/2007/09/how_to_implemen.html

This is by far one of the most common things we get asked in jMaki.
How to do Table CRUD.

We created a sample application (PHP/Java) which we ship with our
distributions.

See it live here:

http://jmaki.com/jmaki/loadtable/

I don't believe it would be that hard to add the jMaki samples to
Netbeans but I would not be able to do it.

The samples are deployed on the open web here:

http://jmaki.com/jmaki/

Descriptions may be found here:

https://ajax.dev.java.net/samples/

Another topic that is commonly asked is Form Processing with Ajax /
jMaki. It is always hard for users to do the first time.

I have a blog on this here:

http://jmaki.com/blogs/?p=15

Sorry I can't do more. I will unfortunately be moving on to a
career opportunity outside of Sun so If you have any questions
let's address them before July 8th.

-Greg

Mark Dey
Posted via mailing list.

Posted: Mon Aug 11, 2008 9:03 pm Post subject: Introduction to AJAX tutorial

cc: Greg @ java.net

On Aug 11, 2008, at 9:19 AM, troy giunipero wrote:

Quote:

Hi,

Here is the final version of the Introduction to AJAX:

http://nbstaging.czech/kb/docs/web/ajax-quickstart.html

If any engineers have time to review it, I would be very grateful.
Greg, thanks very much for allowing us to base the tutorial on your
previous article. I have placed an attribution in the introductory
paragraph.

Also, the original intent was to make the tutorial work for both
Java-related and PHP technologies. Unfortunately, this wasn't
working out so we decided to separate the technologies into two
independent documents. The PHP version should be ready in about a
week, and will be very similar to this version. Many thanks to
Justin, who has provided a PHP-version of the sample application.

thanks,
troy

On Jul 2, 2008, at 8:57 PM, troy giunipero wrote:

Quote:

Hi,

Greg - thank you for listing resources. I'd like to draw from a
lot of information that's covered in your article. It might make
sense to use the autocomplete example that is explained there.
Where appropriate we'll definitely provide attributions.

Here's a brief outline. Most of the content I expect would be
devoted to the client-side section.

-- Introduction
- Define AJAX, briefly explain its role in current web
applications, uses, benefits
- Explain how IDE features can simplify development process
- JavaScript editor
- server-side support (Servlet/JSP editor, PHP plugin,
frameworks: jMaki, GWT, easy database configuration (optional))
- Introduce the simple client-server application that will be
used (autocomplete example)

-- Client-side development
- Create a welcome page to display content to client

- Create JavaScript file and implement function to create and
pass XMLHttpRequest object
- explain XMLHttpRequest object is used
- highlight the JavaScript editor

- Create the callback function
- explain how the readyState property changes, specifically:
readyState == 4

- Insert function into welcome page and link to js file.

-- Server-side development
- Give a general explanation of the server-side code while
providing scripts for multiple languages (i.e., PHP, JSP)
- Explain what parameters are returned to the client

-troy

On Jun 26, 2008, at 2:32 PM, Greg Murray wrote:

Quote:

Hi all,

Sorry to not speak up earlier : I'm traveling and other big
changes are in process for me.

Comments inline:

On Jun 26, 2008, at 5:01 AM, troy giunipero wrote:

Quote:

On Jun 25, 2008, at 6:37 PM, John Jullion-Ceccarelli wrote:

Quote:

We can't forget the server. Widgets are nothing without a server
side counter part.

Speaking of tables Carla Mott already has a blog on this:

http://weblogs.java.net/blog/carlavmott/archive/2007/09/how_to_implemen.html

This is by far one of the most common things we get asked in
jMaki. How to do Table CRUD.

We created a sample application (PHP/Java) which we ship with our
distributions.

See it live here:

http://jmaki.com/jmaki/loadtable/

I don't believe it would be that hard to add the jMaki samples to
Netbeans but I would not be able to do it.

The samples are deployed on the open web here:

http://jmaki.com/jmaki/

Descriptions may be found here:

https://ajax.dev.java.net/samples/

Another topic that is commonly asked is Form Processing with
Ajax / jMaki. It is always hard for users to do the first time.

I have a blog on this here:

http://jmaki.com/blogs/?p=15

Sorry I can't do more. I will unfortunately be moving on to a
career opportunity outside of Sun so If you have any questions
let's address them before July 8th.

-Greg

John Jullion-Ceccarelli
Posted via mailing list.

Posted: Tue Aug 12, 2008 7:01 am Post subject: Introduction to AJAX tutorial

Hi Troy,

Please don't send links to nbstaging to a public mailing list, as
nbstaging is an internal staging server not visible to the public.

-J

troy giunipero wrote:

Quote:

Hi,

Here is the final version of the Introduction to AJAX:

http://nbstaging.czech/kb/docs/web/ajax-quickstart.html

If any engineers have time to review it, I would be very grateful.
Greg, thanks very much for allowing us to base the tutorial on your
previous article. I have placed an attribution in the introductory
paragraph.

Also, the original intent was to make the tutorial work for both
Java-related and PHP technologies. Unfortunately, this wasn't working
out so we decided to separate the technologies into two independent
documents. The PHP version should be ready in about a week, and will be
very similar to this version. Many thanks to Justin, who has provided a
PHP-version of the sample application.

thanks,
troy

On Jul 2, 2008, at 8:57 PM, troy giunipero wrote:

Quote:

Hi,

Greg - thank you for listing resources. I'd like to draw from a lot
of information that's covered in your article. It might make sense to
use the autocomplete example that is explained there. Where
appropriate we'll definitely provide attributions.

Here's a brief outline. Most of the content I expect would be devoted
to the client-side section.

-- Introduction
- Define AJAX, briefly explain its role in current web
applications, uses, benefits
- Explain how IDE features can simplify development process
- JavaScript editor
- server-side support (Servlet/JSP editor, PHP plugin,
frameworks: jMaki, GWT, easy database configuration (optional))
- Introduce the simple client-server application that will be
used (autocomplete example)

-- Client-side development
- Create a welcome page to display content to client

- Create JavaScript file and implement function to create and
pass XMLHttpRequest object
- explain XMLHttpRequest object is used
- highlight the JavaScript editor

- Create the callback function
- explain how the readyState property changes,
specifically: readyState == 4

- Insert function into welcome page and link to js file.

-- Server-side development
- Give a general explanation of the server-side code while
providing scripts for multiple languages (i.e., PHP, JSP)
- Explain what parameters are returned to the client

-troy

On Jun 26, 2008, at 2:32 PM, Greg Murray wrote:

Quote:

Hi all,

Sorry to not speak up earlier : I'm traveling and other big changes
are in process for me.

Comments inline:

On Jun 26, 2008, at 5:01 AM, troy giunipero wrote:

Quote:

On Jun 25, 2008, at 6:37 PM, John Jullion-Ceccarelli wrote:

Quote:

IMHO this is too complicated for an introductory tutorial. I think
of the Ajax intro to be a quick intro to Ajax - it would just get
people's feet wet, get them used to the JavaScript and the XML
being passed back forth between the client and the server, and the
general work flow. I think things like db access and so forth are
best left for later tutorials.

Most of the introductory tutorials on Ajax that are available online
describe not only what to do on the client side, but also some
necessary set up on the server in order to respond to the request.
And the ones that don't provide some simple web service that allow
you to test the client side code so that you can see the results.

The best resource for client-server Ajax this is an article I wrote
a long time ago at:

http://java.sun.com/developer/technicalArticles/J2EE/AJAX/

We did a tech tip on this which includes source at:

http://java.sun.com/developer/EJTechTips/2005/tt1122.html

This is not jMaki. It's just JavaScript and a servlet.

Another great resource is the FAQ we wrote. This is done in 6
languages already. It could use a refresh but it's still all true:

https://blueprints.dev.java.net/ajax-faq.html

Quote:

For the tutorial, I don't think its necessary to spend too much time
explaining what's to be done on the server side, but we should
definitely set up something otherwise the tutorial won't provide
users with a scenario that demonstrates the effects of Ajax.

We can't forget the server. Widgets are nothing without a server side
counter part.

Speaking of tables Carla Mott already has a blog on this:

http://weblogs.java.net/blog/carlavmott/archive/2007/09/how_to_implemen.html

This is by far one of the most common things we get asked in jMaki.
How to do Table CRUD.

We created a sample application (PHP/Java) which we ship with our
distributions.

See it live here:

http://jmaki.com/jmaki/loadtable/

I don't believe it would be that hard to add the jMaki samples to
Netbeans but I would not be able to do it.

The samples are deployed on the open web here:

http://jmaki.com/jmaki/

Descriptions may be found here:

https://ajax.dev.java.net/samples/

Another topic that is commonly asked is Form Processing with Ajax /
jMaki. It is always hard for users to do the first time.

I have a blog on this here:

http://jmaki.com/blogs/?p=15

Sorry I can't do more. I will unfortunately be moving on to a career
opportunity outside of Sun so If you have any questions let's address
them before July 8th.

-Greg

Petr Pisl
Posted via mailing list.

Posted: Tue Aug 12, 2008 8:12 am Post subject: Introduction to AJAX tutorial

Hi Troy,

great article, there are my comments:

- The part "Using the JavaScript Editor" starts with sentence:
JavaScript code completion is automatically provided where you code in
.js files. From this I have feeling that the JS code completion work
only in js files, but this is not true. It works in html, php, rhtml and
in jsp files as well ( inside <script></script> tag).

- You can demonstrate HTTP monitor, which records all http request from
client to the server and user can replay these records. Something, when
you open the htttp monitor, you can see all ajax requests and response
here. I think that the server side of http monitor is not deployed to
the glassfish by default, so you have to check it in the glassfish
properties.

In NetBeans 6.5 there are two HTTP monitors. One, which is delivered as
a part of JavaEE and second one, which is a part of JavaScript
debugging functinality. I'm talking about the JavaEE HTTP Monitor. But
this monitor can be used only with JavaEE servers.

- In PHP version we need to use the http monitor from JavaScript
debugging.

Thanks,
Petr

Quote:

Hi,

Here is the final version of the Introduction to AJAX:

http://nbstaging.czech/kb/docs/web/ajax-quickstart.html

If any engineers have time to review it, I would be very grateful.
Greg, thanks very much for allowing us to base the tutorial on your
previous article. I have placed an attribution in the introductory
paragraph.

Also, the original intent was to make the tutorial work for both
Java-related and PHP technologies. Unfortunately, this wasn't working
out so we decided to separate the technologies into two independent
documents. The PHP version should be ready in about a week, and will
be very similar to this version. Many thanks to Justin, who has
provided a PHP-version of the sample application.

thanks,
troy

On Jul 2, 2008, at 8:57 PM, troy giunipero wrote:

Quote:

Hi,

Greg - thank you for listing resources. I'd like to draw from a lot
of information that's covered in your article. It might make sense to
use the autocomplete example that is explained there. Where
appropriate we'll definitely provide attributions.

Here's a brief outline. Most of the content I expect would be devoted
to the client-side section.

-- Introduction
- Define AJAX, briefly explain its role in current web
applications, uses, benefits
- Explain how IDE features can simplify development process
- JavaScript editor
- server-side support (Servlet/JSP editor, PHP plugin,
frameworks: jMaki, GWT, easy database configuration (optional))
- Introduce the simple client-server application that will be
used (autocomplete example)

-- Client-side development
- Create a welcome page to display content to client

- Create JavaScript file and implement function to create and
pass XMLHttpRequest object
- explain XMLHttpRequest object is used
- highlight the JavaScript editor

- Create the callback function
- explain how the readyState property changes,
specifically: readyState == 4

- Insert function into welcome page and link to js file.

-- Server-side development
- Give a general explanation of the server-side code while
providing scripts for multiple languages (i.e., PHP, JSP)
- Explain what parameters are returned to the client

-troy

On Jun 26, 2008, at 2:32 PM, Greg Murray wrote:

Quote:

Hi all,

Sorry to not speak up earlier : I'm traveling and other big changes
are in process for me.

Comments inline:

On Jun 26, 2008, at 5:01 AM, troy giunipero wrote:

Quote:

On Jun 25, 2008, at 6:37 PM, John Jullion-Ceccarelli wrote:

Quote:

IMHO this is too complicated for an introductory tutorial. I think
of the Ajax intro to be a quick intro to Ajax - it would just get
people's feet wet, get them used to the JavaScript and the XML
being passed back forth between the client and the server, and the
general work flow. I think things like db access and so forth are
best left for later tutorials.

The best resource for client-server Ajax this is an article I wrote
a long time ago at:

http://java.sun.com/developer/technicalArticles/J2EE/AJAX/

We did a tech tip on this which includes source at:

http://java.sun.com/developer/EJTechTips/2005/tt1122.html

This is not jMaki. It's just JavaScript and a servlet.

Another great resource is the FAQ we wrote. This is done in 6
languages already. It could use a refresh but it's still all true:

https://blueprints.dev.java.net/ajax-faq.html

Quote:

For the tutorial, I don't think its necessary to spend too much
time explaining what's to be done on the server side, but we should
definitely set up something otherwise the tutorial won't provide
users with a scenario that demonstrates the effects of Ajax.

We can't forget the server. Widgets are nothing without a server
side counter part.

Speaking of tables Carla Mott already has a blog on this:

http://weblogs.java.net/blog/carlavmott/archive/2007/09/how_to_implemen.html

This is by far one of the most common things we get asked in jMaki.
How to do Table CRUD.

We created a sample application (PHP/Java) which we ship with our
distributions.

See it live here:

http://jmaki.com/jmaki/loadtable/

I don't believe it would be that hard to add the jMaki samples to
Netbeans but I would not be able to do it.

The samples are deployed on the open web here:

http://jmaki.com/jmaki/

Descriptions may be found here:

https://ajax.dev.java.net/samples/

Another topic that is commonly asked is Form Processing with Ajax /
jMaki. It is always hard for users to do the first time.

I have a blog on this here:

http://jmaki.com/blogs/?p=15

Sorry I can't do more. I will unfortunately be moving on to a career
opportunity outside of Sun so If you have any questions let's
address them before July 8th.

-Greg

Samaresh
Posted via mailing list.

Posted: Tue Aug 12, 2008 2:33 pm Post subject: Introduction to AJAX tutorial

Nicely written and I think it'll be a great start. Here are few review
comments:

1. "In the example application, the entry field has an auto-complete
feature." Instead it should address the goal. Such as, "In the sample
application, we're going to demonstrate how to add auto-completion
feature for the entry field. Or the goal of this app is to add
auto-completion.....
2. The block diagram looks nice. The para below explains who does what.
I think it'll make more sense to have numbers in the arrow and numeric
bullets in the para and explaining things in sequence.
3. Using the JavaScript editor starts with code completion... Perhaps
you can start with a nice sentence and then talk about code completion
in JS.
3. Overall, check for auto-complete v/s auto-completion w.r.t grammar.

HTH
Sam

troy giunipero wrote:

Quote:

Hi,

Here is the final version of the Introduction to AJAX:

http://nbstaging.czech/kb/docs/web/ajax-quickstart.html

If any engineers have time to review it, I would be very grateful.
Greg, thanks very much for allowing us to base the tutorial on your
previous article. I have placed an attribution in the introductory
paragraph.

Also, the original intent was to make the tutorial work for both
Java-related and PHP technologies. Unfortunately, this wasn't working
out so we decided to separate the technologies into two independent
documents. The PHP version should be ready in about a week, and will
be very similar to this version. Many thanks to Justin, who has
provided a PHP-version of the sample application.

thanks,
troy

On Jul 2, 2008, at 8:57 PM, troy giunipero wrote:

Quote:

Hi,

Greg - thank you for listing resources. I'd like to draw from a lot
of information that's covered in your article. It might make sense to
use the autocomplete example that is explained there. Where
appropriate we'll definitely provide attributions.

Here's a brief outline. Most of the content I expect would be devoted
to the client-side section.

-- Introduction
- Define AJAX, briefly explain its role in current web
applications, uses, benefits
- Explain how IDE features can simplify development process
- JavaScript editor
- server-side support (Servlet/JSP editor, PHP plugin,
frameworks: jMaki, GWT, easy database configuration (optional))
- Introduce the simple client-server application that will be
used (autocomplete example)

-- Client-side development
- Create a welcome page to display content to client

- Create JavaScript file and implement function to create and
pass XMLHttpRequest object
- explain XMLHttpRequest object is used
- highlight the JavaScript editor

- Create the callback function
- explain how the readyState property changes,
specifically: readyState == 4

- Insert function into welcome page and link to js file.

-- Server-side development
- Give a general explanation of the server-side code while
providing scripts for multiple languages (i.e., PHP, JSP)
- Explain what parameters are returned to the client

-troy

On Jun 26, 2008, at 2:32 PM, Greg Murray wrote:

Quote:

Hi all,

Sorry to not speak up earlier : I'm traveling and other big changes
are in process for me.

Comments inline:

On Jun 26, 2008, at 5:01 AM, troy giunipero wrote:

Quote:

On Jun 25, 2008, at 6:37 PM, John Jullion-Ceccarelli wrote:

Quote:

IMHO this is too complicated for an introductory tutorial. I think
of the Ajax intro to be a quick intro to Ajax - it would just get
people's feet wet, get them used to the JavaScript and the XML
being passed back forth between the client and the server, and the
general work flow. I think things like db access and so forth are
best left for later tutorials.

The best resource for client-server Ajax this is an article I wrote
a long time ago at:

http://java.sun.com/developer/technicalArticles/J2EE/AJAX/

We did a tech tip on this which includes source at:

http://java.sun.com/developer/EJTechTips/2005/tt1122.html

This is not jMaki. It's just JavaScript and a servlet.

Another great resource is the FAQ we wrote. This is done in 6
languages already. It could use a refresh but it's still all true:

https://blueprints.dev.java.net/ajax-faq.html

Quote:

For the tutorial, I don't think its necessary to spend too much
time explaining what's to be done on the server side, but we should
definitely set up something otherwise the tutorial won't provide
users with a scenario that demonstrates the effects of Ajax.

We can't forget the server. Widgets are nothing without a server
side counter part.

Speaking of tables Carla Mott already has a blog on this:

http://weblogs.java.net/blog/carlavmott/archive/2007/09/how_to_implemen.html

This is by far one of the most common things we get asked in jMaki.
How to do Table CRUD.

We created a sample application (PHP/Java) which we ship with our
distributions.

See it live here:

http://jmaki.com/jmaki/loadtable/

I don't believe it would be that hard to add the jMaki samples to
Netbeans but I would not be able to do it.

The samples are deployed on the open web here:

http://jmaki.com/jmaki/

Descriptions may be found here:

https://ajax.dev.java.net/samples/

Another topic that is commonly asked is Form Processing with Ajax /
jMaki. It is always hard for users to do the first time.

I have a blog on this here:

http://jmaki.com/blogs/?p=15

Sorry I can't do more. I will unfortunately be moving on to a career
opportunity outside of Sun so If you have any questions let's
address them before July 8th.

-Greg

troy giunipero
Posted via mailing list.

Posted: Tue Aug 12, 2008 5:13 pm Post subject: Introduction to AJAX tutorial

Hi Petr,

Thanks very much for feedback. Please see inline comments:

On Aug 12, 2008, at 10:11 AM, Petr Pisl wrote:

Quote:

good point. I've changed the sentence to read:

JavaScript code completion is automatically provided when you code
in .js files, as well as within <script> tags when you work with
other technologies (i.e. html, rhtml, jsp, php).

Quote:

- You can demonstrate HTTP monitor, which records all http request
from client to the server and user can replay these records.
Something, when you open the htttp monitor, you can see all ajax
requests and response here. I think that the server side of http
monitor is not deployed to the glassfish by default, so you have to
check it in the glassfish properties.

Originally, the idea was to highlight this monitor, or the HTTP Client
Side Monitor, in the tutorial. I later decided not to include it
though, because the tutorial was becoming exceedingly long.

On the other hand, a brief section on the HTTP Monitor would be
useful, esp. since AFAIK there are no recent tutorials that work with
the HTTP Monitor. Would you (or someone else) be willing to work with
me on it?

If included in the tutorial, I'd suggest only highlighting areas that
have direct relevance to the application, such as:

* request URI
* method (GET)
* parameters sent with request
* XML data returned from the server

Quote:

In NetBeans 6.5 there are two HTTP monitors. One, which is delivered
as a part of JavaEE and second one, which is a part of JavaScript
debugging functinality. I'm talking about the JavaEE HTTP Monitor.
But this monitor can be used only with JavaEE servers.

- In PHP version we need to use the http monitor from JavaScript
debugging.

Can't we include a JavaScript debugging session for the Java version
as well? I ask because I think the JavaScript debugger deserves a
tutorial or screencast on its own.

One possible idea for this could be to focus on a known bug in the
sample application:

Download and run the sample application linked to from the tutorial,
then in the autocomplete box type 'f'. Then continuously press the
down arrow key. The upper border of the autocomplete box becomes
increasingly thicker. The tutorial could identify the problem, and
solve this using the JavaScript debugger and HTTP Client Side Monitor.

thanks,
troy

Quote:

Thanks,
Petr

Quote:

Hi,

Here is the final version of the Introduction to AJAX:

http://nbstaging.czech/kb/docs/web/ajax-quickstart.html

If any engineers have time to review it, I would be very grateful.
Greg, thanks very much for allowing us to base the tutorial on your
previous article. I have placed an attribution in the introductory
paragraph.

Also, the original intent was to make the tutorial work for both
Java-related and PHP technologies. Unfortunately, this wasn't
working out so we decided to separate the technologies into two
independent documents. The PHP version should be ready in about a
week, and will be very similar to this version. Many thanks to
Justin, who has provided a PHP-version of the sample application.

thanks,
troy

On Jul 2, 2008, at 8:57 PM, troy giunipero wrote:

Quote:

Hi,

Greg - thank you for listing resources. I'd like to draw from a
lot of information that's covered in your article. It might make
sense to use the autocomplete example that is explained there.
Where appropriate we'll definitely provide attributions.

Here's a brief outline. Most of the content I expect would be
devoted to the client-side section.

-- Introduction
- Define AJAX, briefly explain its role in current web
applications, uses, benefits
- Explain how IDE features can simplify development process
- JavaScript editor
- server-side support (Servlet/JSP editor, PHP plugin,
frameworks: jMaki, GWT, easy database configuration (optional))
- Introduce the simple client-server application that will
be used (autocomplete example)
-- Client-side development
- Create a welcome page to display content to client
- Create JavaScript file and implement function to
create and pass XMLHttpRequest object
- explain XMLHttpRequest object is used
- highlight the JavaScript editor

- Create the callback function
- explain how the readyState property changes,
specifically: readyState == 4

- Insert function into welcome page and link to js file.

-- Server-side development
- Give a general explanation of the server-side code while
providing scripts for multiple languages (i.e., PHP, JSP)
- Explain what parameters are returned to the client

-troy

On Jun 26, 2008, at 2:32 PM, Greg Murray wrote:

Quote:

Hi all,

Sorry to not speak up earlier : I'm traveling and other big
changes are in process for me.

Comments inline:

On Jun 26, 2008, at 5:01 AM, troy giunipero wrote:

Quote:

On Jun 25, 2008, at 6:37 PM, John Jullion-Ceccarelli wrote:

Quote:

IMHO this is too complicated for an introductory tutorial. I
think of the Ajax intro to be a quick intro to Ajax - it would
just get people's feet wet, get them used to the JavaScript and
the XML being passed back forth between the client and the
server, and the general work flow. I think things like db
access and so forth are best left for later tutorials.

Most of the introductory tutorials on Ajax that are available
online describe not only what to do on the client side, but also
some necessary set up on the server in order to respond to the
request. And the ones that don't provide some simple web
service that allow you to test the client side code so that you
can see the results.

Quote:

We can't forget the server. Widgets are nothing without a server
side counter part.

Speaking of tables Carla Mott already has a blog on this:

http://weblogs.java.net/blog/carlavmott/archive/2007/09/how_to_implemen.html

This is by far one of the most common things we get asked in
jMaki. How to do Table CRUD.

We created a sample application (PHP/Java) which we ship with our
distributions.

See it live here:

http://jmaki.com/jmaki/loadtable/

I don't believe it would be that hard to add the jMaki samples to
Netbeans but I would not be able to do it.

The samples are deployed on the open web here:

http://jmaki.com/jmaki/

Descriptions may be found here:

https://ajax.dev.java.net/samples/

Another topic that is commonly asked is Form Processing with
Ajax / jMaki. It is always hard for users to do the first time.

I have a blog on this here:

http://jmaki.com/blogs/?p=15

Sorry I can't do more. I will unfortunately be moving on to a
career opportunity outside of Sun so If you have any questions
let's address them before July 8th.

-Greg

troy giunipero
Posted via mailing list.

Posted: Tue Aug 12, 2008 9:22 pm Post subject: Introduction to AJAX tutorial

Hi Sam,

Thanks for the feedback. These are all good points - pls see inlines for my comments:

On Aug 12, 2008, at 4:32 PM, Samaresh wrote:

Quote:

I agree, but IMO the goal is addressed by the following sentence:

This tutorial demonstrates how to construct the autocomplete scenario by following the process flow indicated in the above diagram. You first create...

This paragraph is placed last though, because I wanted to first introduce the sample app and diagram.

Am going to leave this unchanged for now.

Quote:

2. The block diagram looks nice. The para below explains who does what. I think it'll make more sense to have numbers in the arrow and numeric bullets in the para and explaining things in sequence.

You mean like here? http://java.sun.com/javaee/javaserverfaces/ajax/tutorial.jsp#whatis

To make things a bit clearer, I've reorganized the paragraph into a bulleted list. I hesitate to add numbers to the diagram because I'm afraid it will cause clutter, and I think the process flow is already pretty clear.

Quote:

3. Using the JavaScript editor starts with code completion... Perhaps you can start with a nice sentence and then talk about code completion in JS.

Agree. I've added the following marketing blurb:

The IDE's new JavaScript Editor provides many advanced editing capabilities, such as intelligent code completion, semantic highlighting, instant renaming and refactoring capabilities, as well as many more features. See http://wiki.netbeans.org/JavaScript for a detailed specification.

Quote:

3. Overall, check for auto-complete v/s auto-completion w.r.t grammar.

Thanks for the heads-up. I've made various changes throughout the doc. Also, I applied 'auto-complete/auto-completion' (with hyphen) consistently.

thanks,
troy

Quote:

HTH
Sam

troy giunipero wrote:

Quote:

Hi,

Here is the final version of the Introduction to AJAX:

http://nbstaging.czech/kb/docs/web/ajax-quickstart.html

If any engineers have time to review it, I would be very grateful. Greg, thanks very much for allowing us to base the tutorial on your previous article. I have placed an attribution in the introductory paragraph.

Also, the original intent was to make the tutorial work for both Java-related and PHP technologies. Unfortunately, this wasn't working out so we decided to separate the technologies into two independent documents. The PHP version should be ready in about a week, and will be very similar to this version. Many thanks to Justin, who has provided a PHP-version of the sample application.

thanks,
troy

On Jul 2, 2008, at 8:57 PM, troy giunipero wrote:

Quote:

Hi,

Quote:

Greg - thank you for listing resources. I'd like to draw from a lot of information that's covered in your article. It might make sense to use the autocomplete example that is explained there. Where appropriate we'll definitely provide attributions.

Quote:

Here's a brief outline. Most of the content I expect would be devoted to the client-side section.

Quote:

-- Introduction

Quote:

- Define AJAX, briefly explain its role in current web applications, uses, benefits

Quote:

- Explain how IDE features can simplify development process

Quote:

- JavaScript editor

Quote:

- server-side support (Servlet/JSP editor, PHP plugin, frameworks: jMaki, GWT, easy database configuration (optional))

Quote:

- Introduce the simple client-server application that will be used (autocomplete example)

Quote:

-- Client-side development

Quote:

- Create a welcome page to display content to client

Quote:

- Create JavaScript file and implement function to create and pass XMLHttpRequest object

Quote:

- explain XMLHttpRequest object is used

Quote:

- highlight the JavaScript editor

Quote:

- Create the callback function

Quote:

- explain how the readyState property changes, specifically: readyState == 4

Quote:

- Insert function into welcome page and link to js file.

Quote:

-- Server-side development

Quote:

- Give a general explanation of the server-side code while providing scripts for multiple languages (i.e., PHP, JSP)

Quote:

- Explain what parameters are returned to the client

Quote:

-troy

Quote:

On Jun 26, 2008, at 2:32 PM, Greg Murray wrote:

Quote:

Hi all,

Quote:

Sorry to not speak up earlier : I'm traveling and other big changes are in process for me.

Quote:

Comments inline:

Quote:

On Jun 26, 2008, at 5:01 AM, troy giunipero wrote:

Quote:

On Jun 25, 2008, at 6:37 PM, John Jullion-Ceccarelli wrote:

Quote:

IMHO this is too complicated for an introductory tutorial. I think of the Ajax intro to be a quick intro to Ajax - it would just get people's feet wet, get them used to the JavaScript and the XML being passed back forth between the client and the server, and the general work flow. I think things like db access and so forth are best left for later tutorials.

Quote:

Most of the introductory tutorials on Ajax that are available online describe not only what to do on the client side, but also some necessary set up on the server in order to respond to the request. And the ones that don't provide some simple web service that allow you to test the client side code so that you can see the results.

Quote:

The best resource for client-server Ajax this is an article I wrote a long time ago at:

Quote:

http://java.sun.com/developer/technicalArticles/J2EE/AJAX/

Quote:

We did a tech tip on this which includes source at:

Quote:

http://java.sun.com/developer/EJTechTips/2005/tt1122.html

Quote:

This is not jMaki. It's just JavaScript and a servlet.

Quote:

Another great resource is the FAQ we wrote. This is done in 6 languages already. It could use a refresh but it's still all true:

Quote:

https://blueprints.dev.java.net/ajax-faq.html

Quote:

For the tutorial, I don't think its necessary to spend too much time explaining what's to be done on the server side, but we should definitely set up something otherwise the tutorial won't provide users with a scenario that demonstrates the effects of Ajax.

Quote:

We can't forget the server. Widgets are nothing without a server side counter part.

Quote:

Speaking of tables Carla Mott already has a blog on this:

Quote:

http://weblogs.java.net/blog/carlavmott/archive/2007/09/how_to_implemen.html

Quote:

This is by far one of the most common things we get asked in jMaki. How to do Table CRUD.

Quote:

We created a sample application (PHP/Java) which we ship with our distributions.

Quote:

See it live here:

Quote:

http://jmaki.com/jmaki/loadtable/

Quote:

I don't believe it would be that hard to add the jMaki samples to Netbeans but I would not be able to do it.

Quote:

The samples are deployed on the open web here:

Quote:

http://jmaki.com/jmaki/

Quote:

Descriptions may be found here:

Quote:

https://ajax.dev.java.net/samples/

Quote:

Another topic that is commonly asked is Form Processing with Ajax / jMaki. It is always hard for users to do the first time.

Quote:

I have a blog on this here:

Quote:

http://jmaki.com/blogs/?p=15

Quote:

Sorry I can't do more. I will unfortunately be moving on to a career opportunity outside of Sun so If you have any questions let's address them before July 8th.

Quote:

-Greg

Petr Pisl
Posted via mailing list.

Posted: Wed Aug 13, 2008 8:32 am Post subject: Introduction to AJAX tutorial

troy giunipero wrote:

Quote:

Hi Petr,

Thanks very much for feedback. Please see inline comments:

On Aug 12, 2008, at 10:11 AM, Petr Pisl wrote:

Quote:

good point. I've changed the sentence to read:

JavaScript code completion is automatically provided when you code in
.js files, as well as within <script> tags when you work with other
technologies (i.e. html, rhtml, jsp, php).

Cool, now it is much clear.

Quote:

I think it's enough to mentioned that the HTTP monitor has to be enabled
on the server and how to open it. Then provide one screenshots with
records with explanation that the HTTP monitor catch all communication
between client and server.

Quote:

If included in the tutorial, I'd suggest only highlighting areas that
have direct relevance to the application, such as:

* request URI
* method (GET)
* parameters sent with request
* XML data returned from the server

Quote:

Can't we include a JavaScript debugging session for the Java version
as well? I ask because I think the JavaScript debugger deserves a
tutorial or screencast on its own.

I think this should be possible, but someone from JS debugging team
should say it.

Quote:

One possible idea for this could be to focus on a known bug in the
sample application:

Download and run the sample application linked to from the tutorial,
then in the autocomplete box type 'f'. Then continuously press the
down arrow key. The upper border of the autocomplete box becomes
increasingly thicker. The tutorial could identify the problem, and
solve this using the JavaScript debugger and HTTP Client Side Monitor.

Good idea.

Thanks,
Petr

Quote:

thanks,
troy

Quote:

Thanks,
Petr

Quote:

Hi,

Here is the final version of the Introduction to AJAX:

http://nbstaging.czech/kb/docs/web/ajax-quickstart.html

If any engineers have time to review it, I would be very grateful.
Greg, thanks very much for allowing us to base the tutorial on your
previous article. I have placed an attribution in the introductory
paragraph.

Also, the original intent was to make the tutorial work for both
Java-related and PHP technologies. Unfortunately, this wasn't
working out so we decided to separate the technologies into two
independent documents. The PHP version should be ready in about a
week, and will be very similar to this version. Many thanks to
Justin, who has provided a PHP-version of the sample application.

thanks,
troy

On Jul 2, 2008, at 8:57 PM, troy giunipero wrote:

Quote:

Hi,

Greg - thank you for listing resources. I'd like to draw from a
lot of information that's covered in your article. It might make
sense to use the autocomplete example that is explained there.
Where appropriate we'll definitely provide attributions.

Here's a brief outline. Most of the content I expect would be
devoted to the client-side section.

-- Introduction
- Define AJAX, briefly explain its role in current web
applications, uses, benefits
- Explain how IDE features can simplify development process
- JavaScript editor
- server-side support (Servlet/JSP editor, PHP plugin,
frameworks: jMaki, GWT, easy database configuration (optional))
- Introduce the simple client-server application that will
be used (autocomplete example)
-- Client-side development
- Create a welcome page to display content to client
- Create JavaScript file and implement function to
create and pass XMLHttpRequest object
- explain XMLHttpRequest object is used
- highlight the JavaScript editor

- Create the callback function
- explain how the readyState property changes,
specifically: readyState == 4

- Insert function into welcome page and link to js file.

-- Server-side development
- Give a general explanation of the server-side code while
providing scripts for multiple languages (i.e., PHP, JSP)
- Explain what parameters are returned to the client

-troy

On Jun 26, 2008, at 2:32 PM, Greg Murray wrote:

Quote:

Hi all,

Sorry to not speak up earlier : I'm traveling and other big
changes are in process for me.

Comments inline:

On Jun 26, 2008, at 5:01 AM, troy giunipero wrote:

Quote:

On Jun 25, 2008, at 6:37 PM, John Jullion-Ceccarelli wrote:

Quote:

We can't forget the server. Widgets are nothing without a server
side counter part.

Speaking of tables Carla Mott already has a blog on this:

http://weblogs.java.net/blog/carlavmott/archive/2007/09/how_to_implemen.html

This is by far one of the most common things we get asked in
jMaki. How to do Table CRUD.

We created a sample application (PHP/Java) which we ship with our
distributions.

See it live here:

http://jmaki.com/jmaki/loadtable/

I don't believe it would be that hard to add the jMaki samples to
Netbeans but I would not be able to do it.

The samples are deployed on the open web here:

http://jmaki.com/jmaki/

Descriptions may be found here:

https://ajax.dev.java.net/samples/

Another topic that is commonly asked is Form Processing with Ajax
/ jMaki. It is always hard for users to do the first time.

I have a blog on this here:

http://jmaki.com/blogs/?p=15

Sorry I can't do more. I will unfortunately be moving on to a
career opportunity outside of Sun so If you have any questions
let's address them before July 8th.

-Greg

areeda

Joined: 28 Aug 2008
Posts: 469
Location: Los Angeles

Posted: Sun Nov 02, 2008 4:11 pm Post subject: Is this article publicly available?

I'm sorry if I missed it, but the only link to the article I saw in this thread is on the internal staging server. Looking at the articles/tutorials on netbeans.org, I don't believe I'm seeing what is being discussed. Granted I found it difficult to follow the discussion without reading the article. Joe

troy giunipero
Posted via mailing list.

Posted: Mon Nov 03, 2008 3:40 pm Post subject: Introduction to AJAX tutorial

Hi Joe,

The article is currently listed from the Java Web and PHP learning trails:

and exists live at:

thanks,
troy

On Nov 2, 2008, at 5:11 PM, areeda wrote:

Quote:

I'm sorry if I missed it, but the only link to the article I saw in this thread is on the internal staging server.

Looking at the articles/tutorials on netbeans.org, I don't believe I'm seeing what is being discussed. Granted I found it difficult to follow the discussion without reading the article.

Joe

areeda

Joined: 28 Aug 2008
Posts: 469
Location: Los Angeles

Posted: Mon Nov 03, 2008 3:56 pm Post subject: Thanks

Thanks for the links Troy. Joe

ouribeb930

Joined: 01 Apr 2009
Posts: 93

Posted: Thu Apr 02, 2009 3:02 pm Post subject: Hi

Good!!! Thanks

markwright789

Joined: 30 May 2011
Posts: 15

Posted: Mon May 30, 2011 9:33 am Post subject:

The PHP version should be ready in about a week, as well as it will be very similar to this version. They had provided a PHP-version of the sample application.

Display posts from previous:

	NetBeans Forums -> Ajax Users	All times are GMT
Page 1 of 1

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You can attach files in this forum
You can download files in this forum