Web Client 2017 by Katherine Amasifen

Lab 43 was the 30th video to the whole Javascript30 series and what I have to do for this one was to create a website that would serve the purpose of playing a game. What I basically did was follow the video and did a game of "Whack-A-Mole" and just changed the avatar. My game was called "Whack-A-Poop" and I added a Poop emoji. This has had to be one of my favorite labs yet and I love that I got a chance to created a game. Overall, this lab was fair and gave us enough practice. I learned a lot of the javaScript30 series video and it made my knowledge of  Html, CSS, JavaScript, And jQuery expand a little more. I had a lot of fun creating this lab even though I encounter some problems, I manage to fix them and learn from my mistakes. I hope I get to do this types of labs more often because they are really fun to make.

Lab 42 was the 29th video to the whole Javascript30 series and we have to create a site that included a timer that we would have to set depending on the seconds, like either 10, 20, 25 seconds and the timer would start. My favorite about this lab was able to customize it the way I wanted and getting it to work because at first I was confused by the video and then I had something broken in my JavaScript that It was hard for the timer to work. This was a  fun and interesting lab to do because is very interactive and it depends on the user to set off or on the timer. Overall, this lab was fair and gave us enough practice. I learned a lot of the javaScript30 series video and it made my knowledge of  Html, CSS, JavaScript, And jQuery expand a little more. I had a lot of fun creating this lab even though I encounter some problems, I manage to fix them and learn from my mistakes. I hope to do this type of lab again in the future and make it better.

Lab 41 was the 28th video to the whole Javascript30 series was about Javascript allowing us to create a site that would include a video that had a button where you can drag up to speed up the video or drag it down to make the length of the video slower. I didn't quite understand the point of this lab. I had quick some issues doing it but I manage thanks to the help of my peers. However, I was surprised because my video got to work somehow. My favorite was being able to add a gradient and mix two colors that would got from one to another. Overall, this lab was fair and gave us enough practice. I learned a lot of the javaScript30 series video and it made my knowledge of  Html, CSS, JavaScript, And jQuery expand a little more. I had a lot of fun creating this lab even though I encounter some problems, I manage to fix them and learn from my mistakes. I hope to never do this type of lab again and move on.

In lab 40 what I had to do was first watch the 27th video to the whole Javascript30 series and then create a website that would include of a transparent box and inside the box, you have some of paper-accordion. However What I did was basically change the background color to two of my favorite colors, red and blue. I then added a thing that moves which looks very interesting on how it scrolls. to the side. In other words, if you can drag until it reached the end. Overall, this lab was fair and gave us enough practice. I learned a lot of the javaScript30 series video and it made my knowledge of  Html, CSS, JavaScript, And jQuery expand a little more. I had a lot of fun creating this lab even though I encounter some problems, I manage to fix them and learn from my mistakes. But the good thing is the I improve my basic knowledge of JavaScript and CSS.

Lab 39 was the 26th video to the whole Javascript30 series and what I have to do for this one was to create a website that would have three different words highlighted. And when you put the mouse over, it hovers over the words, and a tab of information or a table would pop up at the same time. In one tap I wrote about me and in the other two, I left it that way how in the video it was. I didn't have a lot of time to finish this type of lab but I learned to at least create it. Overall, this lab was fair and gave us enough practice. I learned a lot of the javaScript30 series video and it made my knowledge of  Html, CSS, JavaScript, And jQuery expand a little more. I had a lot of fun creating this lab even though I encounter some problems, I manage to fix them and learn from my mistakes. I hope to never do this type of lab again and move on. But the main thing is that I learned something new about Javascript.

 Lab 38 was the 25th video to the whole Javascript30 series and what I have to do for this one was to create a website that would have three different divs on top of each other, and when clicked upon separately, it would change things in the console. I was once again lost in the making of this lab because like I said before I'm not a big fan of working with the console. However, I tried my best to complete this lab and I think that is all the matters. The one thing I did like doing is creating the button is customizing the way the shapes looked by changing their color. Overall, this lab was fair and gave us enough practice. I learned a lot of the javaScript30 series video and it made my knowledge of  Html, CSS, JavaScript, And jQuery expand a little more. I had a lot of fun creating this lab even though I encounter some problems, I manage to fix them and learn from my mistakes. I hope to never do this type of lab again and move on. But the main thing is that I learned something ne

Lab 37, was about Javascript allowed the site to be interactive when you scrolled down to the navigation bar would follow and the first part of the bar would get bigger in font. I enjoyed making this lab because it gave an opportunity to write about Jill Freedman which is a Famous street photographer that I like very much. I also added some of the pictures like I liked from her next to the pictures I took trying to imitate her work. This can definitely be useful for my future work, like my portfolio by example. Overall, this lab was fair and gave us enough practice. I learned a lot of the javaScript30 series video and it made my knowledge of  Html, CSS, JavaScript, And jQuery expand a little more. I had a lot of fun creating this lab even though I encounter some problems, I manage to fix them and learn from my mistakes. But the main thing is that I learned something new about Javascript.

