HW12: NodeJS Template due Tue 16 Apr 13:20

Allowed and Disallowed Resources

• The JavaScript Command Sheets handed out in Web 1 (and also available here: https://josephus.hsutx.edu/classes/all/javascriptcommandsheets/.
• Examples and sample code found here: https://josephus.hsutx.edu/classes/w2/source/.
• The VSCode editor with appropriate syntax highlighting and formatting plugins. You may not use any plugins that generate code, however.
• Video instructions provided in Canvas as part of this course. You MAY NOT USE any other video resources.
• The course notes that accompany the video instructions which can be found here: https://docs.google.com/presentation/d/113px2eo6b2rltW0cKty7782GpEFIYA4WyFlhE6ye5G4/edit?pli=1#slide=id.p
• The official JavaScript Documentation found here: https://developer.mozilla.org/en-US/docs/Web/JavaScript.
• The official PHP Documentation found here: https://www.php.net/docs.php
• The official jQuery Documentation found here: https://api.jquery.com/
• Any handouts provided by the instructor as part of this course.
• Your own course notes
• Your instructor
• Discussions about the assignment with other students as long as you never look at the code produced by another student and you never receive instructions about solving the homework. That is, discussions need to be about concepts and understanding the technologies and not about how to solve the particular problem posed in this assignment.

You may NOT use/access:

• Resources not expressly listed above, including, but not limited to, the following ...
• Source code not provided as part of this assignment. (Obviously, this includes, but is not limited to, source code written by other students whether current or in the past).
• Code-generating tools (of which ChatGPT is one example).
• Any web sites not directly linked to from the homework assignment.

Failure to abide by these guidelines will result in a zero for the assignment and the incident will be reported to the university provost as a violation of the university academic integrity policy. A second incident of academic dishonesty (whether from this course or another computer science course) will result in an F in the course.

Overview

When this assignment is complete you will have a simple NodeJs application that provides an index page with links to various individual pages that give tutorials on Javascript topics as follows:

• Arrow function notation
• Using for-of loops
• Using the spread operator in code and in parameter lists
• Using the array .map() function.

Your home page will contain labeled links to each of the 4 tutorials. Each tutorial will have its own route/view. For each tutorial you should take the following steps:

1. Read about the language feature and write sample code to play around with the concept until you understand it.
2. Once you understand the concept, come up with your own example code to illustrate it and write commentary in your own words to explain the code. If in writing your example code or commentary you find you have to look at other sources then you need to go back to step 1 and spend more time with the concept.

To see an example of the basic concept and scope of what I'm looking for look at this site: https://dev.to/srebalaji/es6-for-beginners-with-example-c7. Some of these same concepts are also presented in the Javascript command sheet: https://josephus.hsutx.edu/classes/all/javascriptcommandsheets/with.pdf (see especially the section called “Arrays” and the section called “Functions as Parameters”).

IMPORTANT: DO NOT COPY/PASTE CODE OR COMMENTARY FROM ANY SOURCE! You should refer to as many sources as is helpful for you to understand the given concept. Once you understand it, put the sources aside and come up with your own example and words to explain it.

I'm expecting it will take about 30 minutes to copy the template, create an index page, and make 4 blank landing pages. I'm thinking that each topic will require about 30 minutes of research and another 30 minutes of creating the page. If you are finding that the entire assignment takes only a couple of hours then you did something wrong!

Displaying Javascript Code in HTML

Another approach is to utilize a tool such as JSFiddle (https://jsfiddle.net/) which allows embedding of interactive code snippets on your page. This is not a requirement but would make the embedded code quite a bit prettier. Also, someone using your tutorial could click a link to be able to play around with the code themselves.

Turning In Your Code