forked from alexch/learn_javascript
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
118 lines (86 loc) · 4.88 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<html>
<head>
<title>Test-First Teaching: learn_javascript: learn_javascript</title>
<link href="assets/style.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header">
<h1><a href="http://testfirst.org">TestFirst.org</a></h1>
<h2>the home of test-first teaching</h2>
</div>
<div class="nav">
<h2><a href="index.html">learn_javascript</a></h2>
<b>Labs:</b>
<ul>
<li><a href="00_hello/index.html">00 Hello</a></li>
<li><a href="01_properties/index.html">01 Properties</a></li>
<li><a href="02_loops/index.html">02 Loops</a></li>
<li><a href="03_calculator/index.html">03 Calculator</a></li>
<li><a href="04_temperature/index.html">04 Temperature</a></li>
<li><a href="05_dom/index.html">05 Dom</a></li>
<li><a href="06_bouncing_ball/index.html">06 Bouncing Ball</a></li>
</ul>
</div>
<h1>learn_javascript</h1>
<div class="content"><h1>Learn JavaScript Test-First</h1>
<h1>Setup</h1>
<h2>Welcome!</h2>
<ul>
<li><p>Open a terminal window. (On Mac OS X you can use the <code>Terminal</code> app.)</p></li>
<li><p>Enter the course directory. (That's the same directory that this <code>index.html</code> file is in.)</p>
<pre><code> cd learn_javascript
</code></pre></li>
</ul>
<h2>Install Ruby</h2>
<p>First check if you have ruby already. Try this:</p>
<pre><code> ruby -v
</code></pre>
<p>If the response is something like this</p>
<pre><code> ruby 1.9.2p180 (2011-02-18 revision 30909) [x86_64-darwin10.7.0]
</code></pre>
<p>then skip ahead.</p>
<p>Otherwise...</p>
<ul>
<li>Windows: <a href="http://railsinstaller.org/">http://railsinstaller.org/</a></li>
<li>Other systems: follow the instructions <a href="http://www.wiki.devchix.com/index.php?title=Workshop_Installation_Notes_Rails_3">here</a> or <a href="http://ruby.railstutorial.org/ruby-on-rails-tutorial-book#sec:rubygems">here</a></li>
</ul>
<h2>Install Jasmine</h2>
<p>Jasmine is a JavaScript testing framework. While Jasmine can be run from a plain HTML file, we are using the Jasmine Server, which comes as a "gem" (a Ruby program).</p>
<pre><code>gem install jasmine
</code></pre>
<h1>Learning</h1>
<p>Your course directory has a list of lab directories. Each directory has a spec file. You will write all the code to make all the specs in it pass.</p>
<p>To get your feet wet in this process, go into the "hello" lab with <code>cd 00_hello</code> and read the detailed instructions in its <a href="00_hello/index.html"><code>index.html</code> file</a>.</p>
<p>Once you got through "hello", then congratulations! Now it's time to go to the
next directory (whose name begins with <code>01_</code>) and start learning JavaScript!</p>
<h1>Problems? Questions?</h1>
<p>First, ask your neighbor. Then, ask your instructor.</p>
<p>Then ask Google (seriously!). If there's an error, try copying the error string and pasting it into a <a href="http://google.com">Google</a> search box. If that doesn't help, do a search on one of these sites:</p>
<ul>
<li><a href="http://stackoverflow.com/">http://stackoverflow.com/</a></li>
</ul>
<p>You can also find help at the <a href="http://testfirst.org">TestFirst.org</a> site or the <a href="http://groups.google.com/group/test-first-teaching">Test-First Teaching mailing list</a>.</p>
<h1>Resources</h1>
<ul>
<li><p>Interactive JavaScript Tutorials</p>
<ul>
<li><a href="https://github.com/mrdavidlaing/javascript-koans">JavaScript Koans</a></li>
<li><a href="http://ejohn.org/apps/learn">Learning Advanced JavaScript</a> by <a href="http://ejohn.org">John Resig</a></li>
<li><a href="https://github.com/liahhansen/Learn-to-Program-Javascript">Liah's Class</a></li>
<li><a href="http://happyfuncoding.com/">Happy Fun Coding</a></li>
</ul>
</li>
<li><p><a href="http://pivotal.github.com/jasmine/">Jasmine</a></p>
<ul>
<li><a href="https://github.com/searls/jasmine-intro">An Introduction to JavaScript testing with Jasmine BDD</a> - slide presentation with sample code</li>
<li><a href="http://blog.twoalex.com/2010/12/29/test-your-javascript/">Jasmine Review</a></li>
<li><a href="http://www.sencha.com/blog/2011/01/14/headless-testing-for-continuous-integration-with-git-and-jasmine/">Headless Testing for Continuous Integration with Git and Jasmine</a></li>
</ul>
</li>
<li><p><a href="http://developer.mozilla.org/en/JavaScript/Guide">Mozilla JavaScript Guide</a></p></li>
<li><a href="http://bonsaiden.github.com/JavaScript-Garden/">JavaScript Garden</a> - "a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes, subtle bugs, as well as performance issues and bad practices that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language."</li>
</ul>
</div>
<div class="footer"><a href="http://testfirst.org">TestFirst.org</a></div>
</body>
</html>