js assignments

بريست هو القرش

مهام JavaScript

لا تنس إرسال نتائجك! إرسال النتائج

مستندات

• كيفية مزامنة شوكة الخاص بك من الريبو الأصلي لمواكبة تغييراتهم
• أرسل الحل الخاص بك لنا للمراجعة

بعد مهام JavaScript أخرى. هناك الكثير من موارد JavaScript التفاعلية للمبتدئين ، ولكن معظمهم على الإنترنت ولا يغطي سير عمل البرمجة الحديثة. هناك بعض الموارد التدريبية الممتازة على Github (https://github.com/rmurphey/js-assessment ، https://github.com/mrdavidlaing/javascript-koans ، https://github.com/vasanthk/js-bits etc) ولكنها ليست محاكاة بالضبط عملية البرامج اليومية. لذا فإن دافع هذا المشروع هو إظهار عملية TDD في البرية للمبتدئين. يتم تنفيذ اختبارات التأكيد بطرق مختلفة للشعور بالفرق واكتساب التجربة ما هي الطريقة الجيدة وما هو سيء وما هو قبيح.

فكرة أخرى هي إعداد المهمة لتغطية جميع وظائف JavaScript القياسية ، للمهارات الحفر وإتقان. بعض المهام عملية ، ولكن بعض المهام اصطناعية إلى حد ما.

والفكرة الأخيرة هي إدخال المتدربين في العمل باستخدام اختبار الوحدة والشعور بعدم الارتياح عند البرمجة دون اختبارات.

لبدء تعيينات JavaScript ، يرجى اتباع الخطوات التالية:

• شوكة هذا الريبو
• قم بإعداد Travis-CI لاختبار الالتزامات
• قم بإعداد بيئة العمل
• تنفيذ المهام باستخدام أزياء TDD
• كيفية تصحيح مهام

كيف تتخبط هذا الريبو

• انقر فوق الزر الشوكة في الزاوية العلوية اليمنى من هذه الصفحة وسيتم نسخ المستودع إلى حسابك الخاص.
• قم بتشغيل git clone https://github.com/<your-account>/js-assignments.git من سطر الأوامر لتنزيل الريبو.

كيفية إعداد Travis-CI

• افتح https: // travis-ci/وقم بتسجيل الدخول مع حساب github الخاص بك.
• قم بتفعيل التقييم الخاص بك repo js .
• تحرير ملف readMe.md المحلي وتحديث جميع الروابط (فقط استبدل جميع حوادث 'it-shark-pro' باسم حسابك).
• ارتكاب ودفع readme.md المحدثة إلى جيثب:

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

• افتح https://github.com/it-shark-pro/js-assignments واختبر أيقونة الإنشاء. الآن سيتم تشغيل جميع الاختبارات وتحديث الحالة بمجرد دفع التغييرات إلى Github. الحفاظ على هذا الرمز الأخضر!

كيفية إعداد بيئة العمل

• قم بتنزيل وتثبيت أحدث Nodejs.
• قم بتشغيل npm install من مجلد المستودع الخاص بك لتنزيل الوحدات النمطية المطلوبة. سيتم تحديد جميع الوحدات التابعة في مجلد Node_Modules .
• افتح المحرر المفضل لديك وأكمل المهام.
• افتح محطة NPM npm test لتشغيل جميع الاختبارات. يمكنك تشغيل ملف واحد عن طريق تمريره كوسيطة npm test ./test/01-strings-tests.js .
• يحتوي مجلد Repo المحلي على الهيكل التالي:

  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.

كيفية تنفيذ المهام باستخدام أزياء TDD

أنت الآن مستعد لتنفيذ المهام. توجد وحدات المهام في مجلد المهمة . تتكون كل وحدة من عدة مهام للموضوع المحدد. عادة ما تكون كل مهمة وظيفة منتظمة:

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

حل هذه المهمة باستخدام خطوات TDD التالية:

• قم بتشغيل اختبارات الوحدة وتأكد من أن كل شيء على ما يرام ولا توجد اختبارات فاشلة.
• اقرأ وصف المهمة في التعليق أعلاه الوظيفة. حاول أن تفهم الفكرة. إذا حصلت عليه ، فأنت ستتمكن من كتابة اختبار الوحدة أولاً ، ولكن تم إعداد اختبارات الوحدة بالفعل :) تخطي خطوة مع اختبارات وحدة الكتابة.
• قم بإزالة خط خطأ الرمي من جسم الوظيفة

     throw new Error ( 'Not implemented' ) ;

وتشغيل اختبارات الوحدة مرة أخرى. العثور على اختبار واحد فشل (أحمر). الآن حان الوقت لإصلاحه!

• قم بتنفيذ الوظيفة بأي شكل من الأشكال والتحقق من الحل الخاص بك عن طريق إجراء الاختبارات حتى يتم اجتياز الاختبار الفاشل (أخضر).
• الحل الخاص بك يعمل ، ولكن الآن حان الوقت لإعادة تهيئة ذلك. حاول أن تجعل الكود الخاص بك جميلًا وبسيطًا قدر الإمكان مواكبة الاختبار الأخضر.
• بمجرد أن تتمكن من تحسين الكود الخاص بك واختبار الاختبارات ، يمكنك ارتكاب الحل الخاص بك.
• ادفع تحديثاتك إلى خادم GitHub وتحقق مما إذا كانت الاختبارات قد تم اجتيازها على Travis-CI.
• إذا كان كل شيء على ما يرام ، يمكنك محاولة حل المهمة التالية.

كيفية تصحيح مهام

لتصحيح الاختبارات ، يمكنك استخدام Node Inspector . لتثبيته ، قم فقط بتشغيل npm install -g node-inspector في المحطة الخاصة بك. ثم اتبع الخطوات التالية:

• إضافة debugger; إلى السطر الأول من مهمتك.
• قم بتشغيل ملف الاختبار الخاص بك مع npm run test-debug ./test/01-strings-tests.js .
• في طرفية أخرى ، قم بتشغيل node-inspector ونسخ الرابط من الإخراج.
• افتح الرابط في متصفحك المفضل. يجب أن ترى أدوات مطوري Chrome مثل Interface حيث يمكنك تصحيح مهامك.
• عند العثور على مشكلتك وإصلاحها ، أغلق علامة التبويب المتصفح باستخدام أدوات التصحيح ، أوقف المطبخ العقدة عن طريق الضغط على CTRL-C ، ووقف عداء الاختبار عن طريق الضغط على CTRL-C ، وإزالة debugger; من مهمتك.

كيفية تصحيح (طريق المبتدئين)

هناك طريقة أسهل للتصحيح للمبتدئين برمز Visual Studio المجاني:

• تثبيت VSC من https://code.visualstudio.com/
• افتح مجلد المشروع في VSC واتبع التعليمات من https://code.visualstudio.com/docs/runtimes/nodejs#_debugging-your-node-application لإنشاء تشغيل افتراضي launch.json
• قم بتعديل launch.json

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

• انقر في الحضيض على يسار رقم السطر لتعيين نقطة الإيقاف. اضغط F5 لتشغيل Debug.
• ملاحظة: يتم تخزين launch.json في مجلد مشروع .vscode .

مساهمة

لا تتردد في المساهمة في هذا المشروع. نرحب بمهام جديدة وكاتاس.

eslint

لإصلاح تنفيذ Linting:

 npm run lint -- --fix