/JS30days

JavaScript 30 Day Challenge using Node.js with Jade.

Primary LanguageHTMLMIT LicenseMIT

JS30days

Code Ninja

$ whoami
# akinjide

$ cat ABOUT.md
# Course created by Wes Bos => https://github.com/wesbos
# Grab the course => https://JavaScript30.com

I took this course to help focus more on enhancing my current skill-set and reduce my reliance on external JS libraries, And I decided to mix it up by using Node.js and Jade Templating Engine. I'm documenting this to share my learning with others, or recommend to JS n00bs, that haven't written enough or want to learn JavaScript.

prerequisites

You're going to need:

  • Node.js, version 6.9.1 or newer
  • Jade — If Node.js is already installed, just run npm install jade -g in a terminal.

clone

  1. Fork this repository.
  2. Clone your forked repository (not the original one) to your hard drive with git clone https://github.com/YOURUSERNAME/JS30days.git
  3. cd JS30days
  4. Initialize and start the project:
$ npm install -g nodemon
$ npm install
$ npm start

# > nodemon index
# [nodemon] 1.11.0
# [nodemon] to restart at any time, enter `rs`
# [nodemon] watching: *.*
# [nodemon] starting `node index index.js`
# stuff happening ¯_(ツ)_/¯ *: 1334

You can now see the app at http://localhost:1334. Whoa!

note

This is intended as a quick reference and showcase. Scratch this. You can use this repo content however you'd like. Suggest or Shoot a pull request if you notice any bug 🐞.

Internet Explorer 9, Firefox, Opera, Chrome, and Safari support and its properties and methods. However, Internet Explorer 8 and earlier versions, do not support the element and some other ES6 features.

checklist

  1. JavaScript Drum Kit
  2. JS + CSS Clock
  3. Playing with CSS Variables and JS
  4. Array Cardio, Day 1
  5. Flex Panels Image Gallery
  6. Ajax Type Ahead
  7. Array Cardio, Day 2
  8. Fun with HTML5 Canvas
  9. Dev Tools Domination
  10. Hold Shift and Check Checkboxes
  11. Custom Video Player
  12. Key Sequence Detection
  13. Slide in on Scroll
  14. Object and Arrays - Reference VS Copy
  15. LocalStorage and Event Delegation
  16. Mouse Move Shadow
  17. Sort Without Articles
  18. Tally String Times with Reduce
  19. Webcam Fun
  20. Speech Detection
  21. Geolocation based Speedometer and Compass
  22. Follow Along Link Highlighter
  23. Speech Synthesis
  24. Sticky Nav
  25. Event Capture, Propagation, Bubbling, and Once
  26. Stripe Follow Along Nav
  27. Click and Drag
  28. Video Speed Controller
  29. Countdown Timer
  30. Whack A Mole