peter-luo-git/frontend-101

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

JavaScript

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