akinjide / JS30days

JavaScript 30 Day Challenge using Node.js with Jade.

JS30days

$ 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