Implement stage6

mixi-inc · Kuniwak · Mar 17, 2015 · Mar 16, 2015 · Mar 17, 2015 · Mar 17, 2015
commit 4a068ff3135fddbd7ff1e15a7319068335806e22
diff --git a/README.markdown b/README.markdown
@@ -0,0 +1,38 @@
+JavaScript Training
+===================
+
+JavaScript 初心者が JS の未来を見据えつつ、基礎をひととおり身に付けるための資料です。
+
+
+環境のセットアップ
+------------------
+
+1. 必要なものをダウンロード
+
+下のコマンドを端末で実行してください。
+
+git clone https://github.com/mixi-inc/JavaScriptTraining.git
+cd JavaScriptTraining
+npm install
+
+
+2. webサーバーを立ち上げる
+
+下のコマンドを端末で実行してください。なお、トレーニング中は
+このコマンドを終了しないでください。
+
+$(npm bin)/gulp serve
+
+
+3. トップページにアクセスする
+
+ブラウザから http://localhost:8080 へアクセスしてください。
+
+
+4. トレーニングを始める
+
+public/stage1/tests.js を編集し、 http://localhost:8080/stage1 で
+実行されるすべてのテストにパスするようコードを編集してください。
+
+コードを編集しおわったら、ページのリロードが必要です。
+ステージはすべてで 6 つあります。
diff --git a/package.json b/package.json
@@ -35,6 +35,7 @@
  },
  "dependencies": {
  "bootstrap": "^3.3.2",
+ "bower": "^1.3.12",
  "chai-jquery": "^2.0.0",
  "jquery": "^2.1.3",
  "whatwg-fetch": "^0.7.0"

diff --git a/test/stage6/.eslintrc b/test/stage6/.eslintrc
@@ -0,0 +1,17 @@
+{
+ "env": {
+ "browser": true,
+ "mocha": true
+ },
+ "rules": {
+ "no-unused-expressions": 0,
+ "no-undef-init": 0
+ },
+ "globals": {
+ "$": false,
+ "jQuery": false,
+ "fetch": false,
+ "Promise": false,
+ "HTMLCollection": false
+ }
+}
diff --git a/test/stage6/index.html b/test/stage6/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>mixi JS Training</title>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link href="http://img.mixi.net/img/basic/favicon.ico" type="image/vnd.microsoft.icon" rel="icon">
+ <link href="http://img.mixi.net/img/basic/favicon.ico" type="image/vnd.microsoft.icon" rel="shortcut icon">
+ <link rel="stylesheet" href="/modules/mocha/mocha.css">
+ <link rel="stylesheet" href="../common/mocha-patch.css">
+</head>
+<body>
+ <div id="mocha"></div>
+ <script src="/modules/jquery/dist/jquery.js"></script>
+ <script src="/modules/mocha/mocha.js"></script>
+ <script src="/modules/chai/chai.js"></script>
+ <script src="/modules/chai-jquery/chai-jquery.js"></script>
+ <script src="/modules/chai-as-promised/lib/chai-as-promised.js"></script>
+ <script src="/modules/whatwg-fetch/fetch.js"></script>
+ <script>
+ mocha.ui('bdd');
+ mocha.reporter('html');
+ expect = chai.expect;
+ </script>
+ <script>mocha.setup('bdd')</script>
+ <script src="tests.js"></script>
+ <script>
+ if (window.mochaPhantomJS) { mochaPhantomJS.run(); }
+ else { mocha.run(); }
+ </script>
+</body>
+</html>
diff --git a/test/stage6/tests.js b/test/stage6/tests.js
@@ -0,0 +1,9 @@
+'use strict';
+
+describe('ステージ6（意図通りにモジュールを書ける）', function() {
+ it('あなたの満足のいくアプリケーションがここにある', function() {
+ var qualityOfYourAppliation = undefined;
+
+ expect(qualityOfYourAppliation).to.be.ok;
+ });
+});