frontend-101

Department of Visual Media (DVM) - Frontend assignment for better understanding and practice of CSS and JAVASCRIPT.

• A (CSS)

  • Task #A1 - Grid
    • Practice of Responsive CSS Flex Box
  • Task #A2 - Incomplete Grid
    • Practice of Responsive CSS Flex Box
  • Task #A3 - Trippy Grid
    • Practice of Responsive CSS Flex Box
  • Task #A4 - Nav Bar
    • Making a responsive Navigation
  • Task #A5 - 3D Buttons
    • 3D Buttons made using CSS
  • Task #A6 - DVM Logo
    • SVG Animations
  • Task #A7 - The X Factor
    • CSS Gradients used to create home screen wallpaper of iPhone X
  • Task #A8 - Clip Clip Clip
    • Using CSS Clip-Path Property to create animation as in Species In Pieces

• B (JAVASCRIPT)

  • Task #B1 - Drums
    • keydown event used to make a basic LaunchPad
  • Task #B2 - Clock
    • Clock made using JavaScript
  • Task #B3 - Multiple Select
    • Making multiple selection possible using Shift key for checkboxes
  • Task #B4 - Sequence Detector
    • Detecting a particular sequence as entered by the user(in this case it is "DVM" - all caps)
  • Task #B5 - Image Slide In
    • Triggering animations when user reaches a particular part of the page by scrolling
  • Task #B6 - FrontEnd Tech
    • Storing data locally on user's browser (using JavaScript Cookies or the the LocalStorage API)
  • Task #B7 - Around The World
    • Making a responsive map with the features of panning and zooming (functional both on Desktop and on handhelds)
  • Task #B8 - Game Time (2048)
    • Recreating the game 2048, originally made by Gabriele Cirulli
  • Task #B9 - Basic Chrome Extension
    • Making a very simple Chrome Web Extension