Web Design Senior

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.