Web Client 2017 Tasnia Hussain

        Lab 20 was all about Javascript with the many skills of coding that has complex functions and the basic HTML and CSS. It has a console, specifically which shows the information of accuracy or if its incorrect. Troubleshooting was a part of it, which was the most difficult part because it was confusing, and most of the functions had weird tasks to it, so some parts would work properly and the others would just freeze or not work at all. Many of my peers had the same problem as me, knowing how difficult Javascript is for us but in the end we solve it, and find the correct solution for each problem we come through. Overall, this lab was a major headache to deal with but had some interesting perks to like it. For instance, over coming this obstacle and accomplishing this challenge as a lesson. 

        Sadly, I missed out on the College Fair that occurred for 2017 Fall Semester because I wasn't feeling very well that day and had to go to the hospital. Over the day, I heard and how it went from my classmates. For instance, a peer told me that it went very successful because every college there was pleased on the way our school students were, and how we were so eager to learn about the colleges.  

         Lab 12 was used by Javascript, jQuery and Ajax and of course, the basics of HTML and CSS. Most functions were confusing on the lab and many of us had trouble trying to finish this because we we're all really lost with this one. We had to create a lab where youtube videos are listed and when you click on them, the video would be shown on a good size level. From this lab, I learned how to upload and place youtube videos as a list and as well as playing the video when pressed on. Hopefully, I can use this lab and practice on my index for my portfolio and this way my knowledge for coding and working with softwares like Javascript, and jQuery expands continuously. 

          Lab 19 is where we had to create a search form using Javascript with jQuery and CSS and HTML. This lab was a bit tricky and confusing because the functions for finding the match was complicated to work with. It was a search button where you would enter the city or state for filter for a city or a state. I would love to use this lab as part as my work in the future because it's an easy to way to figure out where customers are and how far they are from getting your product or merchandise that involves the idea of my business company. In my opinion, I think experts use these type of designs and Javascript functions on their popular websites to attract more viewers to make money, which is interesting because it looks more appealing for viewers to use.  

         Lab 18 was one of my favorite labs of this marking period, because the designing with CSS and Javascript with HTML looked so appealing to me, and it was a way to add pictures of my favorite thing which are flowers as you can see. As a visualization, it looks personable and charming to view because the images move with the captions for each panel of an image. For this lab, many divs was to be created including a class with it and in the CSS tab, we had to design each div class. This lab was entertaining to work on but also quite tricky and difficult because to find out how to have each panel moving with the code was different than what we regularly do in most labs, but it was fun to try this new thing out for this lab in particular. 

           Lab 16 was quite fun to work on it because I enjoyed working with Javascript to create an input where you can choose the level of blur you want for the picture shown, and another input where you can choose the amount of space of border you want for the picture, and as well as the input for the color for the space border. This lab was an easy task because the javascript and jQuery coding was not as difficult as I imagined to be, to work with. There was this one coding line, "const inputs= document.querySelector All('.controls input');" I had trouble trying to fix, because there was one typo in it, and it took me a while trying to find the mistake. With the help of one of my peers, I was able to fix that line, and have everything working for this lab 16.         In the end, I learned how to place an input for blur of an image and the input for a spacing border, including a color choice input too. I would love to use this a...

            In Lab 15, we had to use Javascript and CSS with HTML coding to place a clock that moves by the second. In my opinion, this lab was quite easy because I found the coding to make the clock online and personalized it with my own timing of seconds by using Javascript, and put some CSS styles to make the lab look interesting. I really enjoyed creating this lab because I would be able to use the clock to make it look stylish on my portfolio index. Some of the coding lines were a bit confusing to understand and exactly find out which part of the clock they work for, but I experimented each coding, and explored the functions and styling designs to see which part works for what, and how to make it look nicer. 

        For lab 14, we had to place the drum kit using Javascript, CSS, and of course HTML. We had to have each of the letters make the sound as displayed. In my opinion, this was the most difficult  lab because, it was tricky to get each function to work for every sound . Placing the audio sounds, was confusing too because some sounds would work and some wouldn't. In the end, I found out some of the sounds were placed in the right folder and place, so I had to make a new folder for all sounds and place it with that specific lab.         For the future, I personally like this lab because of the sounds matched with the letters, and would use, it for a personal website of mine, and work with it maybe to entertain children, since it is a drum kit. From that said, you can tell that I learned a lot from this lab, with the Javascript codings. 

      For Lab 11, we had to use jQuery AJAX to change the text and get external content as a button. It has to be able to say 'error occurred', or 'successful' in the page button. It was difficult because once we clicked "Get External Content", sometimes it would have a pop up saying "Successful" or "Error", and most of us didn't know how to fix this problem. Then, we found out this problem mostly happens depending on the browser we look at it from, for instance, google chrome tends to say 'error' once clicked on this button, but on the Safari browser, it works and says "Successful".