Web Client 2017 by Katherine Amasifen

Team 7 Q&A 1Q. T he event that is used to detect when an element has been clicked on by the mouse is ______? 1A. On-click Event. Source: W3schools 2Q. Write a regular expression that will match a string which contains the word 'the' (case intensive'). 2A.  (/the) this will find all the the's in the string and record then case intensive, meaning its all lowercase.  3Q. Write a regular expression that will match a string which contains two small letter 't' separated by a single character.  3A. (/t.t) t his will find all the t's in the string and record then case intensive, meaning its all lowercase.  4Q. Write a regular expression that will match a string which contains two words { anthrax, bomb} in (case intensive) 4A. Build Answer 5Q. Write a regular expression that will match a string which ends with the same character it starts with. 5A. Build Answer  6Q. Write a regular that will match a string which starts wit...

On December 5,2017 I was able to go to a career exploration trip to Finn Partners, from 4:00 to 6:30 PM. Finn Partners is located at 301 East 57th Street and is a global media and communications firm that uses branding, advertising, traditional PR, digital and social media to help clients promote their brands. I was able to get there just on time and the building was very nice. Once I got there I was the only senior of my class going and it felt type weird but always good because I was the only that took this amazing change to do new things. So once I got there I was sent into a conference room and there where other CTE students from other school and also there was a Junior from Info Tech. They gave us food and that was nice but since I was the last one to get there I didn't get no cookies and that made me upset but anyways moving on...the place was pretty cool. Once everyone was seated the people talking to us about Finn Partners started talking. And they just told us about ther...

In this lab we had to add a draw system in the page that when the user presses and moves the mouse at the same time, they are able to draw anything and just "GO WILD". This as well created a different stroke and color every single time. This lab was a lot of fun creating and it made me draw and actually enjoy it. Over all this lab was easy to create. On this lab I decided to go with a black background to make the color pop. And then just add my name and what lab number this was. There where very interesting lines of code to this website. And hopefully i get to use them more often.

Lab 20 was the same as in lab 17 which i did in the pass. In this lab I basically did the same which was to add a different type of text using "<em></em>". In this lab I wrote in the following " We all make mistakes. No one is perfect. Yet all we can do is learned from our mistakes and be a better person. Never give up and always keep up" - Katherine 👑 ♥️ ♥️ ♥️". But to be more specific the purpose of this lab was to make sure that the console was working.  And basically what it had to do was  show that the  information that I put regarding whether or not the information given is true or not. And just like lab 17 this was the continuation of Array Cardio part two.

On lab 19 we had to we basically had to do like a from type of thing that would allow the user to type in a city or a state and all of the cities or states regarding those certain characters typed will show at the bottom of the input box. For example if the user where to type the letter "N" or "O", all the cities or states that had that letter would appear bellow. This lab was an interactive lab where the user can get help in finding the cities or states they need if they only typed in the letter. This lab is just another educational lab that anyone can use and find useful for school. Overall this lab was difficult to make. The only thing I did and found fun was modify this lab and being able to change the way the from would look. I added different shades of blue and I made sure that the letter that the user was to type into the input box was to be highlighted in yellow.  I learned somewhat from this lab and hope to use this type of code in the future.

Lab 18 has been on of my favorite labs to do from JavaScript30. Basically what i had to do was add five images that will fit to the whole page and when you click on an image, it will grow larger and all the text that I put in the code will show in that image. In all honesty this lab has been so fun to do. The way this lab was done amaze me because it made my webpage look so cool and beautiful. Compare to other labs that I had done, I have never felt so accomplish in to doing this one. Some obstacles that I had doing this lab was trying to upload this lab into my server. Something happen in my coding that made every picture appear except for the first one. I had to re download the picture several times but nothing made it appear. Then I decide to name is another thing and then trying to upload it again in the server. Once it was upload, I refresh my page and it finally appear and looked the way it was suppose to look.

Lab 17 was an easy lab to do overall. I first picked a background color, which was black, and then I pick in my name and Lab 17 in the center of my webpage and then I add the following text which was "Princess Katherine is the best" with two emojis and this text was all together with the "<em></em>" code.  This made this type of text look different then the rest of all the other text. I had no obstacles doing this lab, to be honest the hardest part of this lab was on me decide what was i going to put in the "<em></em>" text to make it different from the heading that had my name on it and the lab number.  I enjoyed making this was and it was the easiest to do.

In this lab we had to focuses on the alteration and customization of an image. So basically what i did was chose an image of my liking and put it in the center of the website. The picture that I picked was the one with me and my boyfriend. Then I had to create a blur and color border and spacing affect to it. With these commands you are able to make the picture as blur as you want or as visible as you want. You can play with the border spacing of the image and you are able to pick the color of the border that you want the picture to be. Overall I learned a lot about how to add all these codes that would make the image blurry or change the color of the border with you being able to play with it. Nothing was very difficult with the lab. What I enjoyed about the lab was being able to play with the image and just learn something new.

Lab 5 was an okay lab to do in all honesty. This Lab took about 3 days to complete because Mrs. Ramirez kept on telling us each day to add more code but whatever. Anyways basically what we had to do it use our basic knowledge of HTML and CSS and JavaScript and also JQuery and be able to make this lab do the things that is being told to do. Pretty much the purpose of this lab was for someone to be able to convert decimals into binary, hexadecimal and octal. And also for someone to be able to place random number and then be told how much cents they have in total overall. I learned a lot in this lab however I can that it was a Bit complicated and I am still working into getting it fix and getting all the buttons to work.

For this Lab we had to do something that I found so cool and interesting to do.  Basically we had to place a drum kit using Javascript and our basic knowledge of CSS and HTML. The task was to create buttons with letters that if you press the letter in the keyboard it would make a sound. At first it was tricky to get each function to work for every sound and to make sure that the sound was the right one for each letter. Then another thing was making sure that I didn't mess up anything up trying to modify it with CSS. In this lab i had to restart it twice but however i manage to complete it and made sure it worked. I learned a lot in this lab and i was able to do something new and cool. Hopefully i get to make more labs using this type of coding. This way I can improve more on my basic knowledge of JavaScript and CSS and HTML.

For lab 11 we had to work with jQuery Ajax to change the text and get external content as a button, that if you clicked it it would tell you if the page has loaded "successfully" or if not it would show "error". I think this lab was easy to do because we just had to created the button and just make sure the this event occurs. However it wasn't as easy as I thought because the pop out of the event would glitch and say both "successful" and"error". Most of my classmates didn't know how to fix this problem but then we found out that this problem would happened because of the browsers that we were using to look the webpage in. But at the end I got to complete my lab and submit it on time.

Lab 9 was another fixing and troubleshooting lab like any other. For this lab we had to place the nine images in a row as a jQuery animation and add the captions. For this lab I wasn't so lost on what i had to do. I just got to find the right code for an automatic slideshow show of 3 images that would automatically move to the next slide of 3 images every 5 seconds. But also we had to make sure it included buttons that you could also move it yourself. I when to W3Schools to get the code and the hard part of all this was getting it to work. It took me a lot of time to figure out what was the problem but with the help of my classmates i got it to work. This task was confusing at first because only some images would appear and it didn't appear in a horizontal but vertically.  But lastly I learned a lot in this lab and my mistake was that i need to add another image of my own since at first we were only giving 8 images overall. 

Lab 8 was like Lab 7. We were giving code that wasn't created by us and we had to fix and troubleshot it. Our task for this lab was to fix a broken website so that every time you reload a text box including a quote, the quote would change to another that's already inside the code. Now the quotes were already giving to use we just had to find a way to make it do what Mrs. Ramirez wanted us to make it do. Since the only way to make it work was using JavaScript or Jquery I decide to see which one was the best way to make it work. Since we been learning various skills using Javascript and Jquery. I decide to give it a try and use Jquery, even tho i am not an expert in it. With Jquery I was able to make this Lab work. Every time you would refresh the page a new quote would appear.  I found the right code by going to W3SCHOOLS. It took some what of a long time to be able to fix but I complete it and submitted on time. Overall I now know how to do this type on fixing in a lab and ho...

Lab 10 was the same code giving to us for lab 7 except that this time we had to add three different jQuery animations. For the first animation, we had to find the right code to add to the original code to have the images move like a slideshow for the first box in the bottom of the link. The second animation, we had to place a different function to have the information add on and continue with more details by fading lightly though. For the third animation , we had to trouble shoot to have different images sliding up just like the first animation but differently. Now without doubt W3Schools was the place i was going to go to be able to figure out the right code to use for all these animations to function. This Lab was type hard cause I never worked to animations in jQuery but i manage to figure it out. Overall I learned a lot of new skills and I need something new about working with jQuery animation. 

Lab 7 was a lab like no other. In this lab we had to troubleshot it and fix the code that it was already giving to us. The original problem was to make the website look full and complete by moving parts up and down. This was one of the most difficult lab ever giving to us but yet it was pretty fun and exciting. At first I didn't know what I was going to do to be able to fix it but then I remember and decide to go to the one place that could help me with anything and that is W3SCHOOLS. I searched and searched until i found i code that might helped me to fix this lab and make it do what it supposed to do. However when i put in the code to fix it nothing happened. Eventually I was able to troubleshoot it and make it work. But it took me a long time to figure out what was the problem. I was using the wrong code to make able to work. And as well i wasn't calling out the right "ids" or "functions". However at the end I finished and was able to make this lab ...

Lab 6 was a bit interesting to be honest. This Lab was broken down into three different parts. We had to to place a calculator for the gas mileage, place two different images as gifs, and do a form that tells you that you that says to enter your age in order to tell you if that answer you submitted is a number. At first this seem like a lot but it was quick not. My favorite and most stressful part of all this was trying to pic the right images and figuring out how I was going to put it into my webpage. For the other parts of the lab it was quick easy. The only thing I had to do was to make sure I called out the right "class" and "id" of the buttons in order to be able to modify them and make them look pretty using CSS. However the Calculator part was a bit tricky because I had some problems in trying to figure out why my code wasn't working and why the calculator wasn't doing what it was supposed to do. It took me about a whole period to figure it out and y...

Lab 15 was another one of my favorite labs. In this lab we had to create a Clock that moves each second obviously using HTML, CSS, and JavaScript. This lab wasn't hard to do at all. To be honest i had a good time creating and being able to modify the clock and make it look pretty the way i wanted it to look. However I did encounter a problem with the code. Every time I would change the color of the clock, the clock itself would stop. It took me a bit of time to figure out why the clock would stop of no where and the funny part of all of this was just because a silly mistake. My mistake was the I didn't end the CSS part of the code with the "}" so the code would just not function right. Over all this Lab was okay to do and even thought I didn't encounter a problem doing it was nothing out of the other world because I still manage to fix it and make it work.