Javascript30 : Challenge

Daily Logs

Task1: Drum Kit

Thoughts: customised data attributes , arrow function, setTimeout function limitation from developer persective

Tools: keycode.info, vscode autocomplete really nice.

Task2: Js+Css Clock

Thoughts: Transform ,rotate origin , transform: rotate(90deg), seconds to degree convertor

Tools: vs code, played with git cmd and learn push and pull too.

Task3: Playing with css variables

Thoughts: Earlier i used js to manipultate css but now learnt to play with css variables aswell.

Links: https://eager.io/blog/communicating-between-javascript-and-css-with-css-variables/

Thanks to https://javascript30.com/ @wesbos