-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
80 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.