DSC-RIT/Frontend-Web-Workshop-2021

Assignments for Web Work Shop

Recordings:

• HTML: https://scrimba.com/scrim/cZgyKwTL?a=53.0.1.L3_11

• CSS: https://scrimba.com/scrim/cKQKEZf3

• JS: https://scrimba.com/scrim/cDy4BRTW

JS Presentation Slides: https://docs.google.com/presentation/d/16Pq84TNSjaefU16gBg56R1QCDSpdATZ4aIkCyte82OY/edit#slide=id.gf0b6c11d21_0_115

HTML

1. Create a google forms clone
2. Create Gallery of images for website
3. Create Contact form for website

CSS

1. Style Gallery of images for website
2. Style contact form for website

Javascript

1. Create an array of objects specifying whether the numbers are prime or not using Array.prototype.map function, using a given input array. Example :
   Input : [2,3,4,5]
   Output:
   {
   2 : “prime”,
   3 : “prime”,
   4 : “composite”,
   5 : “prime”
   }

2. In the website’s gallery section, change the image that is clicked on to a new image using click event. You can choose any image.

3. In the website’s gallery section, change the image that is hovered over using mouseenter and mouseleave events. You can choose any image.