Skip to content

Commit

Permalink
feat(readme): add readme
Browse files Browse the repository at this point in the history
  • Loading branch information
akinjide committed Jan 23, 2017
1 parent 96961b2 commit a414f6e
Show file tree
Hide file tree
Showing 2 changed files with 80 additions and 0 deletions.
80 changes: 80 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
# JS30days


![Code Ninja](/static/images/ninja.gif)


```shell
$ 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:

```shell
$ 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`

1. [x] ~~[JavaScript Drum Kit](https://github.com/akinjide/JS30days/blob/master/views/drumKit.jade)~~
2. [x] ~~[JS + CSS Clock](https://github.com/akinjide/JS30days/blob/master/views/clock.jade)~~
3. [x] ~~[Playing with CSS Variables and JS](https://github.com/akinjide/JS30days/blob/master/views/cssJs.jade)~~
4. [x] ~~[Array Cardio, Day 1](https://github.com/akinjide/JS30days/blob/master/views/cardio.jade)~~
5. [x] ~~[Flex Panels Image Gallery](https://github.com/akinjide/JS30days/blob/master/views/flexGallery.jade)~~
6. [x] ~~[Ajax Type Ahead](https://github.com/akinjide/JS30days/blob/master/views/ajaxAhead.jade)~~
7. [x] ~~[Array Cardio, Day 2](https://github.com/akinjide/JS30days/blob/master/views/cardioTwo.jade)~~
8. [x] ~~[Fun with HTML5 Canvas](https://github.com/akinjide/JS30days/blob/master/views/canvas.jade)~~
9. [x] ~~[Dev Tools Domination](https://github.com/akinjide/JS30days/blob/master/views/devTool.jade)~~
10. [x] ~~[Hold Shift and Check Checkboxes](https://github.com/akinjide/JS30days/blob/master/views/checkBoxes.jade)~~
11. [x] ~~[Custom Video Player](https://github.com/akinjide/JS30days/blob/master/views/vidPlayer.jade)~~
12. [x] ~~[Key Sequence Detection](https://github.com/akinjide/JS30days/blob/master/views/keyDetection.jade)~~
13. [x] ~~[Slide in on Scroll](https://github.com/akinjide/JS30days/blob/master/views/slideScroll.jade)~~
14. [x] ~~[Object and Arrays - Reference VS Copy](https://github.com/akinjide/JS30days/blob/master/views/referenceAndCopy.jade)~~
15. [x] ~~[LocalStorage and Event Delegation](https://github.com/akinjide/JS30days/blob/master/views/storageAndEvent.jade)~~
16. [x] ~~[Mouse Move Shadow](https://github.com/akinjide/JS30days/blob/master/views/mouseEffect.jade)~~
17. [x] ~~[Sort Without Articles](https://github.com/akinjide/JS30days/blob/master/views/sortBandNames.jade)~~
18. [x] ~~[Tally String Times with Reduce](https://github.com/akinjide/JS30days/blob/master/views/tally.jade)~~
19. [x] ~~[Webcam Fun](https://github.com/akinjide/JS30days/blob/master/views/webCam.jade)~~
20. [x] ~~[Speech Detection](https://github.com/akinjide/JS30days/blob/master/views/speechRecognition.jade)~~
21. [x] ~~[Geolocation based Speedometer and Compass](https://github.com/akinjide/JS30days/blob/master/views/speedometer.compass.jade)~~
22. [x] ~~[Follow Along Link Highlighter](https://github.com/akinjide/JS30days/blob/master/views/alongLinks.jade)~~
23. [x] ~~[Speech Synthesis](https://github.com/akinjide/JS30days/blob/master/views/speechSynthesis.jade)~~
24. [x] ~~[Sticky Nav](https://github.com/akinjide/JS30days/blob/master/views/stickyNav.jade)~~
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
Binary file added static/images/ninja.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit a414f6e

Please sign in to comment.