WebFund 2014W: Tutorial 2: Difference between revisions
Created page with "For this tutorial first download and run [ form-demo]. Then, you should try to do two things: * Figure out what happens when you delete six distinct lines from the applicati..." |
No edit summary |
||
| Line 1: | Line 1: | ||
For this tutorial first download and run [ form-demo]. Then, you should try to do two things: | For this tutorial first download and run [http://homeostasis.scs.carleton.ca/~soma/webfund-2014w/T2/form-demo.zip form-demo]. Then, you should try to do two things: | ||
* 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>. | * 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>. | ||
* Change the output page <tt>views/add.jade</tt> to use a bootstrap list with an embedded table, as described in the [http://getbootstrap.com/components/#list-group bootstrap reference]. In other words, make the output into a pretty table. To do this you'll need to better understand the syntax of [http://jade-lang.com/reference/ Jade]. | * Change the output page <tt>views/add.jade</tt> to use a bootstrap list with an embedded table, as described in the [http://getbootstrap.com/components/#list-group bootstrap reference]. In other words, make the output into a pretty table. To do this you'll need to better understand the syntax of [http://jade-lang.com/reference/ Jade]. | ||
Revision as of 20:34, 16 January 2014
For this tutorial first download and run form-demo. Then, you should try to do two things:
- 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 app.js, views/layout.jade, view/index.jade, and routes/index.js.
- Change the output page views/add.jade to use a bootstrap list with an embedded table, as described in the bootstrap reference. In other words, make the output into a pretty table. To do this you'll need to better understand the syntax of Jade.