Soma at 20:31, 29 January 2016

2016-01-29T20:31:56Z

← Older revision		Revision as of 20:31, 29 January 2016
Line 1:		Line 1:
	~~'''This tutorial is not yet finalized.'''~~

	In this tutorial you will be learning the basics of debugging Node-based web applications in the context of a simple web form application.		In this tutorial you will be learning the basics of debugging Node-based web applications in the context of a simple web form application.

Soma: /* Tasks */

2016-01-27T15:42:28Z

Tasks

← Older revision		Revision as of 15:42, 27 January 2016
Line 29:		Line 29:
	* Change the output page <tt>views/index.jade</tt> to have a button saying "List People" that lists the people that have already been entered. Note that you should link to a page that is already in the code that does this!		* Change the output page <tt>views/index.jade</tt> to have a button saying "List People" that lists the people that have already been entered. Note that you should link to a page that is already in the code that does this!

	If you finish all this, start working on [[WebFund 2016W: Assignment 2]].		If you finish all this, start working on [[WebFund 2016W: Assignment 3]].

Soma: Created page with "'''This tutorial is not yet finalized.''' In this tutorial you will be learning the basics of debugging Node-based web applications in the context of a simple web form applic..."

2016-01-27T15:42:13Z

Created page with "'''This tutorial is not yet finalized.''' In this tutorial you will be learning the basics of debugging Node-based web applications in the context of a simple web form applic..."

New page

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

In this tutorial you will be learning the basics of debugging Node-based web applications in the context of a simple web form application.

First download, unpack, and run [http://homeostasis.scs.carleton.ca/~soma/webfund-2016w/code/form-demo.zip form-demo]. To run you just need to type <tt>bin/www</tt> (from the form-demo directory); the modules are included.

To see all debugging output, type <tt>DEBUG='*' bin/www</tt>. This will produce more output that what you want; if you just want to see the ones pertaining to this application, run <tt>DEBUG='form-demo*' bin/www</tt>

Once you have the application up and running you should do the following tasks.

==References==

These pages may help you with some of the specifics of this document:

* [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table Tables in HTML]
* [http://nodejs.org/api/debugger.html the node debugger]
* [https://github.com/visionmedia/debug debug output module] (for DEBUG options)
* [https://developer.mozilla.org/en-US/docs/Tools Firefox developer tools]
* [https://developer.chrome.com/devtools/index Chrome/Chromium developer tools]

There was additional information about the debugging in [[WebFund 2016W: Tutorial 2|Tutorial 2]].

==Tasks==

You need to do all of the following to get full credit for this tutorial:

* Figure out what happens when you delete six distinct lines from the application of your choosing. In other words, delete a line, restart the web app, see what happened. You should delete at least one line from <tt>app.js</tt>, <tt>views/layout.jade</tt>, <tt>view/index.jade</tt>, and <tt>routes/index.js</tt>.
* Add a debug statement to routes/index.js that says "Rendering the main page" every time the initial page (with the form entry) is loaded. The debugging info should only be output when an appropriate DEBUG variable is set. '''NOTE:''' You will need to use the [https://github.com/visionmedia/debug debug module] for this (which is for debugging output), not the node debugger (which is for setting breakpoints and inspecting the current state of a node application).
* Change the output page <tt>views/index.jade</tt> to have a button saying "List People" that lists the people that have already been entered. Note that you should link to a page that is already in the code that does this!

If you finish all this, start working on [[WebFund 2016W: Assignment 2]].

WebFund 2016W: Tutorial 3 - Revision history

Soma at 20:31, 29 January 2016

Soma: /* Tasks */

Soma: Created page with "'''This tutorial is not yet finalized.''' In this tutorial you will be learning the basics of debugging Node-based web applications in the context of a simple web form applic..."