Skip to content

Commit 1f5971e

Browse files
ShMcKShMcK
committed
init: lesson 1 complete
0 parents  commit 1f5971e

File tree

14 files changed

+427
-0
lines changed

14 files changed

+427
-0
lines changed

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules

‎CHANGELOG.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
# Change Log
2+
All notable changes to this project will be documented in this file.
3+
This project adheres to [Semantic Versioning](http://semver.org/).
4+
5+
##[0.1.0]
6+
- First release

‎README.md

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
# ES2015
2+
3+
Practice refactoring with ES2015 features.
4+
5+
6+
## CodeRoad
7+
8+
CodeRoad is an open-sourced interactive tutorial platform for the Atom Editor. Learn more at [CodeRoad.io](http://coderoad.io).
9+
10+
11+
## Setup
12+
13+
* install the tutorial package
14+
15+
`npm install --save coderoad-es2015`
16+
17+
* install and run the [atom-coderoad](https://github.com/coderoad/atom-coderoad) plugin
18+
19+
20+
## Outline
21+
22+
### Declaring Variables
23+
24+
Using `let` & `const`.
25+
26+
##### Let
27+
28+
`let` allows you to declare variables that are limited in scope to the block, statement, or expression on which it is used.
29+
30+
This is unlike the `var` keyword, which defines a variable globally, or locally to an entire function regardless of block scope.
31+
32+
```js
33+
var global = true;
34+
let blockScoped = true;
35+
```
36+
37+
##### Const
38+
39+
Writing basic functions continued.
40+
41+
We'll write two more basic functions, this time without any help.

‎coderoad.json

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
{
2+
"info": {
3+
"title": "ES2015",
4+
"description": "Practice refactoring with ES2015 features."
5+
},
6+
"chapters": [
7+
{
8+
"title": "Declaring Variables",
9+
"description": "Using `let` & `const`.",
10+
"pages": [
11+
{
12+
"title": "Let",
13+
"description": "`let` allows you to declare variables that are limited in scope to the block, statement, or expression on which it is used.\n\nThis is unlike the `var` keyword, which defines a variable globally, or locally to an entire function regardless of block scope.\n\n```js\nvar global = true;\nlet blockScoped = true;\n```",
14+
"tasks": [
15+
{
16+
"description": "Run the `varTest` function and look in the console.",
17+
"tests": [
18+
"1/01/01"
19+
],
20+
"hints": [
21+
"Click \"SAVE\". ⌘ + S on Mac, ctrl + S on Windows"
22+
],
23+
"actions": [
24+
"open('let.js')",
25+
"set('// call `varTest()`\nfunction varTest() {\n\tvar x = 1;\n\tif (true) {\n\t\tvar x = 2;\n\t\tconsole.log(x);\n\t}\n\tconsole.log(x);\n}\nvarTest();\n\n')"
26+
]
27+
},
28+
{
29+
"description": "Change `var` to `let` and run the `letTest` function. Don't forget to look in the console.",
30+
"tests": [
31+
"1/01/02"
32+
],
33+
"actions": [
34+
"insert('\n// use `let` and call `letTest()`\nfunction letTest() {\n\tvar x = 3;\n\tif (true) {\n\t\tvar x = 4;\n\t\tconsole.log(x);\n\t}\n\tconsole.log(x);\n}\nletTest();\n\n')"
35+
]
36+
},
37+
{
38+
"description": "fix the for loop to log numbers from 1 to 5",
39+
"tests": [
40+
"1/01/03"
41+
],
42+
"actions": [
43+
"insert('\n// log numbers from 1 to 5\nfor (var i = 1; i <= 5 ; i++ ) {\n setTimeout(function() {\n console.log(i);\n })\n}\n// 6 6 6 6 6\n\n')"
44+
]
45+
}
46+
],
47+
"onPageComplete": "Great! Now you that you have an idea of how `let` works, continue to look at declaring variables with `const`."
48+
},
49+
{
50+
"title": "Const",
51+
"description": "Writing basic functions continued.\n\nWe'll write two more basic functions, this time without any help.",
52+
"tasks": [
53+
{
54+
"description": "write a function `divideOne` divides a number by 1",
55+
"tests": [
56+
"1/02/01"
57+
],
58+
"actions": [
59+
"open('page-02.js')",
60+
"set('// divideOne\nfunction divideOne(x) {\n return ::>\n}\n')"
61+
]
62+
},
63+
{
64+
"description": "write a function `mutiplyone` that multiplies a number by 1",
65+
"tests": [
66+
"1/02/02"
67+
],
68+
"actions": [
69+
"insert('\n// multiplyOne\nfunction multiplyOne(x) {\n return ::>\n}\n')"
70+
]
71+
}
72+
]
73+
}
74+
]
75+
}
76+
]
77+
}

‎package.json

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
{
2+
"name": "coderoad-es2015",
3+
"version": "0.1.0",
4+
"description": "Coderoad tutorial",
5+
"author": "Name <email> (site)",
6+
"contributors": [],
7+
"main": "coderoad.json",
8+
"files": [
9+
"coderoad.json",
10+
"tutorial"
11+
],
12+
"keywords": [
13+
"coderoad",
14+
"tutorial"
15+
],
16+
"engines": {
17+
"node": ">=0.10.3"
18+
},
19+
"dependencies": {
20+
"mocha-coderoad": "^0.6.0",
21+
"chai-spies": "0.7.1",
22+
"chai": "3.5.0"
23+
},
24+
"license": "MIT",
25+
"config": {
26+
"dir": "tutorial",
27+
"runner": "mocha-coderoad",
28+
"testSuffix": ".spec.js"
29+
}
30+
}

‎tutorial/1/01/01.spec.js

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
'use strict';
2+
var chai = require('chai');
3+
var spies = require('chai-spies');
4+
var expect = chai.expect;
5+
chai.use(spies);
6+
var spy = chai.spy.on(console, 'log');
7+
8+
/// load('let.js')
9+
10+
describe('01 varTest', function() {
11+
12+
it('doesn\'t exist', function() {
13+
expect(varTest).to.be.defined;
14+
});
15+
16+
it('hasn\'t been called', function() {
17+
expect(spy.__spy.calls[0][0]).to.equal(2);
18+
expect(spy.__spy.calls[1][0]).to.equal(2);
19+
});
20+
21+
});

‎tutorial/1/01/02.spec.js

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
describe('02 letTest', function() {
2+
3+
it('doesn\'t exist', function() {
4+
expect(letTest).to.be.defined;
5+
});
6+
7+
it('should use `let` instead of `var`', function() {
8+
console.log('spy', spy);
9+
expect(spy).to.have.been.called.with(4);
10+
});
11+
12+
it('isn\'t calling 4 & 3', function() {
13+
expect(spy.__spy.calls[2][0]).to.equal(4);
14+
expect(spy.__spy.calls[3][0]).to.equal(3);
15+
});
16+
17+
});

‎tutorial/1/01/03.spec.js

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
describe('03 the for loop', function() {
2+
3+
it('isn\'t logging from 1 to 5', function() {
4+
expect(spy.__spy.calls[4][0]).to.equal(1);
5+
expect(spy.__spy.calls[8][0]).to.equal(5);
6+
});
7+
8+
});

‎tutorial/1/01/let.md

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
### Let
2+
3+
`let` allows you to declare variables that are limited in scope to the block, statement, or expression on which it is used.
4+
5+
This is unlike the `var` keyword, which defines a variable globally, or locally to an entire function regardless of block scope.
6+
7+
```js
8+
var global = true;
9+
let blockScoped = true;
10+
```
11+
12+
13+
+ Run the `varTest` function and look in the console.
14+
@test('1/01/01')
15+
@hint('Click "SAVE". ⌘ + S on Mac, ctrl + S on Windows')
16+
@action(open('let.js'))
17+
@action(set(
18+
```
19+
// call `varTest()`
20+
function varTest() {
21+
var x = 1;
22+
if (true) {
23+
var x = 2;
24+
console.log(x);
25+
}
26+
console.log(x);
27+
}
28+
varTest();
29+
30+
```
31+
))
32+
33+
+ Change `var` to `let` and run the `letTest` function. Don't forget to look in the console.
34+
@test('1/01/02')
35+
@action(insert(
36+
```
37+
38+
// use `let` and call `letTest()`
39+
function letTest() {
40+
var x = 3;
41+
if (true) {
42+
var x = 4;
43+
console.log(x);
44+
}
45+
console.log(x);
46+
}
47+
letTest();
48+
49+
```
50+
))
51+
52+
+ fix the for loop to log numbers from 1 to 5
53+
@test('1/01/03')
54+
@action(insert(
55+
```
56+
57+
// log numbers from 1 to 5
58+
for (var i = 1; i <= 5 ; i++ ) {
59+
setTimeout(function() {
60+
console.log(i);
61+
})
62+
}
63+
// 6 6 6 6 6
64+
65+
```
66+
))
67+
68+
@onPageComplete('Great! Now you that you have an idea of how `let` works, continue to look at declaring variables with `const`.')

‎tutorial/1/02/01.spec.js

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
var expect = require('chai').expect;
2+
3+
// load('page-02.js')
4+
5+
describe('01 divideOne', function() {
6+
7+
it('doesn\'t exist', function() {
8+
expect(divideOne).to.be.defined;
9+
});
10+
11+
it('should take a parameter', function() {
12+
expect(divideOne).to.have.length(1);
13+
});
14+
15+
it('doesn\'t output a number', function() {
16+
expect(divideOne(1)).to.be.a('number');
17+
});
18+
19+
it('returns the same number', function() {
20+
expect(divideOne(1)).to.equal(1);
21+
expect(divideOne(10)).to.equal(10);
22+
});
23+
24+
});

‎tutorial/1/02/02.spec.js

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
describe('02 multiplyOne', function() {
2+
3+
it('doesn\'t exist', function () {
4+
expect(multiplyOne).to.be.defined;
5+
});
6+
7+
it('should take a parameter', function() {
8+
expect(multiplyOne).to.have.length(1);
9+
});
10+
11+
it('should output a number', function () {
12+
expect(multiplyOne(1)).to.be.a('number');
13+
});
14+
15+
it('returns the multiplied number by one', function() {
16+
expect(multiplyOne(1)).to.equal(1);
17+
expect(multiplyOne(10)).to.equal(10);
18+
});
19+
20+
});

‎tutorial/1/02/const.md

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
### Const
2+
Writing basic functions continued.
3+
4+
We'll write two more basic functions, this time without any help.
5+
6+
+ write a function `divideOne` divides a number by 1
7+
@test('1/02/01')
8+
@action(open('page-02.js'))
9+
@action(set(
10+
```
11+
// divideOne
12+
function divideOne(x) {
13+
return ::>
14+
}
15+
```
16+
))
17+
18+
+ write a function `mutiplyone` that multiplies a number by 1
19+
@test('1/02/02')
20+
@action(insert(
21+
```
22+
23+
// multiplyOne
24+
function multiplyOne(x) {
25+
return ::>
26+
}
27+
```
28+
))

0 commit comments

Comments
 (0)