js assignments下載js assignments源代碼下載

js assignments

其他源碼

v1.1

下載

布雷斯特鯊

JavaScript分配

不要忘記發送結果！發送結果

文件

如何將叉子從原始存儲庫同步以跟上他們的更改
將您的解決方案提交給我們以進行審查

另一個JavaScript分配。初學者有很多交互式JavaScript資源，但是其中大多數是在線的，並且不涵蓋現代的編程工作流程。 Github（https://github.com/rmurphey/js-assessment，https://github.com/mrdavidlaing/javascript-koans，https：//github.com/vasanthk/js-bits et ynevermite nevermitignming contameming crompticemming crompticeming流程，都有一些出色的培訓資源。因此，該項目的動機是向初學者展示野外TDD過程。屁股測試以各種方式實施，以感受到差異，並獲得經驗的好處，什麼是壞事和醜陋。

另一個想法是準備任務，以涵蓋所有標準的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' ) ;

並再次運行單元測試。找到一個測試失敗（紅色）。現在該解決它了！

以任何方式實現該功能，並通過運行測試來驗證解決方案，直到通過失敗的測試通過（綠色）。
您的解決方案工作，但是現在是時候重構了。嘗試使您的代碼盡可能漂亮，簡單，以保持測試綠色。
一旦無法改進代碼並通過了測試，就可以提出解決方案。
將您的更新推向GitHub服務器，並檢查Travis-CI上是否通過測試。
如果一切正常，您可以嘗試解決下一個任務。

如何調試任務

要調試測試，您可以使用節點檢查器。要安裝它，只需在您的終端中運行npm install -g node-inspector即可。然後執行下一步：

添加debugger;到您任務的第一行。
使用npm run test-debug ./test/01-strings-tests.js運行測試文件。
在另一個終端運行node-inspector中，並從輸出複制鏈接。
打開您喜歡的瀏覽器中的鏈接。您應該看到Chrome Developers工具，例如Interface，您可以在其中調試任務。
當您發現並解決問題時，請使用調試工具關閉瀏覽器的選項卡，通過按CTRL-C來停止節點檢查員，通過按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"],
           ...
         },
         ...
     ]
}