Skip to main content

Lab 26

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.removeClass('active') for instance; instead of sliderImg.classList.remove('active');. Remembering the features like this is also simpler.

Comments

Post a Comment

Popular posts from this blog

Lab 23

Hello everyone! For lab 23, we needed to make a website page that had an agenda on it. I did it by utilizing the info tag on HTML and styled it with CSS we likewise needed to make a capacity where in the event that you press the move key and snap 2 check boxes it would check everything in the middle. I made this by making a capacity called Handle watch that had an occasion parameter. Utilizing the occasion parameter we could check if the move key was clicked or not and in this way giving us a chance to choose if everything in the middle of two check boxes ought to be checked or not. Also, this lab I figure out how to utilize the forEach capacity And how to make bolt works. I will apply these abilities later on when I need to make a site where it has a ton of usefulness so I would need to utilize the for each capacity and make a capacity. Counsel I would offer is to utilize jQuery rather than vanilla JavaScript on the grounds that it truly abstracts the whole JavaScript language into...
Post a Comment
Read more

lab 18

Hello Everyone! Despite the fact that this lab wasn't front-end overwhelming, it was exceptionally specialized as we chiefly utilized the comfort. What we needed to do was to emphasize through clusters, and items. Utilize various strategies to channel and sort the exhibits/objects. First we working on sifting clusters by utilizing the channel technique made for items to channel the ladies dependent on their lifetime period. For the names object, we utilized the sort technique to sort the names in sequential order request and for the transportation object, we utilized the decrease strategy to check the occasions that particular article came up in the exhibit and showed that in the support. I did this lab since it was doled out to me by my educator, I took in a great deal in this lab. For instance, I didn't know the greater part of these techniques even existed in JavaScript like the channel() strategy. I see myself utilizing these aptitudes later on when I am working with bun...
Post a Comment
Read more

Lab 19

Hello everyone ! Lab 19 was fundamentally the same as lab 18 as far as managing exhibits/information. This time we needed to discover certain information in the item and the file of that object. We additionally checked if each item meets explicit criteria like age. So we had constants which iterated through articles to discover individuals that are grown-ups. We did this by utilizing the a few() and each() on the item. To discover remarks and their lists in the exhibit I utilized the find() and findIndex() techniques to discover explicit remarks utilizing the id object of that cluster and record it.  I did this lab since it was doled out to me by my instructor, I took in a ton in this lab. For instance, I didn't know the vast majority of these strategies even existed in JavaScript like the a few() and each() technique. I see myself utilizing these aptitudes later on when I am working with loads of information and I have to sort/channel or do anything with the information so far ...
Post a Comment
Read more