1
1
< section id ="build ">
2
2
3
- < div class ="content-section-a ">
4
- < br > < br >
5
- < div class ="row ">
6
- < div class ="col-lg-12 ">
7
- < div class ="clearfix "> </ div >
8
- < div class ="lead ">
9
- < div class ="row ">
10
- < div class ="col-xs-12 ">
11
- < ul class ="intro-social-buttons coderoad-cli ">
12
- < li >
13
- < a href ="https://github.com/coderoad/coderoad-cli "target ="_blank "class ="btn btn-default btn-lg ">
14
- < i class ="fa fa-github fa-fw "> </ i >
15
- < span class ="network-name "> CodeRoad-CLI
16
- < span class ="version "> v{{ site.cliVersion }}</ span >
17
- </ span >
18
- </ a >
19
- < br > < br >
20
- < code class ="social-instructions "> > npm i -g coderoad-cli</ code >
21
- < br > < br >
22
- < a class ="version "href ="/docs/#install "> Install Guide</ a >
23
- </ li >
24
- </ ul >
25
- </ div >
26
- </ div >
27
- < br >
28
- < div class ="row ">
29
- < div class ="col-xs-5 col-xs-offset-1 col-md-4 col-md-offset-2 ">
30
- < code > > coderoad create</ code >
31
- < br >
32
- < br >
33
- </ div >
34
- < div class ="col-xs-6 "> Quickly setup a base project</ div >
35
- </ div >
36
- < div class ="row ">
37
- < div class ="col-xs-5 col-xs-offset-1 col-md-4 col-md-offset-2 ">
38
- < code > > coderoad build</ code >
39
- < br >
40
- < br >
41
- </ div >
42
- < div class ="col-xs-6 "> Parse markdown tutorial into
43
- < i > coderoad.json</ i >
44
- </ div >
45
- </ div >
46
- < div class ="row ">
47
- < div class ="col-xs-5 col-xs-offset-1 col-md-4 col-md-offset-2 ">
48
- < code > > coderoad publish</ code >
49
- < br >
50
- < br >
51
- </ div >
52
- < div class ="col-xs-6 "> Publish tutorial version on
53
- < a href ="https://npmjs.org "target ="_blank "> NPM</ a >
54
- with
55
- < i > coderoad-</ i >
56
- prefix</ div >
57
- </ div >
58
- </ div >
59
- </ div >
60
- </ div >
61
- </ div >
62
-
63
3
<!-- /.container -->
64
4
65
- < div class ="content-section-b ">
5
+ < div class ="content-section-a ">
66
6
67
7
< div class ="container ">
68
8
69
9
< div class ="row ">
70
10
< div class ="col-lg-4 col-lg-offset-2 col-sm-push-6 col-sm-6 ">
71
- <!-- <hr class="section-heading-spacer"> -->
72
11
< div class ="clearfix "> </ div >
73
12
< h2 class ="section-heading "> Build in Markdown</ h2 >
74
13
< div class ="lead "> Tutorials are compiled from markdown.
@@ -117,9 +56,9 @@ <h2 class="section-heading">Build in Markdown</h2>
117
56
Using common built-in Javascript array methods.
118
57
119
58
### Filter
120
- Array - > Array ofitems that match a condition
59
+ Explanation ofhow `filter` works.
121
60
122
- + Write a filter condition function called `isAda`
61
+ + Write a filter condition function called `isAda`.
123
62
124
63
@test('1/01/01-filter')
125
64
@action(open('01-filter.js'))
@@ -132,6 +71,7 @@ <h2 class="section-heading">Build in Markdown</h2>
132
71
}
133
72
```
134
73
))
74
+ @hint('Use a parameter, let's call it `student`')
135
75
136
76
</ code >
137
77
</ pre >
@@ -144,13 +84,12 @@ <h2 class="section-heading">Build in Markdown</h2>
144
84
</ div >
145
85
<!-- /.content-section-b -->
146
86
147
- < div class ="content-section-a ">
87
+ < div class ="content-section-b ">
148
88
149
89
< div class ="container ">
150
90
151
91
< div class ="row ">
152
92
< div class ="col-lg-4 col-sm-6 ">
153
- <!-- <hr class="section-heading-spacer"> -->
154
93
< div class ="clearfix "> </ div >
155
94
< h2 class ="section-heading "> Unit Test Feedback</ h2 >
156
95
< div class ="lead ">
@@ -171,7 +110,7 @@ <h2 class="section-heading">Unit Test Feedback</h2>
171
110
< br >
172
111
< i > CodeRoad will eventually support more test frameworks and programming languages with
173
112
< a href ="/docs/#test-runners "> test runner</ a >
174
- pacakges .
113
+ packages .
175
114
</ i >
176
115
< br >
177
116
< br >
@@ -223,5 +162,76 @@ <h2 class="section-heading">Unit Test Feedback</h2>
223
162
</ div >
224
163
<!-- /.content-section-a -->
225
164
165
+ < div class ="content-section-a ">
166
+ < br > < br >
167
+ < div class ="row ">
168
+ < div class ="col-lg-12 ">
169
+ < div class ="clearfix "> </ div >
170
+ < div class ="lead ">
171
+ <!-- <div class="row">
172
+ <div class="col-xs-12">
173
+ <ul class="intro-social-buttons coderoad-cli">
174
+ <li>
175
+ <a href="https://github.com/coderoad/coderoad-cli" target="_blank" class="btn btn-default btn-lg">
176
+ <i class="fa fa-github fa-fw"></i>
177
+ <span class="network-name">CodeRoad-CLI
178
+ <span class="version">v{{ site.cliVersion }}</span>
179
+ </span>
180
+ </a>
181
+ <br><br>
182
+ <code class="social-instructions">> npm i -g coderoad-cli</code>
183
+ <br><br>
184
+ <a class="version" href="/docs/#install">Install Guide</a>
185
+ </li>
186
+ </ul>
187
+ </div>
188
+ </div> -->
189
+ < br >
190
+ < div class ="row ">
191
+ < div class ="col-xs-5 col-xs-offset-1 col-md-4 col-md-offset-2 ">
192
+ < code > > npm install -g coderoad-cli</ code >
193
+ </ div >
194
+ < div class ="col-xs-6 "> < a href ="https://github.com/coderoad/coderoad-cli "target ="_blank "class ="btn btn-default btn-lg ">
195
+ < i class ="fa fa-github fa-fw "> </ i >
196
+ < span class ="network-name "> CodeRoad-CLI
197
+ < span class ="version "> v{{ site.cliVersion }}</ span >
198
+ </ span >
199
+ </ a >
200
+ < br > < br >
201
+ </ div >
202
+ </ div >
203
+
204
+ < div class ="row ">
205
+ < div class ="col-xs-5 col-xs-offset-1 col-md-4 col-md-offset-2 ">
206
+ < code > > coderoad create</ code >
207
+ < br >
208
+ < br >
209
+ </ div >
210
+ < div class ="col-xs-6 "> Quickly setup a base project</ div >
211
+ </ div >
212
+ < div class ="row ">
213
+ < div class ="col-xs-5 col-xs-offset-1 col-md-4 col-md-offset-2 ">
214
+ < code > > coderoad build</ code >
215
+ < br >
216
+ < br >
217
+ </ div >
218
+ < div class ="col-xs-6 "> Parse markdown tutorial into
219
+ < i > coderoad.json</ i >
220
+ </ div >
221
+ </ div >
222
+ < div class ="row ">
223
+ < div class ="col-xs-5 col-xs-offset-1 col-md-4 col-md-offset-2 ">
224
+ < code > > coderoad publish</ code >
225
+ < br >
226
+ < br >
227
+ </ div >
228
+ < div class ="col-xs-6 "> Publish your tutorial on
229
+ < a href ="https://npmjs.org "target ="_blank "> NPM</ a >
230
+ </ div >
231
+ </ div >
232
+ </ div >
233
+ </ div >
234
+ </ div >
235
+ </ div > <!-- content-section-a -->
236
+
226
237
</ section >
227
- <!-- /.content-section-b -->