Awesome
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
- Fork this repository.
- Clone your forked repository (not the original one) to your hard drive with
git clone https://github.com/YOURUSERNAME/JS30days.git
cd JS30days
- 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 <canvas> and its properties and methods. However, Internet Explorer 8 and earlier versions, do not support the <canvas> element and some other ES6 features.
checklist
-
JavaScript Drum Kit -
JS + CSS Clock -
Playing with CSS Variables and JS -
Array Cardio, Day 1 -
Flex Panels Image Gallery -
Ajax Type Ahead -
Array Cardio, Day 2 -
Fun with HTML5 Canvas -
Dev Tools Domination -
Hold Shift and Check Checkboxes -
Custom Video Player -
Key Sequence Detection -
Slide in on Scroll -
Object and Arrays - Reference VS Copy -
LocalStorage and Event Delegation -
Mouse Move Shadow -
Sort Without Articles -
Tally String Times with Reduce -
Webcam Fun -
Speech Detection -
Geolocation based Speedometer and Compass -
Follow Along Link Highlighter -
Speech Synthesis -
Sticky Nav -
Event Capture, Propagation, Bubbling, and Once -
Stripe Follow Along Nav -
Click and Drag -
Video Speed Controller -
Countdown Timer -
Whack A Mole