js assignments

それはサメです

JavaScriptの割り当て

あなたの結果を送ることを忘れないでください！結果を送信します

ドキュメント

• オリジナルのリポジトリからフォークを同期して変更に追いつく方法
• レビューのためにあなたのソリューションを当社に提出してください

さらに別のJavaScriptの割り当て。初心者向けのインタラクティブなJavaScriptリソースはたくさんありますが、それらのほとんどはオンラインであり、最新のプログラミングワークフローをカバーしていません。 Github（https://github.com/rmurphey/js-assessment、https：//github.com/mrdavidlaing/javascript-koans、https://github.com/vasanthk/js-bitsなど）には優れたトレーニングリソースがいくつかありますが、日常のプログラムプロセスは正確にはありません。したがって、このプロジェクトの動機は、初心者にワイルドでTDDプロセスを示すことです。添付テストは、違いを感じ、どのような方法が良いのか、何が悪いのか、醜いものを体験するために、さまざまな方法で実装されます。

もう1つのアイデアは、すべての標準のJavaScript機能をカバーするための割り当てを準備し、掘削とマスタリングスキルにすることです。一部のタスクは実用的ですが、一部のタスクはかなり合成されています。

そして最後のアイデアは、研修生がユニットテストを使用して作業するようにし、テストなしでプログラミングするときに不快感を感じることです。

JavaScriptの割り当てを開始するには、次の手順に従ってください。

• このレポをフォークします
• Travis-CIをセットアップして、コミットをテストします
• 作業環境をセットアップします
• TDDファッションを使用して割り当てを実装します
• タスクをデバッグする方法

このレポをフォークする方法

• このページの右上隅にあるフォークボタンをクリックすると、リポジトリが独自のアカウントにコピーされます。
• git clone https://github.com/<your-account>/js-assignments.gitコマンドラインからリポジトリをダウンロードして実行します。

Travis-Ciをセットアップする方法

• https：// travis-ci/を開き、githubアカウントでサインインします。
• フォークされたリポジトリJS割り当てをアクティブにします。
• ローカルreadme.mdファイルを編集し、すべてのリンクを更新します（ 'it-shark-pro'のすべての発生をアカウント名に置き換えてください）。
• 更新されたreadme.mdをgithubにコミットしてプッシュする：

  git add README.md
  git commit -m " Update the links "
  git push origin master

• https://github.com/it-shark-pro/js- assignmentsを開き、ビルドアイコンをテストします。 GitHubに変更をプッシュすると、すべてのテストと更新ステータスを実行します。このアイコンを緑に保ちます！

作業環境をセットアップする方法

• 最新のnodejsをダウンロードしてインストールします。
• リポジトリフォルダーからnpm install実行して、必要なモジュールをダウンロードします。すべての従属モジュールは、 node_modulesフォルダーに配置されます。
• お気に入りの編集者と完全なタスクを開きます。
• 端末を開き、 npm testコマンドを使用してすべてのテストを実行します。引数npm test ./test/01-strings-tests.jsとして渡すことで、単一のファイルを実行できます。
• ローカルレポフォルダーには次の構造があります。

  node_modules - app dependences restored by npm install command, you can delete this folder and restore later again.
  task - folder with tasks modules, it's your main folder.
  test - folder with tests modules to verify the tasks completion.

TDDファッションを使用して割り当てを実装する方法

これで、割り当てを実装する準備ができました。タスクモジュールはタスクフォルダーにあります。各モジュールは、指定されたトピックのいくつかのタスクで構成されています。通常、各タスクは通常の関数です。

  /**
   * Returns the result of concatenation of two strings.
   *
   * @param {string} value1
   * @param {string} value2
   * @return {string}
   *
   * @example
   *   'aa', 'bb' => 'aabb'
   *   'aa',''    => 'aa'
   *   '',  'bb'  => 'bb'
   */
  function concatenateStrings ( value1 , value2 ) {
     throw new Error ( 'Not implemented' ) ;
  }

次のTDD手順を使用してこのタスクを解決します。

• ユニットテストを実行し、すべてが問題なく、失敗したテストがないことを確認してください。
• 関数の上のコメントでタスクの説明を読んでください。アイデアを理解してみてください。あなたがそれを手に入れた場合、あなたは最初にユニットテストを書くことになりますが、ユニットテストはすでに準備されています:)ユニットテストの作成でステップをスキップします。
• 関数本体からスローエラーラインを削除します

     throw new Error ( 'Not implemented' ) ;

そして、再びユニットテストを実行します。 1つのテストに失敗した（赤）を見つけます。さあ、修正する時が来ました！

• 障害のあるテストが渡されるまでテストを実行して、何らかの方法で関数を実装し、ソリューションを検証します（緑）。
• あなたのソリューションは機能しますが、今ではそれをリファクタリングする時です。コードを可能な限りきれいかつシンプルにしてください。テストをグリーンに維持してください。
• コードを改善できず、テストに合格したら、ソリューションをコミットできます。
• 更新プログラムをGithubサーバーにプッシュし、Travis-CIでテストが渡されたかどうかを確認します。
• すべてが問題ない場合は、次のタスクを解決しようとすることができます。

タスクをデバッグする方法

テストをデバッグするには、ノードインスペクターを使用できます。インストールするには、 npm install -g node-inspectorターミナルに実行するだけです。次に、次のステップに従ってください。

• debugger;タスクの最初の行に。
• npm run test-debug ./test/01-strings-tests.js 。
• 別のターミナルランノードnode-inspectorと出力からリンクをコピーします。
• お気に入りのブラウザでリンクを開きます。インターフェイスなどのChrome Developers Toolsが表示される必要があります。ここでは、タスクをデバッグできます。
• 問題を見つけて修正したら、デバッグツールでブラウザのタブを閉じ、CTRL-Cを押してノードインスペクターを停止し、CTRL-Cを押してテストランナーを停止し、 debugger;あなたの仕事から。

デバッグする方法（初心者のやり方）

無料のVisual Studioコードで初心者向けにデバッグする簡単な方法があります。

• https://code.visualstudio.com/からVSCをインストールする
• VSCでプロジェクトフォルダーを開いて、https：//code.visualstudio.com/docs/runtimes/nodejs#_debugging-your-node-applicationからの命令に従って、デフォルトのlaunch.jsonを作成します。
• IDEでlaunch.json変更し、プロパティ「プログラム」と「args」（空の "args"値すべてのテストを実行し、特定のテストを実行するには、このテストファイルを「args」で指定します）を変更します。

 {
    "version": "0.2.0",
    "configurations": [
        {
           ...
           "program": "${workspaceRoot}/node_modules/mocha/bin/_mocha",
           ...
           "args": ["./test/01-strings-tests.js"],
           ...
         },
         ...
     ]
}

• ライン番号の左側にある溝をクリックして、ブレークポイントを設定します。 F5を押してデバッグを実行します。
• 注： launch.jsonは.vscodeプロジェクトフォルダーに保存されます。

貢献

このプロジェクトに自由に貢献してください。新しいタスクとカタは大歓迎です。

eslint

リントの実行を修正するには：

 npm run lint -- --fix