js assignments

Brest It Shark

Tugas JavaScript

Jangan lupa untuk mengirim hasil Anda! Kirim Hasil

Dokumen

• Cara menyinkronkan garpu Anda dari repo asli untuk mengimbangi perubahan mereka
• Kirimkan solusi Anda kepada kami untuk ditinjau

Namun tugas JavaScript lainnya. Ada banyak sumber daya JavaScript interaktif untuk pemula, tetapi kebanyakan dari mereka online dan tidak mencakup alur kerja pemrograman modern. There are some excellent training resources on github (https://github.com/rmurphey/js-assessment, https://github.com/mrdavidlaing/javascript-koans, https://github.com/vasanthk/js-bits etc) but they are not exactly simulate the everyday programming process. Jadi motivasi proyek ini adalah untuk menunjukkan proses TDD di alam liar ke pemula. Tes pengurang diimplementasikan dalam berbagai cara untuk merasakan perbedaan dan mendapatkan pengalaman apa yang baik, apa yang buruk dan apa yang jelek.

Gagasan lain adalah menyiapkan tugas untuk mencakup semua fungsi JavaScript standar, untuk mengebor dan menguasai keterampilan. Beberapa tugas praktis, tetapi beberapa tugas agak sintetis.

Dan ide terakhir adalah inure trainee untuk bekerja menggunakan tes unit dan merasa tidak nyaman saat pemrograman tanpa tes.

Untuk memulai tugas JavaScript, ikuti langkah selanjutnya:

• Garpu repo ini
• Mengatur travis-ci untuk menguji komitmen
• Siapkan Lingkungan Kerja
• Menerapkan tugas menggunakan mode TDD
• Bagaimana men -debug tugas

Cara membayar repo ini

• Klik tombol Fork di sudut kanan atas halaman ini dan repositori akan disalin ke akun Anda sendiri.
• Jalankan git clone https://github.com/<your-account>/js-assignments.git dari baris perintah untuk mengunduh repo.

Cara mengatur travis-ci

• Buka https: // travis-ci/dan masuk dengan akun github Anda.
• Aktifkan Repo Forked Anda JS-penawaran .
• Edit file readme.md lokal dan perbarui semua tautan (cukup ganti semua kemunculan 'it-shark-pro' dengan nama akun Anda).
• Komit dan dorong readme.md yang diperbarui ke GitHub:

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

• Buka https://github.com/it-shark-pro/js-assignments dan uji ikon build. Sekarang akan menjalankan semua tes dan memperbarui status setelah Anda mendorong perubahan ke GitHub. Simpan ikon ini hijau!

Cara Mengatur Lingkungan Kerja

• Unduh dan instal nodeJs terbaru.
• Jalankan npm install dari Folder Repositori Anda untuk mengunduh modul yang diperlukan. Semua modul dependen akan ditempatkan di folder Node_Modules .
• Buka editor favorit Anda dan menyelesaikan tugas.
• Buka terminal Anda dan gunakan perintah npm test untuk menjalankan semua tes. Anda dapat menjalankan file tunggal dengan meneruskannya sebagai npm test ./test/01-strings-tests.js .
• Folder repo lokal memiliki struktur berikut:

  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.

Cara mengimplementasikan tugas menggunakan fashion tdd

Sekarang Anda siap menerapkan tugas. Modul tugas terletak di folder tugas . Setiap modul terdiri dari beberapa tugas untuk topik tertentu. Setiap tugas biasanya merupakan fungsi reguler:

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

Selesaikan tugas ini menggunakan langkah -langkah TDD berikut:

• Jalankan tes unit dan pastikan semuanya baik -baik saja dan tidak ada tes yang gagal.
• Baca deskripsi tugas dalam komentar di atas fungsi. Cobalah untuk memahami idenya. Jika Anda mendapatkannya, Anda harus menulis tes unit terlebih dahulu, tetapi tes unit sudah disiapkan :) Lewati langkah dengan menulis tes unit.
• Lepaskan garis kesalahan lemparan dari bodi fungsi

     throw new Error ( 'Not implemented' ) ;

dan jalankan tes unit lagi. Temukan satu tes gagal (merah). Sekarang saatnya untuk memperbaikinya!

• Terapkan fungsi dengan cara apa pun dan verifikasi solusi Anda dengan menjalankan tes sampai tes yang gagal dilewati (hijau).
• Solusi Anda berfungsi, tetapi sekarang saatnya untuk refactor. Cobalah untuk membuat kode Anda secantik dan sesederhana mungkin menjaga tes hijau.
• Setelah Anda tidak dapat meningkatkan kode dan tes Anda dilewati, Anda dapat melakukan solusi Anda.
• Dorong pembaruan Anda ke Github Server dan periksa apakah tes dilewati Travis-CI.
• Jika semuanya baik -baik saja, Anda dapat mencoba menyelesaikan tugas berikutnya.

Bagaimana men -debug tugas

Untuk men -debug tes, Anda dapat menggunakan Inspektur Node . Untuk menginstalnya, cukup jalankan npm install -g node-inspector di terminal Anda. Kemudian ikuti langkah selanjutnya:

• Tambahkan debugger; ke baris pertama tugas Anda.
• Jalankan file uji Anda dengan npm run test-debug ./test/01-strings-tests.js .
• Di terminal lain menjalankan node-inspector dan salin tautan dari output.
• Buka tautan di browser favorit Anda. Anda harus melihat alat pengembang chrome seperti antarmuka di mana Anda dapat men -debug tugas Anda.
• Saat Anda menemukan dan memperbaiki masalah Anda, tutup tab browser dengan alat debug, hentikan node-inspector dengan menekan Ctrl-C, hentikan pelari uji dengan menekan Ctrl-C, hapus debugger; dari tugas Anda.

How to debug (pemula)

Ada cara yang lebih mudah untuk men -debug untuk pemula dengan kode studio visual gratis:

• Instal VSC dari https://code.visualstudio.com/
• Buka folder proyek di VSC dan ikuti instruksi dari https://code.visualstudio.com/docs/runtimes/nodejs#_debugging-your-node-application untuk membuat launch.json default.json
• Ubah launch.json di IDE, atur Properti "Program" dan "Args" (kosong "Args" Nilai Jalankan semua tes, untuk menjalankan tes tertentu Tentukan file uji ini di "args"):

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

• Klik di selokan di sebelah kiri nomor baris untuk mengatur breakpoint. Tekan F5 untuk menjalankan debug.
• Catatan: launch.json disimpan di folder proyek .vscode .

Kontribusi

Jangan ragu untuk berkontribusi dalam proyek ini. Tugas dan Katas baru dipersilakan.

Eslint

Untuk memperbaiki Execute Linting:

 npm run lint -- --fix