Web Design Senior

Hello! We were assigned to build a 20-page website. It could be either on Art, Presidents or New York. So I chose New York.  The reason why I chose New York is that I live in New York and I know the place very well and it would be very easy for me to put pictures because I already do photography.  so I decided to build a web page just dedicated to New York and it would give a tour to the best places in New York. Some of these places can be found on Google but most of them are not really well-known so I picked those places.  I also added a section for food because New York is known for food and everyone loves food. I chose my top favorite five places and its food from around the world. I also did a sticky navbar so people can easily navigate to the webpage.  I need navigation to have different sections like places food or pictures in general. if you hover over any of those it will show you related place in. if you click on food it will take you to the restaurant ...

Like last year, we had to join in Junior Achievement's High School Heroes Program. Unlike last year, we had to teach older learners about financial literacy and what not. My team had a total of 12 classroom learners this year, so it all went smoothly; it was pretty easy to get the students ' attention. We divided the sessions so we all had the chance to get the attention of the classroom. We lastly gave the learners signed certificates and they were all excited. The students enjoyed the whole day and we had a handful of more hours of service to the community.

We had to build a website to demonstrate our finest works for the portfolio project. To do this, I developed three parts for each project on my landing page, a project page, and a menu page. Intro-section, carousel of my projects, and a section about me were the 3 parts on the landing page. I had to produce a few animations for the landing page that I did using the platform for greensock animation, this was my first use of it. I had to build features with js for the carousel, using gsap for my own custom carousel. The remainder of the project was markup, design, and fundamental animations (for which I still used gsap).    I've been working on my portfolio to showcase my projects in a fun and distinctive manner. For the first time, I learned how to use animation platforms like gsap. In the future, when I need to produce animation-heavy websites, I plan to use these abilities. Some recommendation I'd offer to myself and others is to consider stuff like availability, responsive...

We had to create a page for lab 38 with various divs layers each having their own class. Each div has a click-on event listener and records the div class when it is triggered. There is also a button for clicking which also has an event listener. If clicked, it will log "Clicked!  ”. I've done this laboratory to practice my fundamental javascript like listeners to events. In this laboratory, I didn't really learn a lot, it was more of a training room. In the future, when I work with javascript in particular, I would imagine using these abilities. Since its more efficient, I would offer it some guidance to use jQuery

I developed a sticky nav bar in lab 37 that causes an animation in the navbar when it sticks and discloses the logo. I did this by adding to the navbar a particular class whenever window.scrollY is higher than or equal to nav's y position. Then I altered the logo design to trigger the animation based on that class change. This is achieved by setting max-width to 0, but by setting it to 500px with the shift.   I've done this lab to exercise my animations javascript and css abilities. In this lab, I learned how to produce and activate animations based on the position of the Y axis scroll. In the future, I envisage using these abilities when I work on websites requiring scroll animations.

