E30: BrowserHistory1

The goal of this practice WOD is to get your feet wet doing very basic HTML using IntelliJ and LiveReload.

The WOD

  1. Start your timer.

  2. Create a GitHub repository called browserhistory and clone it to your local file system.

  3. Create an IntelliJ project called browserhistory in your repo, and a file within it called index.html.

  4. If you’re using LiveReload, enable it for this folder.

  5. Make the index.html file contain an HTML document whose title and top-level section is named “A history of browsers”.

  6. Structure the document into four subsections: “Introduction“, “A brief history of IE“, “A brief history of Firefox“, and “A brief history of Chrome“. The links take you to text you can use for each of these sections. Be sure to preserve the paragraphs.

  7. Create one link within each section to an external web page. Choose what to link yourself. For example, if the text mentions “Google”, you can make that text link to “http://www.google.com“. Since there are four sections, there should be four links total. Choose a different link for each section.

  8. Create an initial section called “Table of Contents”, and create an itemized list within it with links to each of the four internal sections (Introduction, Internet Explorer, Firefox, Chrome) in this document.

  9. The three sections describing the browsers should start with their logos. Here are links to the logos: IE, Firefox, Chrome. The logos should be displayed in the page with a width of 100 pixels.

  10. Once you’ve finished, commit your changes to GitHub, and check to see that they are there.

  11. Stop your timer and record your time. Be sure to record it, because you will need your WOD time data when you write your technical essay.

The following image shows what it should look like (click to see full size):

When finished, stop your timer, and record how many minutes it took you to complete the WOD.

Rx: <17 min Av: 17-20 min Sd: 20-25 min DNF: 25+ min

Demonstration

Once you’ve finished doing the WOD a single time, watch me do it. (Note that the repo and project created in this video is named “browserhistory1”, but please follow the above instructions and name them “browserhistory”).

Standard WOD Caveats

You’ll learn significantly less from watching me solve the WOD if you haven’t attempted the WOD yourself first.

While it’s an achievement to finish the WOD no matter how long it takes, you might experience “diminishing returns” if you work longer than the DNF time. Thus, it is usually strategic to stop working at the DNF time and watch my solution.

After watching my solution, I recommend that you repeat the WOD if you have not achieved at least Av performance. If so, be sure to:

Feel free to keep trying until you make Rx if that’s of interest to you.

Submission Instructions

By the time and date indicated on the Schedule page, submit this assignment via Laulima.

Your submission should contain:

You will receive full credit for this practice WOD as long as you have attempted it at least once and submitted the email with all required data before the due date. Your code does not have to run perfectly for you to receive full credit. However, if you do not repeat each practice WOD until you can finish it successfully in at least AV time, you are unlikely to do well on the in-class WOD. To reduce the stress associated with this course, I recommend that you repeat each practice WOD as many times as necessary to achieve at least AV before its due date.