Frontend-101

Basic Frontend Tasks

1. A (CSS)

• A1: Trippy Grid
  • Responsive grid with alternate slide animations
• A3: 3d button and A box
  • Hover animation using transform and sibling operators
• A4: The X factor
  • iPhone X screen using circular gradients.
• A5: DVM Logo Reveal
  • Subtly Painting DVM logo on a digital canvas

2. B (JS)

• B1:(Canvas API)
  • Making clock with Canvas API
• B1: (HTML,CSS,JS)
  • Clean Cool Clock
• B2: Multiple Select
  • Cloning selection mechanism of Mac/Windows file management system
• B3: To-Do List
  • Storing user data in local storage of to-do list
• B4: Follow Along Cards
  • Smooth navigation along navbar
• B5 – Create a basic chrome extension
  • Simple Chrome extension which console logs a message when you visit one of these OASIS, BOSM,
• B6: Github Profile Fetcher
  • Just put your GH username and KABOOM!
• B7: Game Time - 2048
  • Game Time Gonna Give You A Hard Time Baeby 🍼