Lab 13 Reflection

In this lab, lab 13,  I was tasked with using html, dreamweaver and script along with J query in order to make a website with text that when I click it, it duplicates itself. This is a sample of all the code that I used for this specific lab:  So to do this lab I was required to look at a video pertaining to Bind live and Delegate. In this video I was able to see how each piece of code can mean a lot. The first piece of code I would like to recognize is <div class="container">, so to explain it helps the user edit the h1, h2, h3,p, or li tags which in this case applies to h2. This is what applies to h2 because if you look at my code below you can see that my h2 tags are right under it.

Following this, is my link to the jquery-2.1.1.js by using a <script src="> tag. This tag allows the code to recognize the delegate that is shown under that. Following that piece of code there is a script initiated. The function to initialize the following code and establish that this is a function. the following code has $ which stands for j query followed by the div container then following delegate, then applying a click function to what ever is in h2. the next like states that when clicked something will happen. Then the line after that says the j query will make sure "this" will be cloned when clicked. Following other code and then closing the script. In the end the objective of the lab was to make use of j query to create an image of cloning. The software I used was Dreamweaver CS6. This is relevant to web design in many ways, one of the things that clients like are being able to present things to their partners in a manner that really emphasizes their ideas importance. Cloning is a tool in web design that can offer this and satisfy a web designers employer. I see myself using these skills in the future by showing my potential clients what us capable with j query, as well as whenI present an idea, i can show emphasis to it with this code.

Lab 12 Reflection

In this lab, lab 12, I was tasked with using J query and Css to make a website based on a subject that I dislike and make a set of six questions and six answers pertaining to that subject. The subject I chose was Music History, taught by Mr. Evans and the questions I asked were: What is Music History? Who is my Music History teacher? What is the Middle Ages? What is the Renaissance? What is the Baroque period? And lastly, What is the Classical era?. These six questions had their own distinct and detailed responses that explain what they are and their influence on history.

The previous paragraph explains the content and what it consisted of, this paragraph is about the coding I used during this project. To start off, the J query I used for this lab was link through this piece of code :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

This was the code I used to allow the following function to operate properly. Based on the 15 minute video on J query events 201. I learned many things like $( dd ).hide() in order to hide the content that is underneath the text boxes. $( dd ).show() is the contrary and the supplement for these two could be $( dd ).slideup() or $( dd ).slidedown(). One of the ones from the video I found most interesting was $( dd ).toggle(), by toggling you have full controller over what is being managed in terms of the content in the boxes, so instead easily hovering over the box, the content won't reveal until you click the box. Moving on, my code consisted of other things  such as the tags d1, dt and dd. Simply to explain how I used these tags are that the <dd> tag is used to describe a specific term or name. So in the case of this lab, when answering the question what is Music History, under the dd tag it would say : "Music History is the study of the history of past forms of expression through sounds. Time Periods consist of the Middle Ages, the Renaissance, the Baroque period as well as the Classical Era and so on. Adding on there are a various amount of composers through these time periods such as Mozart, Claudio Monterverdi and many more". The dt tag on the however supplies the name for the dd tag, so in the case of the lab, all six questions fall under the dt tag. Lastly is the d1 tag, it is the tag that defines the whole entire description list. Without counting the script and the J query I also added a Css by the name of style.css, it consisted of many things such as alignment, border lengths and etc.  There is a code at the end of the Css that is essential to the lab and it is ".hide { display: none;}". Without this the content will have trouble performing its proper function which is to not show any boxes opened besides the one that is hovered over. Overall, I learned a lot about this lab and plan to learn more about J query in the future.

Lab 11 Reflection

In this lab, lab 11, I was first introduced to J query. My assignment was to make a website, using javascript and html and css to have buttons that when you press the day button, it shows a day background and when you press the night button it shows a night background.

This is the javascript I used for the buttons:

<body id="body">
	<input type="button" onclick="day();" value="Day" />
	<input type="button" onclick="night();" value="Night" />

As you can see based on the cod two buttons, clickable and when clicked equal to the value of day/night.  In my code there is css as well as a link to the j query 2.1.1 that was necessary for this lab. The objective of this lab was after I saw a 10 minute video on j query, I would be able to apply what I saw in the video to make work in the class. I was able to accomplish this by following the steps in the video, applying my knowledge of css on what i thought would be a good background for day and of course downloading and a link to j query. The software I used was Dreamweaver CS6, which consisted of css, html and java script.  This is relevant to web design because if I want to make a websit presentation, a good way to present an idea would be with j query, which seemed to catch my attention as well as hopefully other users.

The function  used was:

$(function() {
	var button = $('input[type=button]');
	button.on('click', function() {
	button.not(this).removeAttr('disabled');
	$(this).attr('disabled', '');
	});
	}); The $ stands for J query, to add on I see myself using these skills in the future as a web designer when I want to us code that isn't too complicated and something that I can use to accompany javascript an impress my client.

Lab 10 Reflection

In this lab, lab 10,I was tasked with making 10 forms, 8 you can type in with prompts, the other 2 you choose from a list. This lab wasn't pretty straight forward  in terms of the code since it as provided for me on paper, however the case was that there was just so much code that to put it all in one document an make sure the java script was goo was pretty difficult to manage. I had worked on making a prompt box before in a previous lab that I had done but with all honesty this lab, lab 10, felt more like a project.

