WebFund 2014W: Tutorial 10 - Revision history

Soma: /* JSON */

2014-03-28T13:13:53Z

JSON

← Older revision		Revision as of 13:13, 28 March 2014
Line 26:		Line 26:
	x = JSON.parse(s);		x = JSON.parse(s);

	For more details, see [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_native_JSON ~~Firefox~~'s documentation].		For more details, see [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_native_JSON Mozilla's documentation].

Soma: /* Hints */

2014-03-28T13:13:40Z

Hints

← Older revision		Revision as of 13:13, 28 March 2014
Line 19:		Line 19:
	==Hints==		==Hints==

	* To turn a JavaScript object x into a JSON string s:		===JSON===

			To turn a JavaScript object x into a JSON string s:
	s = JSON.stringify(x);		s = JSON.stringify(x);
	* To turn a JSON string s into a JavaScript object:		To turn a JSON string s into a JavaScript object:
	x = JSON.parse(s);		x = JSON.parse(s);

			For more details, see [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_native_JSON Firefox's documentation].

Soma: /* Hints */

2014-03-28T13:12:31Z

Hints

← Older revision		Revision as of 13:12, 28 March 2014
Line 18:		Line 18:

	==Hints==		==Hints==

			* To turn a JavaScript object x into a JSON string s:
			s = JSON.stringify(x);
			* To turn a JSON string s into a JavaScript object:
			x = JSON.parse(s);

Soma at 19:48, 27 March 2014

2014-03-27T19:48:25Z

← Older revision		Revision as of 19:48, 27 March 2014
Line 1:		Line 1:
	~~'''This tutorial is not yet finalized.'''~~

	Note that the material for today's tutorial is optional. If you are behind use this time to work on other material related to this class (and ask TAs about it to get attendance credit).		Note that the material for today's tutorial is optional. If you are behind use this time to work on other material related to this class (and ask TAs about it to get attendance credit).

Soma at 19:47, 27 March 2014

2014-03-27T19:47:36Z

← Older revision		Revision as of 19:47, 27 March 2014
Line 5:		Line 5:
	In this tutorial you'll learn about websockets and how they compare to AJAX for client-server communications.		In this tutorial you'll learn about websockets and how they compare to AJAX for client-server communications.

	First, go through the [http://blog.safaribooksonline.com/2013/06/10/node-js-websockets-modular-approach/ WebSockets tutorial] ~~by Pedro Teixeira~~. ~~The~~ code ~~in this tutorial is available on~~ [https://github.com/pgte/websockets-modular-approach-article-code github]~~. A local copy of~~ the ~~code with necessary modules is [ here].~~ (If you have problems in Firefox be sure to try it in Chrome.~~) Don't forget to open the JavaScript console to see the client side output!~~		First, go through the WebSockets tutorial by Pedro Teixeira:
			* [http://blog.safaribooksonline.com/2013/06/10/node-js-websockets-modular-approach/ The WebSockets tutorial]
			* [http://homeostasis.scs.carleton.ca/~soma/webfund-2014w/T10/websockets-demo.zip A local copy of code with modules]
			* [https://github.com/pgte/websockets-modular-approach-article-code code on github]
			''Don't forget to open the JavaScript console to see the client side output!'' If you have problems in Firefox be sure to try it in Chrome.

	Note that this tutorial makes use of several unfamiliar packages:		Note that this tutorial makes use of several unfamiliar packages:

Soma at 19:43, 27 March 2014

2014-03-27T19:43:15Z

← Older revision		Revision as of 19:43, 27 March 2014
Line 5:		Line 5:
	In this tutorial you'll learn about websockets and how they compare to AJAX for client-server communications.		In this tutorial you'll learn about websockets and how they compare to AJAX for client-server communications.

	First, go through the [http://blog.safaribooksonline.com/2013/06/10/node-js-websockets-modular-approach/ WebSockets tutorial] by Pedro Teixeira. The code in this tutorial is available on [https://github.com/pgte/websockets-modular-approach-article-code github]. A local copy of the code with necessary modules is [ here]. ~~There may be issues running the code~~ in Firefox; it ~~does seem to work fine~~ in Chrome.		First, go through the [http://blog.safaribooksonline.com/2013/06/10/node-js-websockets-modular-approach/ WebSockets tutorial] by Pedro Teixeira. The code in this tutorial is available on [https://github.com/pgte/websockets-modular-approach-article-code github]. A local copy of the code with necessary modules is [ here]. (If you have problems in Firefox be sure to try it in Chrome.) Don't forget to open the JavaScript console to see the client side output!

	Note that this tutorial makes use of several unfamiliar packages:		Note that this tutorial makes use of several unfamiliar packages:

Soma at 19:38, 27 March 2014

2014-03-27T19:38:12Z

← Older revision		Revision as of 19:38, 27 March 2014
Line 14:		Line 14:

	After you get the ping/pong example working, your main task is to use this code to change [http://homeostasis.scs.carleton.ca/~soma/webfund-2014w/T6/adventure-ajax-demo.zip adventure-ajax-demo] from [[WebFund 2014W: Tutorial 6\|Tutorial 6]] to use websockets (i.e., shoe) instead of AJAX (getJSON and post on the client) to update room state.		After you get the ping/pong example working, your main task is to use this code to change [http://homeostasis.scs.carleton.ca/~soma/webfund-2014w/T6/adventure-ajax-demo.zip adventure-ajax-demo] from [[WebFund 2014W: Tutorial 6\|Tutorial 6]] to use websockets (i.e., shoe) instead of AJAX (getJSON and post on the client) to update room state.

			==Hints==

Soma at 19:37, 27 March 2014

2014-03-27T19:37:49Z

← Older revision		Revision as of 19:37, 27 March 2014
Line 3:		Line 3:
	Note that the material for today's tutorial is optional. If you are behind use this time to work on other material related to this class (and ask TAs about it to get attendance credit).		Note that the material for today's tutorial is optional. If you are behind use this time to work on other material related to this class (and ask TAs about it to get attendance credit).

	* [http://blog.safaribooksonline.com/2013/06/10/node-js-websockets-modular-approach/ WebSockets tutorial]		In this tutorial you'll learn about websockets and how they compare to AJAX for client-server communications.
	* [https://github.com/pgte/websockets-modular-approach-article-code ~~Code on GitHub~~]
	* [https://github.com/substack/shoe shoe (a websockets library for node)]		First, go through the [http://blog.safaribooksonline.com/2013/06/10/node-js-websockets-modular-approach/ WebSockets tutorial] by Pedro Teixeira. The code in this tutorial is available on [https://github.com/pgte/websockets-modular-approach-article-code github]. A local copy of the code with necessary modules is [ here]. There may be issues running the code in Firefox; it does seem to work fine in Chrome.
	* [https://github.com/jesusabdullah/node-ecstatic ecstatic]
	* [http://nodejs.org/api/stream.html node streams]		Note that this tutorial makes use of several unfamiliar packages:
			* [https://github.com/substack/shoe shoe], a websockets library for node
			* [https://github.com/jesusabdullah/node-ecstatic ecstatic], a standalone static file web server for node (that can also be [https://github.com/jesusabdullah/node-ecstatic/blob/master/example/express.js used with express])
			* [http://nodejs.org/api/stream.html node streams] form the base class for shoe and many other core node modules including http.createServer()
			You may want to spend some time looking at these to see how they integrate with node.

			After you get the ping/pong example working, your main task is to use this code to change [http://homeostasis.scs.carleton.ca/~soma/webfund-2014w/T6/adventure-ajax-demo.zip adventure-ajax-demo] from [[WebFund 2014W: Tutorial 6\|Tutorial 6]] to use websockets (i.e., shoe) instead of AJAX (getJSON and post on the client) to update room state.

Soma: Created page with "'''This tutorial is not yet finalized.''' Note that the material for today's tutorial is optional. If you are behind use this time to work on other material related to this ..."

2014-03-27T18:03:04Z

Created page with "'''This tutorial is not yet finalized.''' Note that the material for today's tutorial is optional. If you are behind use this time to work on other material related to this ..."

New page

'''This tutorial is not yet finalized.'''

Note that the material for today's tutorial is optional. If you are behind use this time to work on other material related to this class (and ask TAs about it to get attendance credit).

* [http://blog.safaribooksonline.com/2013/06/10/node-js-websockets-modular-approach/ WebSockets tutorial]
* [https://github.com/pgte/websockets-modular-approach-article-code Code on GitHub]
* [https://github.com/substack/shoe shoe (a websockets library for node)]
* [https://github.com/jesusabdullah/node-ecstatic ecstatic]
* [http://nodejs.org/api/stream.html node streams]