HW01: Static Site due Mon 19 Jan 23:59

Allowed and Disallowed Resources

• The JavaScript Command Sheets handed out in Web 1 (and also available here: https://josephus.sergeantservices.com/classes/all/javascriptcommandsheets/.
• Examples and sample code found here: https://josephus.sergeantservices.com/classes/w2/source/ and here: https://josephus.sergeantservices.com/classes/w1/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/1NJq2jfzXGMXbYrgc4w8iABpcpZeuSG1u/edit?usp=sharing&ouid=102845346193600525432&rtpof=true&sd=true
• The official JavaScript Documentation found here: https://developer.mozilla.org/en-US/docs/Web/JavaScript.
• Any handouts provided by the instructor as part of this course.
• Any resources specifically required for a particular assignment. For example, in some assignments you will be asked to use ChatGPT in its learning mode to explore a concept. In that case you can use ChatGPT for that exact task, but NOT for other purposes or uses.
• 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. IMPORTANT: At no time and for no reason should you ever give anyone other than the instructor, access to your work for this course.

You may NOT use/access:

• Anything in the universe not in the list above.
• That includes source code not provided as part of an assignment (whether written by someone else or something else).
• That includes code-generating tools (of which ChatGPT and Copilot are examples).
• Any web sites not provided above and not directly linked to from the homework assignment.

Failure to abide by these guidelines will result in a zero for the assignment and you will be given the opportunity to rework the assignment. You will not be given a time extension so late points will apply.

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 information on the topics listed here:

• Javascript arrow function notation.
• Using the Javascript spread operator in code and in parameter lists.
• Using the Javascript array .map() function.
• Explanation of the server.ts and routes/index.ts files in our template that was created for labday.

Details

For each of the informational pages, follow these guidelines:

1. Visit https://chatgpt.com and start a new chat.
2. Have ChatGPT enter Study and Learn mode by click the + icon in the search box and selecting it from the list.
3. Ask ChatGPT to explain to you the given topic and then interact with various follow-ups until you have a good grasp of the topic. NOTE: This is the only permitted use of AI tools for this assignment. All other aspects of the assignment MUST be done by you using only the resources listed above.
4. You will copy and paste the entire chat as the informational page on that topic.
5. Use HTML and CSS to format the chat sessions so they are aesthetically pleasing. Your prompts and responses should be formatted distinctly from the AI responses.
6. All code snippets in the chat session should be formatted using the prism.js syntax highlighting library. For an example of how to import the CSS and JS files and to use them for syntax highlighting, see the example here: https://josephus.sergeantservices.com/classes/w2/source/syntax-demo.html

Turning In Your Code