I had to create a TTS (Text to Speech) program for lab 36 so that a synthetic voice would say anything you type in. I did this by using the api function SpeechSynthesisUtterance) (to get voices and push them to the voice set. I mapped each voice as a html choice with the title and language of the voice. I also added two stop and talk buttons, adding speed and pitch. Changing or clicking each of these choices and buttons would activate the toggle) (feature that basically begins over the TTS.  I did this laboratory to know about javascript speech synthesis. For instance, I learned a lot about how speech synthesis operates in javascript, what kind of characteristics and information it has like the voice-changed event listener. I plan to use these abilities in the future when I create a TTS-requiring internet app or mobile app. Since its more efficient, I would offer it some guidance to use jQuery.

I had to build a page with text in lab 35 so that it would be highlighted whenever you hovered over certain phrases. To do this, I added a tag inside p tags for the first time. Then I developed a highlightLink feature that would essentially style and highlight the anchor tags. I used DOM-based javascript to style the anchor tags in the highlightLink feature, and then I attached an event listener ("mouseenter") to the highlightLink feature, which implies that it would work whenever the mouse is in the tag text.  To exercise my DOM-based javascript, I did this lab. I learned how to use the forEach feature in this laboratory and how to use json items in javascript. I expect to use these abilities in the future whenever I generally write code in javascript. Since it is more effective, some advice I would offer is to use jQuery.

We had to create a compass in lab 34 that could return the user's velocity and direction. I did this by using the navigator.geolocation object's watchposition) (function, which then makes a tool logging it into the console using the parameter information. The data.coords.speed object determines the velocity. I used DOM-based js like this arrow.style.transform='rotate(${data.coords.heading}deg)' to rotate the arrow based on direction. I've done this lab to know more about the geolocation of the browser. I learned how to use the geolocation.watchposition based on the browser in this lab. I have also learned what information it returns. If I create a website or app that needs customer location information, I imagine using these abilities in the future. Since it is more effective, some advice I would offer is to use jQuery.

I had to build a website for lab 33 which utilizes voice recognition and outputs the speech in a p tag as a transcript. To do this lab, I had to use the fresh SpeechRecognition) (constructed in feature; which was set to recognition equivalent. Later I used the recognition constant to add a Listener event called' result' to itself that used a feature to return the information in the form of a transcript using outcome= result.transcript. The remainder was quite simple, I just had to show the information on the page in the form of text.    I did this lab for browser-built exercise. In this lab, I learned how to use built-in features to introduce voice detection on my locations. In the future, I plan to use these abilities when I need to add voice detection to my website, perhaps for individuals with disabilities. Some recommendation I'd offer is to attempt to play with other languages and perhaps do some browser-based voice detection studies.

I had to create a list of video lengths in each video tag for lab 31, which would return the video's complete length if they were videos. To do this, I need to create a video list between 1 and 50. Then I had to define the length of the video with each tag in each list. Once they all had a numbered tag, I did a math function that added the minutes and converted 60 minutes into an hour. Then it would count all the hours to the video.    I've done this laboratory to exercise my javascript and solve problems. I learned to work with javascript mathematical functions and tags that would be distinct for each. In the future, I expect to use these abilities whenever I work with javascript and need a mathematical solution to a issue.

I had to build a list for lab 30 and sort it alphabetically. The list that I made was a list of matches I played or played. I have sorted matches names with games.sort(((a,b)=>strip(a)> strip(b)? 1:-1) the first name tested in alphabetical order is higher than the second. The positive and negative numbers are what the task of sorting uses to sort objects.   I've done this lab to know more features of javascript. I learned how to use the sorting function that used an arrow function to sort the products in this laboratory and I also practiced using the conditional operator. Some recommendation I'd offer (it's been followed in the lab) is to use the conditional operator instead of if other statements because it's much more effective and is the abstract version of if other statements.

I had to create editable text in lab 29 that would have a shadow of distinct colors that would move the mouse differently. To do this, I developed a shadow) (feature that utilizes offsetLeft and offsetTop for shadow positioning. Then I puttextShadow design using text.style.textShadow (this is what updated the stance to the variable offsetLeft and offsetTop named yWalk and xWalk). Then I attached the shadow feature to the mousemove event listener to make it operate on mouse movement.  I did this DOM-based javascript lab. I learned how to use javascript and various event characteristics such as offsetTop and offsetLeft to style text shadow. Some recommendation I'd offer is to use jQuery because it's much more effective than javascript vanilla. We wouldn't have to use querySelector), (only $(element) could be used.

I had to build a list in lab 28 to which you could add objects. However, these things will not go away once the website is refreshed because the goods are stored using localStorage. In order to make this functionality, I created the addItem function that not only added the item to the list using populateList) (but also stored the items in local storage using localStorage.setItem('items', JSON.stringify(items)); the items variable would be updated using the.push(item) function in addItem. I used the innerHTML feature to show html code with javascript variables inserted in it to create the populateList function.  To exercise my javascript abilities, I did this laboratory. I discovered how to store javascript variables using the.map feature and local storage. I imagine using these skills when I create a store's cart function because the cart keeps items in the cart even when you don't visit the site, so when you come back it will show up again.

I just had to show json information in the console for Lab 27. I first had to parse the information using const data= JSON.parse(JSON.stringify(object)) to show a json object that I had developed from myself;. I can simply console.log(data) to show the console information after doing so.  I've learned how to manage items in javascript, be they arrays or information from json. I expect to use these abilities in the future when I generally write code in javascript. Some recommendation I would offer is to show the information on the page instead of just the console or even better, manipulate the information using js and then show it on the page

I developed a fundamental webpage in lab 26 that had scroll-based picture animations. To do this, I had to build a webpage with pictures in between. I had to build a feature called checkSlide to animate the pictures. This feature would check if I had scrolled past a particular offsetY it would activate the animated slide. The animation would cause an image element class change. For instance, if I had scrolled past an image animation trigger, it would add a class to the element called "active" which would then change and animate the css for the element.  To practice my basic html, css, and javascript, I did this laboratory. I learned to use javascript and css to create animations instead of just css. I also learned at certain points how to activate animations. When I add animations to any website, I imagine using these abilities. Some recommendation I'd offer is to use jQuery rather than vanilla javascript as jQuery is much more effective. You might have typed sliderImg....

We had to build a website for lab 24 which had a video player which could speed up or slow down the video. The first step was to build a fundamental video player html and css page, then I began scripting the feature. I have developed several techniques to make the video player function, such as updateButton, which updates the button depending on whether it is paused or played, handleProgress that handles the video velocity, etc. Then I added listeners for various events to trigger the features.  I've learned a lot in this lab. I learned, for instance, how to use conditional operators like? And: which replaces if the latest version of javascript contains other statements. I plan to use these abilities in the future when I generally work with javascript, whether it's a webpage or a program. Some recommendation I'd offer is to use conditional operators rather than other statements due to the effectiveness it offers.

In this seminar on August 17, 2018, we had our final day at the internship and the overall program. What we did first in the seminar was to remember everything we learned about working in the city and in office buildings. We also had to present some of our ideas from the other section of CTESS called the Youth Think Tank. This was a bit hard to address because we had some of the other students from the other university judging our ideas while giving some feedback. The seminar also included some information that we should remember about our profession's future. I believe there were some university information. Overall, that was the final seminar for me.

In this seminar, we were expected to learn about all the legislation before working for someone. For me, this was a little intriguing because I was thinking about the many possibilities I could ruin the job and get shot. We did exercises to keep calm like communication and know the map of New York City. Before we operate, we need to know how to travel there and the average time it would take to get there. Then some of the program's alumni would answer these questions before and we get to address some of the biggest problems. This seminar advised me not to worry about the first day of the internship because the manager would help you as much as possible

On December seventh, 2018, our class has been visited by Mr. Joseph Maseda of Care Point Health. He showed us digital security and different digital violations. We requested that he expound on the idea of digital security and he disclosed to us that is measures used to ensure and shield the trustworthiness of systems and projects from malevolent aggr

On December sixth, 2018, our class was visited by Alex Eaker from CodeHS and Andrew Otto from Wikipedia. While they were here, we got the chance to do different CS exercises without a PC and had a considerable lot of our inquiries replied. One inquiry that was posed to Mr. Otto was the reason Wikipedia has no advertisements and requests gifts. He addressed that Wikipedia does not have promotions since they don't need their group of spectators do be affected by commercials.

For this WBL workshop, we needed to rehearse our meeting aptitudes. To rehearse, we had two rounds of false meetings. For the first round, we were separated into gatherings so we could all have turns being met. During the second round, we did interviews once more, yet we got input on our abilities. For my situation, I had a propensity for continually breaking eye contact, so I was advised to take a shot at that to improve my talking capacities.

WBL Workshop 4. For this workshop,we found out about our profession DNA. I for one don't care for this as I trust it is a sham from the Jungian Cognitive Functions, yet in any case, we needed to round out certain structures about ourselves. The structures are probably going to be utilized to help us in discovering working environments for us. By and large, this workshop felt exceptionally rehashed from a year ago and the idea of these character tests are a washed down rendition of the Jungian Functions.

WBL Workshop 3. For this workshop, we kept finding out about the working environment wellbeing. We discovered that our rights could be undermined on the off chance that we work night-time. We ought to never get in a vehicle with our manager nor should we do undertakings outside/irrelevant to our work. Anybody younger than 18 needs working papers. In general, this halfway felt like a rehash from a year ago's workshop, yet still valuable as a greater part of us will begin working soon.

On December eleventh, 2018, we went to Cornell Tech. We needed to display our Shark Tank Projects to a gathering of individuals, trailed by some companion survey. Before we entered the structure, we sat tight outside for a bunch of time. When we entered, we entered a school grounds with understudies working diligently with their assignments. When we began introducing, the gatherings went all together, beginning with gathering 1 and completing with gathering 7. When my gathering went up, we just did our introduction. MD began, I clarified the procedure and plans, Shaf clarified his structure procedure, and Matthew clarified a larger part of the code. Generally speaking, this was a fun excursion as we got the opportunity to feel like undergrads in an expert domain. Utilizing these introduction abilities will help me later on as talking isn't my solid suit.

Today I had the option to converse with numerous schools around New York. There were numerous assortments to browse. For instance, there are some that is a greater amount of building and others that are for software engineering. For me, I would go for software engineering, since I'm increasingly commonplace to it. One school that I had the option to converse with is New York Institute of Technology. They gave numerous things that are identified with innovation. I had the option to get a few notes that were identified with the school. I likewise gotten a few handouts that had data on the school. I might want to altogether peruse them so I can settle on the best decision for me. Another school that I needed to look at is Hunter school. My mother revealed to me that it was a decent school, since she went there, so I was intrigued. As I tune in to the representative, there was really a necessity to get a grant from Hunter school. One prerequisite is having a 1300 in the SAT and passi...