Grab the course at https://JavaScript30.com
- Day-1: Awesome Drum Kit
- Day-2: Super Cool Clock
- Day-3: Tweaking CSS variables
- Day-4: Cool ES6 features for Arrays
- Day-5: Crazy Animations
- Day-6: My best one, Typeahead
- Day-7: More ES6 Array functions
- Day-8: 2D Canvas
- Day-9: Dev Tools
- Day-10: Hold Shift select
- Day-11: Custom Video Player
- Day-12: KONAMI Code
- Day-13: Slide in a scroll (N/A)
- Day-14: Arrays & Objects - Reference vs Copy
- Day-15: Local Storage & Event Delegation
- Day-16: Mouse Shadow
- Day-17: Sort without Articles
- Day-18: Adding up Times with Reduce
- Day-19: Webcam fun (N/A)
- Day-20: Speech Detection
- Day-21: Geolocation
- Day-22: Follow Link Highlighter
- Day-23: Speech Synthesis
- Day-24: Fixed Nav
- Day-25: Event Bubbling
- Day-26: Stripe Follow along dropdown
- Day-27: Click and Drag
- Day-28: Video Speed Controller
- Day-29: Countdown Clock
- Day-30: Whack A Mole
- https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D (Canvas Doc)
- To Enable autosuggest for JavaScript browser (HTML) features like document.(some-method) using TernJS we need to do the following,
- First you need to be open a JS file. It won't work if you are in HTML file
- Atom -> Toolbar -> packages -> Atom TernJS -> Configure Project -> "libs" section, check "browser" -> save & restart server
- To start tasks that have "package.json" do,
- npm install
- npm start
- Use
element.getBoundingClientRect()
to get element position coordinates(width, height, top, left etc).