js assignments

Brest It Shark

JavaScript -Zuweisungen

Vergessen Sie nicht, Ihre Ergebnisse zu senden! Ergebnisse senden

Dokumente

• So synchronisieren Sie Ihre Gabel vom ursprünglichen Repo, um mit ihren Änderungen Schritt zu halten
• Senden Sie Ihre Lösung zur Überprüfung an uns

Ein weiterer JavaScript -Zuweisungen. Es gibt viele interaktive JavaScript -Ressourcen für Anfänger, aber die meisten sind online und decken den modernen Programmierworkflow nicht ab. Es gibt einige hervorragende Trainingsressourcen auf GitHub (https://github.com/rmurphey/js-asessment, https://github.com/mrdavidlaing/javascript-koans, https://github.com/vasanthk/js-bits usw. Die Motivation dieses Projekts besteht also darin, den Anfängern den TDD -Prozess in freier Wildbahn zu zeigen. Assingentests werden auf verschiedene Weise durchgeführt, um einen Unterschied zu spüren und die Erfahrung zu sammeln, wie gut, was schlecht und was hässlich ist.

Eine andere Idee ist die Vorbereitung der Zuordnung, um alle Standard -JavaScript -Funktionen zu decken, um Fähigkeiten zu bohren und zu beherrschen. Einige Aufgaben sind praktisch, aber einige Aufgaben sind eher synthetisch.

Die letzte Idee besteht darin, die Auszubildenden zu arbeiten, indem sie Unit -Tests bei der Programmierung ohne Tests unwohl fühlen.

Um JavaScript -Zuweisungen zu starten, befolgen Sie bitte die nächsten Schritte:

• Fork dieses Repo
• Setup Travis-Ci einrichten, um die Commits zu testen
• Richten Sie die Arbeitsumgebung ein
• Implementieren Sie Zuweisungen mithilfe der TDD -Mode
• Wie man Aufgaben debuggiert

Wie man dieses Repo verlangt

• Klicken Sie in der oberen rechten Ecke dieser Seite auf die Schaltfläche Gabel und das Repository wird in Ihr eigenes Konto kopiert.
• Führen Sie git clone https://github.com/<your-account>/js-assignments.git aus der Befehlszeile zum Herunterladen des Repo aus.

So richten Sie Travis-Ci ein

• Öffnen Sie https: // travis-ci/und melden Sie sich mit Ihrem Github-Konto an.
• Aktivieren Sie Ihr Forked Repo JS-Signments .
• Bearbeiten Sie die lokale LEADME.MD-Datei und aktualisieren Sie alle Links (ersetzen Sie einfach alle Vorkommen von 'it-shark-pro' durch deinen Kontonamen).
• Bestimmen und schieben aktualisierte Readme.md in GitHub:

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

• Öffnen Sie https://github.com/it-shark-pro/js--Signments und testen Sie das Build-Symbol. Jetzt werden alle Tests ausgeführt und den Status aktualisiert, sobald Sie Änderungen an GitHub übertragen. Halten Sie diese Ikone grün!

So richten Sie Arbeitsumgebung ein

• Laden Sie die neuesten NodeJs herunter und installieren Sie sie.
• Führen Sie npm install von Ihrem Repository -Ordner aus, um die erforderlichen Module herunterzuladen. Alle abhängigen Module befinden sich im Ordner node_modules .
• Öffnen Sie Ihren Lieblingsredakteur und erledigen Sie Aufgaben.
• Öffnen Sie Ihr Terminal und verwenden Sie den Befehl npm test um alle Tests auszuführen. Sie können eine einzelne Datei ausführen, indem Sie sie als Argument npm test ./test/01-strings-tests.js übergeben.
• Der lokale Repo -Ordner hat die folgende Struktur:

  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.

So implementieren Sie Zuweisungen mithilfe der TDD -Mode

Jetzt sind Sie bereit, Aufgaben zu implementieren. Aufgabenmodule befinden sich im Aufgabenordner . Jedes Modul besteht aus mehreren Aufgaben für ein bestimmtes Thema. Jede Aufgabe ist normalerweise eine reguläre Funktion:

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

Beheben Sie diese Aufgabe mit den folgenden TDD -Schritten auf:

• Führen Sie Unit -Tests aus und stellen Sie sicher, dass alles in Ordnung ist und es keine fehlgeschlagenen Tests gibt.
• Lesen Sie die Aufgabenbeschreibung im Kommentar über der Funktion. Versuchen Sie, die Idee zu verstehen. Wenn Sie es verstanden haben, schreiben Sie zuerst einen Unit -Test, aber Unit -Tests sind bereits vorbereitet :) Überspringen Sie den Schritt mit Schreiben von Unit -Tests.
• Entfernen Sie die Wurffehlerlinie aus der Funktionskörper

     throw new Error ( 'Not implemented' ) ;

