Essay 3

17 Feb 2023

Chareen: E3 Essay

Browser History 6 WOD

For my browser history 6, I noticed it looked a bit difficult. I decided to try it on my own first by paste all the code on the instructions into vs code to see how everything would look and I was very much unsuccessful. My coding was improperly ordered. So, I did some research on W3school, through chatGBT, and perhaps google a bit. Was still unsuccessful. So, I decided to save that part for later once I watched the screen cast.

Then, I viewed the screencast to see how the WOD should be properly done. I understood the instructions more clearly. Since, a few of the steps were not written in the instructions. It’s only seen by watching the dynamic display on instructions. I rewatched this screen cast multiple times to get right, specifically: the order of css (which site connects to which, the index.html and the other 3 links), code of onclick, onmouseover. I took some notes down.

After, I attempted the WOD without screen recording for my 3rd time. I figured out the onclick and figured out the css. Mainly got stuck on the onmouseover. Noticed my notes were unclear. I spent analyzing and comparing my code for maybe 40 minutes or less. Just to figure out I needed a closing tag after the img src. I finally got it. Thus, I was confident to get the WOD fully completed on my 4th attempt, in which I did. It was fulfilling to know the website started from scratch and has become dynamic. With the ability to click buttons and the static multiple different browser pages. Which can be useful for those who want to download the browsers since I’ve set up the links in that way.
Link to WOD Browser History 6 Instruction1

Smart Phone Products Variable WOD

For my smart phone products WOD. On my first attempt I followed all the instructions. Was able to get everything down within about 18 minutes at a moderate pace. However, I ran into difficulties which all the images were unaligned, and I could not figure out the issue. So, I decided to watch the screencast on where I went wrong. I watched the screencast 2 times to get all the steps down and was able to get RX time much quicker. The idea of the search bar was a game changer.
Link to WOD smart phone products variable instruction2

Invoice1

For my first attempt of Invoice 1, I pasted all the necessary information and was unsuccessful. Thus, I watched the screencast so I could get an example of what I was doing incorrectly, took notes. For my 2nd attempt I couldn’t get RX time and my data on the table wasn’t appearing right. So for the 2nd time instead of rewatching the screencast to save myself time of configuration, I skimmed through. I notice I missed many steps of pasting the data from the table to vs code and a few details at computing the subtotal, sales tax, and grand total. For this wod compared to the others I was able to correct myself by looking at the live server, syntax etc. I was able to complete everything correctly within the RX time for the 3rd attempt.
Link to Invoice 1 WOD instruction3