Lab 1
I don't have any experience at all with HTML, CSS, and JavaScript.
I do have experience with java but I'm not sure how similar they are to each other.
The advanced CSS techniques that I used was floating to set up most the div's placement throughout these pages.
I also used absolute positioning to set where all my images and gifs went. I also used padding for the left div on my lab,
index, and about me page so the text wasn't right up against the side of the div. I think that this lab was very helpful for
me as I had no prior experience with CSS and HTML. I definitely got a good understanding of how to use a style sheet and how
to use id's and classes within the style sheet. I think I also have started to understand how to position pictures and also how
to use floating.
Lab 2(Click lab 2 to go to lab 2)
For lab 2 I did a website for the powers rankings for NFL teams after week 3. In this lab I used
resposive web design so that the websote can be used on mobile devices and laptops. Some of
the things that I used on this lab was a media query, relative and absolute positioning, forms,
and also used percents when giving sizes for images in CSS. Also with this lab I used different
types of inputs to create my form that was also in a table. I think this lab helped me get a good grasp
on how to transition a website from a desktop screen to a mobile screen with haveing to do it on
this website and also my lab 2 website.
Lab 3(Click lab 3 to go to lab 3)
For lab 3 I used the button onclick function for adopting the pets and also made a button so that
you can see the names of the animals you adopted. I also used the onchange function to change the
layout of the page when the user selected a different set of pets. I also used Objects to store and
minipulate the pet objects. I definietly learn a lot about how to use javascript in this lab and I
like how you can add diffent things to the html from the javascript. So after this lab I definietly think
it gave me a good idea of how to use javascript to make my html pages better and more dynamic.
Lab 4(Click lab 4 to go to lab 4)
For lab 4 I used a lot of java script to be able to shape the webpage and also be able to do things like
set a timer for the donations page so that the picture switches every 60 seconds. I also used local storage
to be able to story an array of pet objects and also to store information about the users that had made a donation.
Lab 5(Click lab 5 to go to lab 5)
I was not able to get the API published so this link will not really work but you can at least see the format.
In this lab i learned a lot about how to work with an API such as how to create get, post, delete, and put statements.
The thing I found most interesting was how quickly my html page was able to interact with the API and get the information back from
the API. I also learned a lot in this lab about how to call on the API and get the information needed from the API to the use it in my
html page.