und führen Sie die Einheitstests erneut aus. Finden Sie einen Test fehlgeschlagen (rot). Jetzt ist es Zeit, es zu reparieren!

• Implementieren Sie die Funktion auf irgendeine Weise und überprüfen Sie Ihre Lösung, indem Sie Tests ausführen, bis der fehlgeschlagene Test bestanden wird (grün).
• Ihre Lösung funktioniert, aber jetzt ist es Zeit, sie neu zu gestalten. Versuchen Sie, Ihren Code so hübsch und einfach wie möglich zu gestalten, um den Test grün zu halten.
• Sobald Sie Ihren Code nicht verbessern und Tests bestanden werden, können Sie Ihre Lösung begehen.
• Drücken Sie Ihre Updates auf den GitHub-Server und überprüfen Sie, ob Tests an Travis-CI übergeben wurden.
• Wenn alles in Ordnung ist, können Sie versuchen, die nächste Aufgabe zu beheben.

Wie man Aufgaben debuggiert

Um Tests zu debuggen, können Sie den Knoteninspektor verwenden. Um es zu installieren, führen Sie einfach npm install -g node-inspector in Ihrem Terminal aus. Befolgen Sie dann die nächsten Schritte:

• debugger; zur ersten Zeile Ihrer Aufgabe.
• Führen Sie Ihre Testdatei mit npm run test-debug ./test/01-strings-tests.js aus.
• In einem anderen Terminal führen Sie node-inspector und kopieren Sie den Link aus der Ausgabe.
• Öffnen Sie den Link in Ihrem Lieblingsbrowser. Sie sollten Chrome -Entwickler -Tools wie Schnittstelle sehen, an denen Sie Ihre Aufgaben debuggen können.
• Wenn Sie Ihr Problem gefunden und beheben, schließen Sie die Registerkarte des Browsers mit den Debug-Tools, stoppen Sie den Knoteninspektor, indem Sie Strg-C drücken, den Testläufer durch Drücken von Strg-C und entfernen Sie den debugger; von Ihrer Aufgabe.

Wie man debugug (Anfängerweg)

Es gibt eine einfachere Möglichkeit, für Anfänger mit kostenlosem Visual Studio -Code zu debuggen:

• Installieren Sie VSC von https://code.visualstudio.com/
• Öffnen Sie den Projektordner in VSC und befolgen Sie den Anweisungen von https://code.visualstudio.com/docs/runtimes/nodejs#_debugging-your-node-anapplication, um einen launch.json zu erstellen.json
• Ändern Sie den launch.json der IDE in der IDE, setzen Sie das Eigenschaften "Programm" und "Argums" (leere "Argumente" Wert Führen Sie alle Tests aus, um einen bestimmten Test auszuführen. Geben Sie diese Testdatei in "Args" an):

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

• Klicken Sie in die Rinne links von der Zeilennummer, um den Haltepunkt festzulegen. Drücken Sie F5 , um Debugg auszuführen.
• HINWEIS: Der launch.json wird im .vscode -Projektordner gespeichert.

Beitrag

Fühlen Sie sich frei, zu diesem Projekt beizutragen. Neue Aufgaben und Katas sind willkommen.

Eslint

So beheben Sie Ausführungsausführungen: Ausführende Ausführung:

 npm run lint -- --fix