Implement the hello-world application specified here:

Express (Do the “Getting started”→“Installing” & “Hello world” sections.)

When you have the server running, make sure that you can modify the output text, route and port at will and then answer the following questions.

1. Compare and contrast the purposes of Node.js and of Express.js.
2. Explain the purpose of the package.json file.

Save your answers to these questions so that you can add them to your webpage (below).

Configure your server to serve up static files from a public directory, see the “Static files” section of the Express tutorial. When you have it running, serve up a static text file, make sure that you can edit it and see the results, and then answer the following questions.

1. Explain the sense in which these files are “static”.
2. Indicate whether the server continues to serve up the hello-world message and explain why this is the case.

Save your answers to these questions so that you can add them to your webpage (below).

Build a webpage that looks something like the example shown on the right. Include at least the following:

• Separate but integrated files for:

  • HTML — Put the page content here, including a hyperlink and a locally-stored image file.
  • CSS — Put the style settings here, modifying the format of something on the main page.
  • JavaScript — Add a JavaScript program that logs a message to the console.
  • Image — Include an image of your choice on your webpage.

• Answers to the lab exercises in the form of nested lists (i.e., use the <ul> and <li> tags).

See examples of how to integrate these files in the public directory of the GitHub repo for this unit.

Use Chrome DevTools to monitor the browser’s rendering of this webpage. Find out what files are loaded, in what order and how long it took. Note when the message is written to the console log.