js assignments

布雷斯特鲨

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"],
           ...
         },
         ...
     ]
}

• 单击线路号左侧的排水沟以设置断点。按F5进行调试。
• 注意： launch.json存储在.vscode项目文件夹中。

贡献

随时为该项目做出贡献。欢迎新任务和卡塔斯。

eslint

修复已执行的绒毛：

 npm run lint -- --fix