js assignments

Brest Shark

Atribuições de javascript

Não se esqueça de enviar seus resultados! Enviar resultados

Documentos

• Como sincronizar seu garfo com o repositório original para acompanhar suas mudanças
• Envie sua solução para nós para revisão

Ainda mais atribuições de JavaScript. Existem muitos recursos interativos de JavaScript para iniciantes, mas a maioria deles está online e não cobre o fluxo de trabalho de programação moderno. Existem alguns excelentes recursos de treinamento no github (https://github.com/rmurphey/js-assessment, https://github.com/mrdavidlaing/javascript-koans, https://github.com/vasanthk/js-bits etc. Portanto, a motivação deste projeto é mostrar o processo de TDD em estado selvagem aos iniciantes. Os testes de assinatura são implementados de várias maneiras para sentir a diferença e obter a experiência de que maneira é boa, o que é ruim e o que é feio.

Outra idéia é preparar a tarefa para cobrir todas as funções JavaScript padrão, para perfurar e masterizar habilidades. Algumas tarefas são práticas, mas algumas tarefas são bastante sintéticas.

E a última idéia é inar estagiários para trabalhar usando o teste de unidade e se sentir desconfortável ao programar sem testes.

Para iniciar as tarefas JavaScript, siga as próximas etapas:

• Bifurcar este repositório
• Configure Travis-Ci para testar os compromissos
• Configure o ambiente de trabalho
• Implementar tarefas usando a moda TDD
• Como depurar tarefas

Como bifurcar este repositório

• Clique no botão do garfo no canto superior direito desta página e o repositório será copiado para sua própria conta.
• Run git clone https://github.com/<your-account>/js-assignments.git da linha de comando para baixar o repo.

Como configurar Travis-Ci

• Abra https: // travis-ci/e faça login na sua conta do GitHub.
• Ative seus atribuições de JS de reposituras bifurcadas.
• Edite o arquivo readme.md local e atualize todos os links (basta substituir todas as ocorrências de 'it-shark-pro' pelo nome da sua conta).
• Compromete e empurre o readme.md atualizado para o Github:

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

• Abra https://github.com/it-shark-pro/js-assignments e teste o ícone Build. Agora ele executará todos os testes e atualizará o status assim que você pressionar as alterações no GitHub. Mantenha este ícone verde!

Como configurar o ambiente de trabalho

• Faça o download e instale os nodejs mais recentes.
• Execute npm install na pasta seu repositório para baixar os módulos necessários. Todos os módulos dependentes estarão localizados na pasta Node_modules .
• Abra seu editor favorito e complete as tarefas.
• Abra seu terminal e use o comando npm test para executar todos os testes. Você pode executar um único arquivo passando-o como argumento npm test ./test/01-strings-tests.js .
• A pasta de repositório local tem a seguinte estrutura:

  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.

Como implementar tarefas usando a moda TDD

Agora você está pronto para implementar tarefas. Os módulos de tarefas estão localizados na pasta de tarefas . Cada módulo consiste em várias tarefas para o tópico especificado. Cada tarefa geralmente é uma função regular:

  /**
   * 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' ) ;
  }

Resolva esta tarefa usando as seguintes etapas do TDD:

• Execute testes de unidade e verifique se está tudo bem e não há testes de falha.
• Leia a descrição da tarefa no comentário acima da função. Tente entender a ideia. Se você conseguiu, é para escrever um teste de unidade primeiro, mas os testes de unidade já estão preparados :) Pule a etapa com a gravação de testes de unidade.
• Remova a linha de erro de arremesso do corpo da função

     throw new Error ( 'Not implemented' ) ;

e execute os testes de unidade novamente. Encontre um teste falhado (vermelho). Agora é hora de consertar!

• Implemente a função de qualquer maneira e verifique sua solução executando testes até que o teste falhado seja aprovado (verde).
• Sua solução funciona, mas agora é hora de refatorá -lo. Tente tornar seu código o mais bonito e simples possível, mantendo o teste verde.
• Uma vez que você não puder melhorar seu código e os testes são passados, você pode comprometer sua solução.
• Empurre suas atualizações para o GitHub Server e verifique se os testes foram passados ​​no Travis-Ci.
• Se estiver tudo bem, você pode tentar resolver a próxima tarefa.

Como depurar tarefas

Para depurar testes, você pode usar o inspetor do nó . Para instalá -lo, basta executar npm install -g node-inspector no seu terminal. Em seguida, siga os próximos passos:

• Adicione debugger; para a primeira linha da sua tarefa.
• Execute seu arquivo de teste com npm run test-debug ./test/01-strings-tests.js .
• Em outro node-inspector execução do terminal e copie o link da saída.
• Abra o link no seu navegador favorito. Você deve ver ferramentas de desenvolvedores do Chrome, como a interface, onde você pode depurar suas tarefas.
• Quando você encontrar e corrigir seu problema, feche a guia do navegador com as ferramentas de depuração, pare o inspetor do nó pressionando Ctrl-C, pare o corredor de teste pressionando Ctrl-C, remova o debugger; da sua tarefa.

Como depurar (o caminho para iniciantes)

Existe uma maneira mais fácil de depurar para iniciantes com o código gratuito do Visual Studio:

• Instale o VSC em https://code.visualstudio.com/
• Pasta de projeto aberto no VSC e siga as instruções de https://code.visualstudio.com/docs/runtimes/nodejs#_debugging-your-node-application para criar um launch.json padrão.json
• Modifique o launch.json

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

• Clique na calha à esquerda do número da linha para definir o ponto de interrupção. Pressione F5 para executar a depuração.
• NOTA: O launch.json é armazenado na pasta .vscode Project.

Contribuição

Sinta -se à vontade para contribuir com este projeto. Novas tarefas e katas são bem -vindos.

Eslint

Para corrigir o Execute de linha:

 npm run lint -- --fix