Téléchargement js assignments - Téléchargement du code source js assignments Affectations

js assignments

Autre code source

v1.1

Télécharger

Brest It Shark

Affectations JavaScript

N'oubliez pas d'envoyer vos résultats! Envoyer des résultats

Docs

Comment synchroniser votre fourche à partir du dépôt original pour suivre leurs modifications
Soumettez-nous votre solution pour examen

Encore une autre affectation JavaScript. Il existe de nombreuses ressources JavaScript interactives pour les débutants, mais la plupart d'entre elles sont en ligne et ne couvrent pas le flux de travail de programmation moderne. Il existe d'excellentes ressources de formation sur GitHub (https://github.com/rmurphey/js-esssment, https://github.com/mrdavidlag/javascript-koans, https://github.com/vasanthk/js bits, etc.) mais ils ne simulent pas exactement le processus de programmation quotidienne. La motivation de ce projet est donc de montrer le processus TDD à l'état sauvage aux débutants. Les tests d'assurance sont mis en œuvre de diverses manières pour ressentir une différence et acquérir l'expérience de quelle manière est bonne, ce qui est mauvais et ce qui est laid.

Une autre idée est de préparer une affectation pour couvrir toutes les fonctions JavaScript standard, aux compétences de forage et de maîtrise. Certaines tâches sont pratiques, mais certaines tâches sont plutôt synthétiques.

Et la dernière idée est d'obtenir des stagiaires à travailler à l'aide d'un test unitaire et à se sentir mal à l'aise lors de la programmation sans tests.

Pour démarrer les affectations JavaScript, veuillez suivre les étapes suivantes:

Fourk ce repo
Configuration de Travis-CI pour tester les commits
Configurer l'environnement de travail
Implémenter les affectations à l'aide de la mode TDD
Comment déboguer les tâches

Comment déborder ce repo

Cliquez sur le bouton Fork dans le coin supérieur droit de cette page et le référentiel sera copié sur votre propre compte.
Exécutez git clone https://github.com/<your-account>/js-assignments.git à partir de la ligne de commande pour télécharger le dépôt.

Comment configurer Travis-Ci

Ouvrez https: // travis-ci / et connectez-vous avec votre compte GitHub.
Activez votre réapprovisionnement à fourche JS-Asignements .
Modifiez le fichier local readme.md et mettez à jour tous les liens (remplacez simplement toutes les occurrences de 'it-shark-pro' par le nom de votre compte).
Engager et pousser Readme.md à jour à jour vers GitHub:

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

Ouvrez https://github.com/it-quark-pro/js-assignments et testez l'icône de construction. Maintenant, il exécutera tous les tests et mettra à jour l'état une fois que vous aurez poussé les modifications à GitHub. Gardez cette icône verte!

Comment configurer un environnement de travail

Téléchargez et installez les derniers nodejs.
Exécutez npm install à partir du dossier du référentiel pour télécharger les modules requis. Tous les modules dépendants seront situés dans le dossier Node_Modules .
Ouvrez votre éditeur préféré et complétez les tâches.
Ouvrez votre terminal et utilisez la commande npm test pour exécuter tous les tests. Vous pouvez exécuter un fichier unique en le faisant passer en tant que npm test ./test/01-strings-tests.js .

Le dossier Repo local a la structure suivante:

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.

Comment implémenter les affectations à l'aide de la mode TDD

Vous êtes maintenant prêt à implémenter des affectations. Les modules de tâches sont situés dans le dossier des tâches . Chaque module se compose de plusieurs tâches pour un sujet spécifié. Chaque tâche est généralement une fonction régulière:

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

Résoudre cette tâche en utilisant les étapes TDD suivantes:

Exécutez des tests unitaires et assurez-vous que tout va bien et qu'il n'y a pas de tests d'échec.
Lisez la description de la tâche dans le commentaire ci-dessus de la fonction. Essayez de comprendre l'idée. Si vous l'avez, vous devez d'abord écrire un test unitaire, mais les tests unitaires sont déjà préparés :) Sautez l'étape avec des tests unitaires d'écriture.
Retirez la ligne d'erreur de lancer du corps de la fonction

     throw new Error ( 'Not implemented' ) ;

et exécutez à nouveau les tests unitaires. Trouver un test échoué (rouge). Il est maintenant temps de le réparer!

Implémentez la fonction de quelque manière que ce soit et vérifiez votre solution en exécutant des tests jusqu'à ce que l'échec du test soit passé (vert).
Votre solution fonctionne, mais il est maintenant temps de le refactor. Essayez de rendre votre code aussi joli et simple que possible en gardant le test vert.
Une fois que vous ne pouvez pas améliorer votre code et que les tests sont passés, vous pouvez commettre votre solution.
Poussez vos mises à jour sur GitHub Server et vérifiez si les tests passent sur Travis-CI.
Si tout va bien, vous pouvez essayer de résoudre la tâche suivante.

Comment déboguer les tâches

Pour déboguer les tests, vous pouvez utiliser l'inspecteur de nœud . Pour l'installer, exécutez simplement npm install -g node-inspector dans votre terminal. Ensuite, suivez les étapes suivantes:

Ajouter debugger; à la première ligne de votre tâche.
Exécutez votre fichier de test avec npm run test-debug ./test/01-strings-tests.js .
Dans un autre terminal, exécuteur node-inspector et copier le lien à partir de la sortie.
Ouvrez le lien dans votre navigateur préféré. Vous devriez voir des outils de développeurs Chrome comme Interface où vous pouvez déboguer vos tâches.
Lorsque vous avez trouvé et résolu votre problème, fermez l'onglet du navigateur avec les outils de débogage, arrêtez l'inspecteur de nœud en appuyant sur Ctrl-C, arrêtez le coureur de test en appuyant sur Ctrl-C, supprimez le debugger; de votre tâche.

Comment déboguer (le début du début)

Il existe un moyen plus facile de déboguer pour les débutants avec un code Visual Studio gratuit:

Installez VSC à partir de https://code.visualstudio.com/
Ouvrez le dossier du projet dans VSC et suivez les instructions de https://code.visualstudio.com/docs/runtimes/nodejs#_debugging-your--dode-application pour créer un launch.json par défaut.json
Modifiez le launch.json dans l'IDE, définissez les propriétés "programme" et "args" (Valeur "Args" vide Exécutez tous les tests, pour exécuter un test particulier Spécifiez ce fichier de test dans "Args"):

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

Cliquez dans le gouttière à gauche du numéro de ligne pour définir le point d'arrêt. Appuyez sur F5 pour exécuter le débogage.
Remarque: le launch.json est stocké dans le dossier du projet .vscode .