Lab 9 Reflection

     Lab 9 was another lab where we had to debug a given webpage. This time, there was supposed to be a carousel on the webpage that would horizontally scroll through images and links of other news stories, however, the actual webpage displayed these items vertically. I started off by inspecting the HTML, CSS, and JS files and noticed it implemented a jQuery plugin named owl-carousel. I went into the HTML and saw that this pluging wasn't properly linked, so I linked it. Then, I noticed that certain div and classes are necessary for the carousel to work by examining the JS, so I added divs with certain classes to the stories in HTML and tweaked the classes in CSS. Finally, the carousel was up and working.
     These skills are useful for a web designer because they help debug problems and achieve an intended functionality. There will often be times where the client wants something to happen on the site, like an animation or feature, but what is necessary to make it happen isn't there or there was a mistake somewhere in the code. This, obviously, will require looking into the code and seeing what's wrong but if you don't look in the right places or parts of the code most likely causing the problem, this can take a lot of time. This lab basically trains us to identify areas most likely relating to the problem, like the plugin folder or the lack proper links to certain scripts, and resolve the issue effectively.

Comments

Popular Posts