js assignments

Бест, акула

Задания JavaScript

Не забудьте отправить свои результаты! Отправить результаты

Док

• Как синхронизировать свою вилку от оригинального репо, чтобы не отставать от их изменений
• Отправьте нам свое решение для рассмотрения

Еще одно задание JavaScript. Есть много интерактивных ресурсов JavaScript для начинающих, но большинство из них находятся в Интернете и не охватывают современный рабочий процесс программирования. Есть несколько отличных учебных ресурсов на GitHub (https://github.com/rmurphey/js-assessment, https://github.com/mrdavidlaing/javascript-koans, https://github.com/vasanthk/js-tcts), но они не так смоделируют процесс программирования. Таким образом, мотивация этого проекта - показать процесс 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 .
• Локальная папка Repo имеет следующую структуру:

  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, такие как интерфейс, где вы можете отлаживать свои задачи.
• Когда вы обнаружите и исправите свою проблему, закройте вкладку браузера инструментами отладки, остановите инспектора узла, нажав CTRL-C, остановите Test Runner, нажав CTRL-C, удалите debugger; от вашей задачи.

Как отлаживать (путь начинающего)

Существует более простой способ отладки для начинающих с бесплатным кодом Visual Studio:

• Установите VSC с https://code.visualstudio.com/
• Откройте папку проекта в VSC и следуйте инструкции с https://code.visualstudio.com/docs/runtimes/nodejs#_debugging-yournode-pplication для создания launch.json по умолчанию.json
• Измените launch.json

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

• Нажмите на желоб слева от номера строки, чтобы установить точку останова. Нажмите F5 , чтобы запустить отладку.
• Примечание. launch.json хранится в папке проекта .vscode .

Вклад

Не стесняйтесь вносить свой вклад в этот проект. Приглашаются новые задачи и ката.

Эслинт

Чтобы исправить Linting execute:

 npm run lint -- --fix