Try it Out Activities

Try It Out Activities

1-2 Try It Out: Mobile Panini

This was the first assignment that I had to complete on my own [well partially]. It was nice to see it all come together and I manage to successfully follow the instructions to completion. I was struggling with validating my web page and learned that it can be extremely frustrating to figure out hot to fix an issue with limited experience or knowledge.
1-4 Try It Out: Mountain Wheels

Connecting a css style sheet to an html file is like small magic and I enjoyed it. With that, it can get quite frustrating especially when you need to produce an exact result. There's seem to be slight variation between different browsers which is something for me to remember and pay attention to.

2-2 Try It Out: Pandaisia March Specials

In this assignment I had to work on the css style sheet to set the layout of the page properly. The page has a grid layout and I had to arrange all the elements according to a preset location on the grid.
2-4 Try it Out: DLR Morning Schedule

In this assignment I've learnt about tables and how to utilize them in my webpages. I've learnt the html code and how to style them. It's interesting to see how sometimes you can obtain design features with css, but often all is needed is html code written in the right order.

3-2 Try It Out: The Ferris Family

In this assignment I was working on the graphic design of the page. I had to write a css file in which I added background images and learned how to edit them. I also learned how to add an image map, something that is done, surprisingly, on the html file rather than on the css file. I learned how to add shadows to text and borders. Also, I learned how to adjust colors on my webpage by using the linear gradient element.
3-2 Try It Out: Kathleen Ferris

In this assignment I learned how to manipulate Images and add filters to the images. I transformed the images by rotating them on different axis.
3-5 Try It Out: Customer Information Form

In this assignment I added a full form to the webpage. The form contains a few div elements and each of them has a "title" and a field in which the user can insert his input. The input can be test or time which is dictated by the type of input that I defined in the html. The form is designed in a way that would require certain fields for submission and provides feedback to the user when inserting data.
3-5 Try It Out: Build You Pizza Form

In this assignment I added another full form to the webpage. This form contains fields in which the user needs to input his date in a more interactive way by checking boxes, clicking buttons and choosing between options. The form also contains a submit button.

5-2 Try it Out: Star Dust Stories

This assignment was the first time we had to work with JavaScript and incorporate a script into out code. The main challenge about this assignment for me was to work with JS and familiarize myself with it. Although I have learned it a little bit in the past I can hardly remember it and I'm happy to be able to learn it more thoroughly. In the assignment we had to add a date and an image using JS which was challenging as we did it all through a JS script.
5-4 Try it Out: Lyman Hall Events

In this assignment I had to implement a table into a webpage using JS. The table displayed events calendar and I had to display these events which were derived from an array using a loop in the script file. I also needed to create various date variables that corresponded with the date that I declared in the script.

6-2 Try It Out: Hitori Puzzle Page
In this assignment I learned how to code JavaScript events. I needed to implement a few new skills and it was relatively hard. I had to add event handlers that control different properties that react in different ways. I also learned a bit about mouse events and how to implement them in my code.