Labs

Lab 1

Discription: "The goal of this assignment is to give you some experience working with HTML, CSS, and publishing to your new website. In this assignment you will start to create your website that will be used during the semester. You will design a small 4 page website using HTML and CSS."

When this semester started I have already taken this class before, and I found myself stumbling over my old knowledge. It actually became difficult to try to recreate what I did, but in a newer light. The background structure of the webpage is different from before, and I mostly started from scratch. But I noticed that I went to a similar design as last semester, which I tried by best to resolve. I picked a new theme, and had to do new research for the content. Even if it is a subject I'm familiar with I had to look it up once more.

I again used a lot of floating. Being able to place percentages on widths and containers is vital for this step. This time, I noticed myself get a bit sloppier with classes and IDs, but this was something I could have planned out better. And I expect that I should have this corrected by the next class. By changing how I approach structure will change the amount of classes and ID's needed. Since many of them can be reduced with planning.

I again thought this project was not too challenging, but I can definitely see room for improvement.

Lab 2

"The goal of this assignment is to give you some experience working with HTML, CSS, and building a Responsive Web Design that allows the site to be displayed properly on multiple screens and devices. This assignment will involve implementing a “single-page design” where the page contains several “virtual pages” inside a single physical page."

This assignment was not as difficult as the first. It was easier to add a lot of content, but not make things too difficult on myself. One of the problems I faced was having many small issues dealing with padding, and alignment when there are basically two versions of a website to think about. Overall I had a lot more fun with this assignment, and I think I have a better grasp on responsive design as well.

Lab 3

"The goal of this assignment is to give you some experience working with JavaScript to make a Web page interactive. This assignment will involve creating an interactive web store for a coffee shop that displays information about the drinks that they offer."

The third assignment was much easier than the last one. I'm not sure if this is just because I've gotten better at using html and css, but since those aspects of the project were much easier for me the javascript was all that was left. The only challenging part of the javascript for me was once the event handler was attached to the button created dynamically by the javascript having that button grab the value of the item it represents. My solution was to put a value in the button, and use this.value in the event handler. That value can then be used to go through the array of items and get the information that was needed. After I figured that out the project was mostly tweaking. Overall I enjoyed the project, and it's a nice easy way to get into a weird langauge like javascript.