JavaScript30

Following along JavaScript 30 Day Challenge.

Course introduction is at https://JavaScript30.com Original repository is at https://github.com/wesbos/JavaScript30 My repository is at https://github.com/mdmss37/JavaScript30

Note

• Markdown cheat sheet form Japanese website qiita

  • https://qiita.com/Qiita/items/c686397e4a0f4f11683d

• 01 - JavaScript Drum Kit

  • https://stackoverflow.com/questions/33308121/can-you-bind-arrow-functions

• 02 - JS and CSS Clock

  • update initial behavior for hand not to jump from default position(set default hands position as now)
  • https://developer.mozilla.org/en-US/docs/Web/CSS/transform/
  • https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms
  • https://stackoverflow.com/questions/3506050/how-to-reset-the-style-properties-to-their-css-defaults-in-javascript
  • https://medium.com/@mike_ekkel/javascript-30-day-2-css-js-clock-ae539f10a9f9
  • https://stackoverflow.com/questions/7687884/add-10-seconds-to-a-javascript-date-object-timeobject

• 03 - CSS Variables

  • https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables
  • https://seesparkbox.com/foundry/manageable_utility_systems_with_css_variables
  • https://developer.mozilla.org/en-US/docs/Web/API/Document/documentElement
  • https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style
  • https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/setProperty

• 04 - Array Cardio Day one

  • http://www.ecma-international.org/ecma-262/6.0/#sec-array.prototype.sort
  • https://qiita.com/PianoScoreJP/items/f0ff7345229871039672
  • https://stackoverflow.com/questions/1789945/how-to-check-whether-a-string-contains-a-substring-in-javascript

• 05 - Flex Panel Gallery

• 06 - Type Ahead

• 07 - Array Cardio Day two

• 08 - Fun with HTML5 Canvas

• 09 - Dev Tools Domination

  • https://developer.mozilla.org/en-US/docs/Web/API/Console

• 10 - Hold Shift and Check Checkboxes

  • https://developer.mozilla.org/en-US/docs/Web/API/NodeList

• 11 - Custom Video Player

• 12 - Key Sequence Detection

• 13 - Slide in on Scroll

• 14 - JavaScript References VS Copying

• 15 - LocalStorage

  • https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API

• 16 - Mouse Move Shadow

• 17 - Sort Without Articles