Visual Design Journal by Dayanna Arias

Got to the flip-grid channel and watch your peer's videos and then give constructive feedback to at least 3 of your peers. Give suggestions, compliments or ask questions. Honglin : I like it when you said that you feel better because everyone is experiencing this pandemic which makes you feel a bit better about it all. Jason: I agree with your statement that this pandemic happened really fast and that it just made us all confused about how to handle things. Danish:  I also share the same hope as you where we get to experience the feeling of walking across the stage and getting the diploma we all worked really hard for.

What is the objective of the CTE EXPO? What did you do to prepare for the CTE EXPO? What did you do during the actual event? What do you think went really well and why? What do you think could be improved for next year's CTE EXPO? What is your overall feeling about the expo? include pictures of the event. CTE expo is a way of communicating with the freshman. As well as to show the freshman what we do in the web design academy. What I did to prepare was that I created a home page that would lead everyone to the labs and projects that I have accomplished this year. During the event, I led some freshmen over to look at not only my home page but at some of my other peers as well. I was able to talk to not only the students but the teachers as well more freely due to my already having a couple years of experience. I feel like, during this expo, we were able to recruit a lot more people than in previous years because they seem more enthusiastic about it. 

  This lab was called, "Sort Without Articles". This lab had given us a list of bands which then was sorted out by alphabetical order in the console.log. To accomplish the sorting, I had first taken the list of all the band and then removed the "a" and "the" from the sorting to make it more accurate and not have these words affect the sorting. After that, I sorted the bands out using a jQuery selector and then created a login console with the sorting having been completed. Lab 31, called "Adding Up Time With Reduce", was a lab where there were a whole bunch of video times given to me and I had to add them up using JavaScript. Most of it is on the console and you inspect element my webpage, you can see how long each said the vide is, and in console, the total time displayed for all the videos together.   Lab 32 is titled, "Webcam Fun". Within this lab, I utilized the webcam on a webpage that you can use to take pictures using i...

Lab 36 is titled "Speech Synthesis". In this lab, I created a voice simulator, which basically is a web app that you can use to allow a bot to say whatever text you type in. You can also switch the voices, the pitch of the voice, and how fast the bot says it. Within this lab, the functionality of the text to speech revolves around the JavaScript and the HTML. In the HTML document, I added labels with input detectors that allow users to input the amount of pitch and rate they want the bot to play their text at. I also added buttons that are used to stop whatever the bot is currently saying while at the same time, a button that starts the speech.

The title of this lab is "Sticky Nav". I created a website that included a navigation bar that is sticky. This generally means that if you scroll down the page, the navigation bar should follow you and be on the page at all times. To make the navigation bar sticky, I first created the navigation bar using an unordered list with list items containing each panel. The CSS linked with it was styled with a black background and text that was white to compliment my page colors. There wasn't that much JavaScript involved in making this function.

Lab 38 is titled, "Event Capture, Propagation". This lab demonstrates how events work in JavaScript and how you can get the information of what is clicked on a page, demonstrated by a div with 3 layers and a button. In order to get the data, you would have to open the console and click on either of the rectangles or the button to get a response.

Lab 39 was titled, "Stripe Follow Along Nav". In this lab, I created a special kind for a navigation bar that opens a special dropdown that displays information and can be turned into a hyperlink.   In order to make this function, I created a navigation bar using a <nav> tag and I included all of my information in it. The dropdown animation is created with JavaScript and CSS. To create this effect, the dropdown is hidden and then it fades in when you hover over the navigation associated with the dropdown.