Web Client Programming By Andoni N.

Link to Project This was a group project and the idea behind it is the same idea as the actual show, the Shark Tank. At the beginning of this project, we were told to come up with a product that we were gonna sell, then each of us was assigned a group and the idea was to design a web page for that group's product. The group we were assigned to had a product that was the Infinite Book. This image below shows the image that we created for the group. We created a logo and even multiple different pages for the website such as product page, contact us page, and others.

Link to Lab9 In this lab, we were assigned the task of creating a slide with images. The starting HTML file was just a bunch of images stacked onto each other. First, instead of using JavaScript, I used CSS to make the images appear in a horizontal line and then create divs that had three images within them. One div would be displayed at a time and then when the next button was pressed a different div would appear. In essence, the images aren't really sliding, but rather fading an being replaces with different divs.

Link to Lab8 This lab seems very simple, but it was hard coming up with a way to make it possible. In this lab, we were assigned that task of making a quote on a webpage change everytime the page is reloaded. To make this happened, I used the set of quotes given to us and make it into an array. Then set up a function that would create a random number within the number range of the array length. Then make it so that only the quote with the random number generate would appear. The code is found below: var quotes = [ "These days sleeping at your desk is not just acceptable, it's encouraged. — The Atlantic", "NAPS has changed the way people think about sleep, on a grand scale. — Washington Post ", "Happiness increased 200% since NAPS began promoting siestas. — National Science Review ", "NAPS has ushered in a new era of sleep. — USA Today ", "Not surprisingly, more siestas means more productivity. — Wall Street Journal ",...

Link to Lab7 In this lab, we were assigned to make an accordion, which is basically a table with rows and when the mouse hovers over it another row appears. The JQuery code is below: $(document).ready(function(){ $("dd").hide(); $(".answer").hide(); $("dl").on("mouseover", "dt", function(){ $(this).next() .slideDown(300) .siblings("dd") .slideUp(300); });  }); This lab uses the hide commands which does exactly what it says, it hide any element that it is assigned to. The next piece of code is actually what is in charge of allowing the accordion to work. It states that when the mouse hovers over the element "dl" that it would slide down the element "dd" and when it does not then it will slide up. 

Link to Lab6 This lab was an addition to the previous lab. This time we are adding three more buttons: a stop, a stop immediately, and a go crazy button. The most familiar of the buttons is the go crazy one because it is just a function that has all the commands of the previous buttons just in a sequence. For the stop buttons, we are introducing something new: the stop tag in JQuery. The stop buttons do exactly what it says, it stops everything, but it has parameters that dictate how everything is halted. The actual stop command can be represented as " .stop(stopAll, goToEnd)", and a true would replace the two phrases in order for the parameter to be taken into effect. The first parameter, stopAll, halts everything immediately, even if it is in the process of an animation while the second one, goToEnd, speeds up the commands to the end.

link to Lab5 In this lab, we were assigned the task of creating this 2d square along with buttons. These buttons would include commands such as go left, go right, go up, go down, etc., but what made this special was that the code behind the animation was that we used JQuery, specifically the "animate" tag. What this tag does is quite self-explanatory in the name; however, the actual variable being changed is the CSS of the element. For example, to animate the box going left it would look like this: function left(){ $("#box").animate({left: "-=250px"}); $("#box").animate({left: "+=250px"}); } The code in the curly bracket is CSS and is using the left tag and modifying it. This is what makes the animate tag work. This was repeated with other CSS tags such as right, opacity, height, etc.

The piece of art that caught my attention during my trip to the Metropolitan Museum of Art was Bohemian Lies by the Sea  made in 1996 by Anselm Kiefer. This beautiful piece of artwork is in the Modern and Contemporary Art Collection. The actual painting depicts a poppy field and is made out of oil emulsion, shellac, charcoal, and powdered paint on burlap. The white wall surrounding the painting is very contrasting to the dark material used in the painting. It is a very somber painting and the way it is presented only makes it more evident. The title comes from a poem by the renowned Australian writer Ingeborg Bachmann. Bachmann's poem actually is influenced by Shakespeare: his play, The Winter's Tale contains the stage direction, " Bohemia. A desert Country near the Sea". Both the play and poem have a similar theme which is in essence about longing for utopia while recognizing that it could never be found, and that theme is attached to the painting by Kiefer. In the ...

Link to team Repository A clone is a process of making a copy of the master repository. A branch is a copy of the master repository stored on your computer We need branches in order to edit code and add features without actually editing the master repository. A Commit is similar to a bookmark in that it marks specific points in the project. For example, a commit could be made when new files are created. This is useful because we may want to go back to specific points and edit the code.

A repository is a special kind of folder that allows users to collaborate with others without the drawbacks of using other applications The special features of a repository are that it can be remote and local and that the history of the files are saved We can use GitHub to help our group collaborate more efficiently and be able to modify and share code easily. It will make transferring code less of a hassle https://github.com/andonin213/Repository-Name/