When discussing projects, I feel what prevented me from doing my best in this project was working on this as well as my sarcastic web site project. For this project the software I used was Dreamweaver CS6. This lab was relevant to web design because in  website people like to feel that their information is secured or that it maters, so forms are a good way that the user feels like thy are interacting with the website.A majority of my ode had a repetition of "<form action=" for each of the forms that I made. I see these skills being used in the future when I want to relate a website with a forum and want to have y website public and used a lot so people will want to join if they know they can log in and be a par of something bigger.

Project 1 Reflection

In this project, project 1, I was tasked in making a sarcastic website with a topic of my choice. The topic I chose was socioeconomic status. In my website I made 4 web pages sarcastically. The 4 pages consisted of attire, food, housing and of course health care. When I first started this project the first thing on my mind was how was I going to pull something good off and how was I going to effectively present it. For each page I tried my best create a background that would go well with the theme of the page. In each page it Is made so that it compares the life style of someone who lives  in Chelsea, Manhattan as opposed to someone who lives in Queens bridge.

For the attire page I compared rich vs poor in the way that people who are rich are dressed in business attire with special brand clothing. I noted that who cares what people? There is no difference, it's all clothing. Despite this the reality is that there definitely is a difference, there will always be people who are affected by how one dresses. Brooks brothers is completely different from old navy.

For the housing page I compared rich vs poor in the way that rich people live in nice lofts and houses in Chelsea, Manhattan while poor people, unfortunately live in run down houses in Queens bridge.  I basically note how they are both homes, what's the difference, the only thing is that one has a safe neighborhood guaranteed while the other has huge risks. I presented this sarcastically because the fact of the matter is that this indeed is a serious issue.

For the food and healthcare page there are a bunch of things to consider, I made the backgrounds to go with the theme of what the page was about. The health care page  has first aid symbols all around to show its about health and the food page is all about food of course so I chose a picnic table kind of background. Though this projects asked me to use html, css AND Java script unfortunately I was too focus on the content as opposed to the code that my alignment could have been better and I di not add css or java script. I will keep this in mind for the future so that I can improve.

Connecticut College Explore Weekend Reflection

Saturday afternoon,  I took a limo from Lincoln Center, 62nd St to attend an overnight stay program at Connecticut College called Explore Weekend. On my way to the college, which was about a 2-3 hour ride, I did not know what to expect. I would be stay with a college student for two nights and they would show me around campus. When we got to the college I saw so much green and trees, the atmosphere was different from New York, some thing I was waiting for for a very long time. After registering at the desk I met my host, Ben Ballard, he was very kind and welcomed me on campus. I could feel an amazing and friendly community with the college. Ben asked me what I was interested in studying, which was Political Science. As it turned out, our majors were very similar, he was a double major in history and international relations, both fall under government. We had amazing conversations about foreign policies and how the US has allowed its self to fall victim to pointless crisis's.

I was even able to discuss my high school and the programs it offers, he was really impressed and strange enough, one of his friends was a web designer. Later on I had the chance to meet interesting people at a banquet organized by the school. There was students from all over, most of them were from Chicago, Massachusetts and New York.

The next day, my host took out for breakfast and I was introduced to a lot of his friends, they seemed really nice and told me about the professors at Conn College. Later that day I had an interview at the office of admissions so I wore the most professional attire I had. By me performing well in interview was basically a way of me assisting my application.

After my interview I had the chance to take two college classes Psychology and Biology. In Pyschology, taught by Professor Ruth Grahim, I learned about how we receive pain and how the input goes to the part of our brain called the frontal cortex. I was very intrigued on what the professor was teaching us so I rose my hand and asked her if we need an input to receive pain then how do you explain the pain we receive when your leg falls asleep and it is numb? The response apparently was that the hair on your leg, no matter how small, is coiled in nerves, when your leg is positioned in a way that would un coil the nerves, the legs whole function is messed up, so it sends a message saying that leg is not in order, therefore as the nerves are recoiling themselves the leg goes numb.

In Biology, taught by Professor Marc Zimmer, I learned how one can use light to read and control minds. It was tested on lab rats that when a rat is sent a message of escape through a piece plastic attached to their head, when the light is turned on the mouse will force itself to find an exit. The way this works is that mice use their whiskers to sense direction and know where to move, sort of like a driving wheel in a car. Below is an image of the the professor's, Marc Zimmer, pet Axolotl which is a Mexican salamander that can glow blue in the dark, and when looked at through special goggles, makes the whole room look green

After these two classes. we attended a student panel where we asked currently enrolled students questions on college life. The event was very informative and a lot of what they had to say was very inspiring. Furthermore, the next day we participated in a community service project at a nearby theater. We got to learn about the New London, CT area as well as internship opportunities for college students. After that it was time to go back to New York, one of the hardest things to do was saying goodbye to my host, Ben Ballard, if it wasn't the amazing professors or great after school programs it was definitely is compassion and openness to invite me to the college, as well as introduce me to his Acapela group that made me feel at home on campus and definitely put Connecticut College on the top of my list.