For this Lab #36, what I had to do was watch the 23th video of the javascript30 series and what this lab was supposed to do is that whatever you type in "The Voiceinator 5000",  whatever you typed inside it, and then press the speak button, the coding will allow a voice to speak what you have typed in the box. Then whatever you type in the box it says in a high fast or slow voice it's really funny. There is also another button where you can press stop to stop the voice from talking anymore. In my opinion, I had a lot of fun doing this lab but the video could of have been better. Overall, this lab was fair and gave us enough practice. I learned a lot of the javaScript30 series video and it made my knowledge of  Html, CSS, JavaScript, And jQuery expand a little more. I had a lot of fun creating this lab even though I encounter some problems, I manage to fix them and learn from my mistakes. Overall  I learned something new about Javascript.

In this lab what I had to do was watch the 22nd video of the javascript30 series. What I did in this lab was write a story about my sister and me. As some words were highlighted over them. Lab 35 was an interesting lab because I had to do a follow along navigation where I have certain highlighted words that will glow when hovered over it and it will take you to a website of that specific word. However, I didn't add no specific website to the words that I highlighted.  I did not find anything hard about this lab it was simple. The writing was the hard part of it cause I didn't know what to write about but the story about me and my sister was something that helped me a lot. Overall, this lab was fair and gave us enough practice. I learned a lot of the javaScript30 series video and it made my knowledge of  Html, CSS, JavaScript, And jQuery expand a little more. I had a lot of fun creating this lab even though I encounter some problems, I manage to fix them and learn from my mista

Lab 34 was the 21st video to the whole Javascript30 series and what I have to do for this one was that it on a phone or any mobile device, the compass shown on the website is supposed to work and move in the direction that you move to. I had a lot of fun doing this lab customizing it. I changed the colors of the dots to red and gray. And I made the compass have a little bit of red too. Creating a compass was cool to do and I liked the way it all came out. I don't know if we got a chance to figure out if it did work because we need to use a phone but I am confident that my compass works. Overall, this lab was fair and gave us enough practice. I learned a lot of the javaScript30 series video and it made my knowledge of  Html, CSS, JavaScript, And jQuery expand a little more. I had a lot of fun creating this lab even though I encounter some problems, I manage to fix them and learn from my mistakes. I hope to never do this type of lab again and move on. Overall  I learned something ne

 Lab 33 was the twentieth video of the whole Javascript30 series and what I have to do for this one was making the page interactive that would involve the using of the microphone of the computer for it to work. Now during that making of this lab, I was type lost and didn't know what I was pretty much doing. Once I was done with it, the microphone part of it all didn't want to work for me at all. I struggle to make it work but I couldn't. This was all a new concept to the coding. You can also type on the page, but that is not the objective of the lab. Overall, this lab was fair and gave us enough practice. I learned a lot of the javaScript30 series video and it made my knowledge of  Html, CSS, JavaScript, And jQuery expand a little more. I had a lot of fun creating this lab even though I encounter some problems, I manage to fix them and learn from my mistakes. I hope to someday do t.his type of lab again and make it work Overall  I learned something new about Javascript.

Lab 32 was the nineteenth video of the whole Javascript30 series and what I have to do for this one was to adjust the RGB photo colors when I take a picture using the camera of the computer. Taking the picture was only allowed in Firefox or Mozilla, but not Google Chrome for all users which were odd. And mine wasn't and isn't working so I don't want to exactly do. This lab for me was type confusing and I didn't know what to do. However, after taking a picture you can adjust the red, green, blue colors of the image with the adjustment bar. This would add a good touch to the pictures and change it up, but it would make them look weird in my case. Overall, this lab was fair and gave us enough practice. I learned a lot of the javaScript30 series video and it made my knowledge of  Html, CSS, JavaScript, And jQuery expand a little more. I had a lot of fun creating this lab even though I encounter some problems, I manage to fix them and learn from my mistakes. I hope to never

