js assignments

Brest It Shark

Asignaciones de JavaScript

¡No olvides enviar tus resultados! Enviar resultados

Documento

• Cómo sincronizar su bifurcación del repositorio original para mantenerse al día con sus cambios
• Envíe su solución a nosotros para su revisión

Otra tareas de JavaScript. Hay muchos recursos interactivos de JavaScript para principiantes, pero la mayoría de ellos están en línea y no cubren el flujo de trabajo de programación moderno. Hay algunos excelentes recursos de capacitación en GitHub (https://github.com/rmurphey/js-essessment, https://github.com/mrdavidlaing/javascript-koans, https://github.com/vasanthk/js-bits etc) pero no están simulando el proceso de la programación diaria. Entonces, la motivación de este proyecto es mostrar el proceso TDD en la naturaleza a los principiantes. Las pruebas de avance se implementan de varias maneras para sentir una diferencia y ganar la experiencia de qué manera es buena, qué es malo y lo feo.

Otra idea es preparar la asignación para cubrir todas las funciones estándar de JavaScript, a las habilidades de perforación y dominio. Algunas tareas son prácticas, pero algunas tareas son bastante sintéticas.

Y la última idea es incorporar a los alumnos para trabajar usando una prueba unitaria y sentirse incómodo al programar sin pruebas.

Para iniciar las tareas de JavaScript, siga los siguientes pasos:

• Bifurca este repositorio
• Configurar Travis-Ci para probar los compromisos
• Configurar el entorno de trabajo
• Implementar asignaciones utilizando la moda TDD
• Cómo depurar tareas

Cómo desembolsar este repositorio

• Haga clic en el botón de la horquilla en la esquina superior derecha de esta página y el repositorio se copiará en su propia cuenta.
• Ejecute git clone https://github.com/<your-account>/js-assignments.git desde la línea de comando para descargar el repositorio.

Cómo configurar Travis-Ci

• Abra https: // Travis-Ci/e inicie sesión con su cuenta GitHub.
• Active sus asignaciones de repo JS JS .
• Edite el archivo local ReadMe.md y actualice todos los enlaces (simplemente reemplace todas las ocurrencias de 'it-shark-pro' con el nombre de su cuenta).
• Commit y empuje ReadMe.md actualizado a GitHub:

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

• Abra https://github.com/it-shark-pro/js-signments y pruebe el icono de compilación. Ahora ejecutará todas las pruebas y actualizará el estado una vez que impulse los cambios a GitHub. ¡Mantenga este ícono verde!

Cómo configurar el entorno laboral

• Descargue e instale los últimos NodeJs.
• Ejecute npm install desde la carpeta de repositorio para descargar los módulos requeridos. Todos los módulos dependientes se ubicarán en la carpeta Node_Modules .
• Abra su editor favorito y las tareas completas.
• Abra su terminal y use el comando npm test para ejecutar todas las pruebas. Puede ejecutar un solo archivo pasándolo como npm test ./test/01-strings-tests.js .
• La carpeta de repo local tiene la siguiente estructura:

  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.

Cómo implementar tareas utilizando la moda TDD

Ahora está listo para implementar tareas. Los módulos de tareas se encuentran en la carpeta de tareas . Cada módulo consta de varias tareas para el tema especificado. Cada tarea suele ser una función 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' ) ;
  }

Resuelva esta tarea utilizando los siguientes pasos de TDD:

• Ejecute pruebas unitarias y asegúrese de que todo esté bien y que no haya pruebas fallidas.
• Lea la descripción de la tarea en el comentario anterior a la función. Intenta entender la idea. Si lo consiguió, primero debe escribir una prueba unitaria, pero las pruebas unitarias ya están preparadas :) Saltee el paso con la escritura de pruebas unitarias.
• Eliminar la línea de error de lanzamiento del cuerpo de funciones

     throw new Error ( 'Not implemented' ) ;

y ejecute las pruebas unitarias nuevamente. Encuentre una prueba fallida (rojo). ¡Ahora es el momento de arreglarlo!

• Implemente la función de cualquier manera y verifique su solución ejecutando pruebas hasta que se apruebe la prueba fallida (verde).
• Su solución funciona, pero ahora es tiempo para refactorizarla. Intente que su código sea lo más bonito y simple posible manteniendo la prueba verde.
• Una vez que no puede mejorar su código y se aproban las pruebas, puede confirmar su solución.
• Empuje sus actualizaciones al servidor GitHub y verifique si las pruebas se aprobaron en Travis-Ci.
• Si todo está bien, puede intentar resolver la siguiente tarea.

Cómo depurar tareas

Para depurar las pruebas puede usar el inspector de nodos . Para instalarlo, simplemente ejecute npm install -g node-inspector en su terminal. Luego siga los siguientes pasos:

• Agregar debugger; a la primera línea de tu tarea.
• Ejecute su archivo de prueba con npm run test-debug ./test/01-strings-tests.js .
• En otro terminal Ejecutar node-inspector y el enlace de copia desde la salida.
• Abra el enlace en su navegador favorito. Debería ver herramientas de desarrolladores de Chrome como Interface donde puede depurar sus tareas.
• Cuando haya encontrado y solucione su problema, cierre la pestaña del navegador con las herramientas de depuración, detenga el inspector de nodo presionando CTRL-C, detenga el corredor de prueba presionando Ctrl-C, elimine el debugger; de tu tarea.

Cómo depurar (Way's Way)

Hay una manera más fácil de depurar para principiantes con código de estudio de Visual gratuito:

• Instale VSC en https://code.visualstudio.com/
• Abra la carpeta del proyecto en VSC y siga las instrucciones desde https://code.visualstudio.com/docs/runtimes/nodejs#_debugging-your-node-application para crear un launch.json predeterminado.json
• Modifique el launch.json

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

• Haga clic en la canaleta a la izquierda del número de línea para establecer el punto de interrupción. Presione F5 para ejecutar la depuración.
• NOTA: El launch.json se almacena en la carpeta del proyecto .vscode .

Contribución

Siéntase libre de contribuir a este proyecto. Las nuevas tareas y los katas son bienvenidos.

Eslint

Para arreglar las pelusas de ejecución:

 npm run lint -- --fix