CPSC349: Front-End Web Engineering Homework 7 Solved

60.00 $

Category:

Description

5/5 - (3 votes)

In this assignment, you will create the front-end for the Chattrbox application. Complete the following:

  1. Work through Chapter 17 (Using ES6 with Babel), installing Babel, Browserify, and related utilities, and creating the ChatMessage class and ws-client
  2. Work through Chapter 18 (ES6, The Adventure Continues) to finish the Chattrbox application WARNING: The code in Chapter 18 has several errors. The following entries from the Errata page should address most of the issues:

 https://forums.bignerdranch.com/t/errata-1st-edition/9493/2

 https://forums.bignerdranch.com/t/errata-1st-edition/9493/3

 https://forums.bignerdranch.com/t/errata-1st-edition/9493/17

 https://forums.bignerdranch.com/t/errata-1st-edition/9493/4

 https://forums.bignerdranch.com/t/errata-1st-edition/9493/41

Note that in Figure 18.7 on p. 359, the Chrome DevTools tab has been renamed from Resources to Application.

You may also wish to compare your code with the ‘book-solutions/Chapter 18/’ directory from front-end-resources.zip.

  1. Verify that Chattrbox is working by opening two browser windows and carrying on a conversation as in Figure 18.8 on p. 362. If you use the e-mail addresses shown, you should see the appropriate Gravatars.
  2. Push the contents of your project to a new GitHub repository using a git client (e.g., the git command-line client, GitHub Desktop. Do not submit files using drag-and- drop onto the repository web page, and do not push this assignment to the same repository as your previous homework assignments.
  • Chattrbox-ahmyj6.zip