Lab 31 was the eighteenth video to the whole Javascript30 series and what I have to do for this one involves the console again for like the 5th time and specific commands that are to be put inside the console to perform a specific result. In this webpage, all the videos have a specific time on them and when you put any of the 3 commands in the console, it will tell either the seconds, minutes or hours. I really do not have a fond of this type of labs because I really don't like working with the console that much but I found it very interesting how the console was able to tell the hours, minutes, and seconds of the videos.  In my webpage, you can see all the videos, I only customized the background and changed it to black. I didn't like this lab pretty much since it really isn't as interactive as others but I learned more about the console and what it can do.

 Lab 30 was the seventeenth video of the whole Javascript30 series and what I have to do for this one was to create some sort of list that has names and that was pretty much it. My webpage was created in the honor of Sam Smith. He is one of my favorite singers and he just came out with a new album called " The Thrill of it All" and in this album he had a lot of songs in which I love hearing too in the train on my way home so I decided to put the names of his songs on this list. It was an interesting lab because it would sort all of the text in alphabetic order, regardless of how you would place the name of the songs, it will always appear in an ABC format. Overall this lab was fairly simple and easy to complete. The only hard thing of this was having a good picture of sam smith that I could use as my background but I loved the way this Webpage ended up looking and even though it isn't as interactive as other web pages that I have created is another one of my favorites

 Lab 29 was the sixteenth video to the whole Javascript30 series and what I have to do for this one was to have text where it would have many different shades of colors to it when moving the mouse all over the page. So basically what I did was customized my webpage and made the background black. Once the background was black I add the text " baby girl Kat" with a few emojis next to it and that was it. I have fun doing this lab and it made my webpage fun to look are and more interactive.

 Lab 28 was the fifteenth video of the whole Javascript30 series and what I have to do for this one was focused on a fake menu. Pretty much what I had to do was create a webpage of a restaurant. The restaurant that I created is called " L Paiche" which was the name of the restaurant my grandma had in Peru. So basically if a user where to be on restaurant webpage they would be able to type anything they wanted to order and it would be part of the menu of the restaurant that I created.  This is a form that was created where it stores all of the data that is put when typed into the input box. I customized the background and added a picture of a fancy restaurant. And I added a Fish as the logo. I had a lot of fun creating this lab. I think this is obviously one of my favorites that I will always remember and Of course, learned a lot from and improve my skills.   

  Lab 27 was the fourteenth video of the whole Javascript30 series and what I have to do for this one was mainly focused on the console again. There were a specific set of commands that the user would have to put in the console and a certain outcome would be given when executed. If you type in the word "team" inside the console, then a list of 4 names would appear as that is equivalent to a team. There are many more commas that you are able to put in if you wanted too.  For example like "players", "AT", "dev.name" and more that would result in several other results in the console when these commands are put inside. It was okay to complete this lab using the console again. I manage to be able to work with the commas and customized my webpage as well. This was some sort of practice to be able to expand our knowledge in programming keeping us learning more.

In this Lab #26 what I had to do was watch the 13th video of the javascript30 series and was about scrolling down a page and what happens when you scroll down. I took the time to write about myself and add quotes of what people thought of me personally. So if a user was to go to this webpage that I created about me, he or she would be able to scroll down the page, and images will appear from the sides, even though they might appear as if they come out of nowhere, they are programmed to be like that. I added images that described me a lot in many different ways. Some are of me alone and others are of me with people that mean a lot to me. This was a fun lab to do and it was very easy to complete. I didn't struggle and I manage to complete in time without any problems or broken codes.

Lab 25 was the 12th video of the javaScript30 series and it was another lab related to doing something with the console. What you are supposed to do in this lab was that once the user is on the website, the user needs to right click, and then press inspect. Once the user press inspects you can check the console itself. At the console, the user then needs to type in "wesbos" and then press enter. after you click enter, a unicorn appears or rainbow might appear, and a counter appears saying how many unicorns were created. Overall, for this lab, it was quite simple and fun to complete. It gave us to practice on how to work with the Javascript console and sequence. And I had fun looking at how many different unicorns would appear in total.

Lab 24 was a weird lab for me to do that I barely got the meaning of it. This was the 11th video of the javaScript300 series and the hard time about it was that in the video it was hard to follow the guy because he didn't explain it well. What  I had to do was make a webpage that contains a video that can be played. When I was doing this lab in DreamWeaver, the code that I would put from following the steps of the video seem to be broken. And the video itself that was supposed to be on the Website didn't work either.  This was a very hard lab to do because I struggle a lot to get it to work, however, it made me realize that there is always a solution to everything and try harder.

In this Lab #23 basically  w hat I had to do was create a checklist. This was  the 10th video of the javascript30 series and this was a cool lab to do because I got to be able to know how to create a checklist using code. The guy in the video was able to explain clearly and show how this lab was supposed to be done and how it was supposed to function. This checklist is supposed to have boxes on the left side of the document to check each item/task as many times as the user wishes or the user can also check them all at once. I really learned a lot about this lab and the best part about it is that I can be able to use it in future websites that I might want to create. Overall had fun creating this lab and it was really fun to make a checklist for the first time. 

Lab 22 was another lab that had to be dealing with the console. what I had to do was watch the 9th video of the javascript30 series and this was a new concept that I had never done in code before. This lab was okay to do I pretty much just dealt with editing the CSS part of my webpage and adding cute emojis that would represent me.  However, this lab was harder for me to do because it was hard to be able to keep up with what the person in the video was saying and explaining about how to do this type of this lab. I tried to do my best to it and actually understand it to the best of my ability but I ended but with a broken code at the end. Thankfully I got help from my fellow classmates and I was able to finish this lab.  This was another entertaining lab to do and there is nothing really special about it other than working with data.