Akshit-Patel / frontend-101

Apache License 2.0
0 stars 0 forks source link

DVM, BITS Pilani

Frontend-101

SET-A

HTML and CSS

Task A1 – Grid

Creating a responsive grid structure using flexbox

Task A2 – Incomplete Grid

Creating gaps at ends of odd lines and beginning of even lines in Task A1

Task A3 – Trippy Grid

Oscillating divs in Task A2 along the viewport width together

Task A4 – Nav Bar

Creating responsive navigation bar collapsing to hamburger menu whenever not possible to accommodate without javascript

Task A5 – 3D Buttons

Two buttons

Task A7 – The X Factor

Replicating iphoneX using HTML and CSS

Task A8 - Clip Clip Clip

Recreating letter 'D' with triangles

SET-B

HTML, CSS and Javascript

Task B1 – Drums

Making virtual drums playing sounds wheen key is pressed

Task B2 – Clock

Making clock using Javascript

Task B3 – Multiple Select

List of items which can select all items between last checked and current item if selected by pressing "shift key"

Task B4 – Sequence Detector

When "DVM" (with capitals) on blank page, all key stroke gets detected and generate a line

Task B5 – Image Slide In

Images slide in as you scroll page

Task B6 – FrontEnd Tech

To create a list which can add remove items with help of local storage to retain data when reloaded

Task B9 – Create a basic chrome extension

Creating a chrome extension which console logs "Hurray" when you visit DVM sites particularly OASIS, BOSM, APOGEE

Additional Task B10

Creating a 'get' request to display github profile picture, name and bio in 3 ways -

1.) XMLHttpRequest

2.) fetch API

3.) jQuery AJAX