[MUSIC]
الآن بعد أن لدينا فهم وحدات العقدة، دعونا نفعل أول تمرين
لدينا لزيادة فهمنا لوحدات العقدة مع مثال في هذا التمرين.
لذلك للبدء، دعونا نذهب إلى موقع مناسب على جهاز الكمبيوتر الخاص بنا.
حتى هنا، أنا في مجلد الوثائق كورسيرا،
حيث لدي الملفات من جميع الدورات السابقة.
لذلك سأقوم بإنشاء مجلد جديد هنا، يدعى NodeJS
وهذا المجلد هو المكان الذي سأقوم بتخزين جميع التعليمات البرمجية المتعلقة بدورة NodeJS.
حتى الذهاب إلى مجلد NodeJS،
دعونا إنشاء مجلد فرعي هنا، اسمه عقدة أمثلة.
وفي هذا المجلد،
سنقوم بإنشاء الملفات المتعلقة بهذا التمرين.
افتح نافذة طرفية أو نافذة أوامر،
ثم انتقل إلى مجلد أمثلة العقدة في الموجه،
ثم في الموجه، اكتب npm init
لتهيئة هذا المجلد كتطبيق عقدة.
لذا اكتب npm init ثم سيأتي ببعض
القيم الافتراضية القياسية لبعض المعلومات التي
سيتم تخزينها في ملف باسم package.json.
لذلك بالنسبة للاسم، دعنا نكتب أمثلة العقدة،
والإصدار هو 1.1.0، والوصف،
سأكتب ببساطة أمثلة عقدة بسيطة.
ونقطة الإدخال هي القيمة الافتراضية index.js.
بالنسبة لأمر الاختبار، اتركه على هذا النحو ومستودع Git في الوقت الحالي،
سنتركه على هذا النحو.
وبالنسبة للمؤلف، فقط املأ اسمك.
والباقي، ثم npm init سوف تظهر
القيمة الافتراضية التي سيتم إعدادها في ملف package.json.
لذلك كما تعلمنا، ملف package.json هو ملف البيان
لتطبيق عقدة، وبمجرد إكمال هذا، ستلاحظ أنه
يتم إنشاء ملف package.json في مجلد أمثلة العقدة هذا.
دعونا نفتح هذا المشروع في محرر من اختيارنا.
لذلك سأقوم بفتح رمز Visual Studio الخاص بي في هذا المجلد.
عند رمز Visual Studio الخاص بي، يتم فتحه في هذا المجلد.
سأذهب إلى البرامج النصية هنا وقم بإعداد برنامج نصي هنا يقول «ابدأ»
وسأقول «مؤشر العقدة».
ثم قم بحفظ التغييرات على ملف package.json.
التالي أنا ذاهب إلى إنشاء مجلد هنا وتسميته باسم index.js
وكما أدركت أن الرئيسي هنا يتم إعطاء ملف index.js،
بحيث يبدأ ملف لتطبيق عقدة بلدي.
لذلك في ملف index.js، سأقوم بإنشاء مثال بسيط
لتوضيح الميزات المختلفة للعقدة وكيف سنقوم ببناء وحدات العقدة.
لذا هنا، سنقوم ببناء مثال يقوم بتقييم
المنطقة ومحيط المستطيل.
مثال بسيط للغاية أنه يساعدنا على توضيح
الجوانب المختلفة حول وحدات العقدة والعقدة.
وبالتالي فإن الحصول على نوع البدء، فار مستقيمة.
ونحن في طريقنا إلى إنشاء كائن جافا سكريبت هنا،
وهذا هو اثنين من الخصائص، محيط، وهو وظيفة.
وكما ترون، أنا باستخدام وظيفة السهم لتحديد هذه الوظيفة هنا.
لذلك تدعم العقدة في الإصدار الحالي ES 6 أو ES 2015.
وهذا هو السبب في أنني ذاهب لاستخدام دعم وظيفة السهم
المتوفرة في ES 2015 لتحديد هذه الوظيفة هنا.
وإذا كنت قد أخذت الدورات السابقة حيث نستخدم تنورة الوقت،
وهذا سيكون مألوفا تماما بالنسبة لك.
الآن مع العقدة، لدينا خيار استخدام جافا سكريبت أو تيبسكريبت.
الآن وثائق العقدة
وأيضا التعبير عن أننا سوف نرى في وقت لاحق، كل استخدام جافا سكريبت القياسية.
لذلك لقد تخلف عن استخدام جافا سكريبت القياسية في هذه الدورة أو
جافا سكريبت ES2015 في هذه الدورة.
إذا كنت تفضل استخدام TypeScript،
فيمكنك إعداد أمثلة العقدة الخاصة بك لكتابة التطبيق الخاص بك في TypeScript.
ولكن بعد ذلك سيكون عليك تحويل هذا الرمز إلى JavaScript
بحيث يمكن تشغيله باستخدام Node.
لذلك يجب عليك إعداد بنية تحتية إضافية حتى
تتمكن من استخدام TypeScript.
في هذه الدورة، سأستخدم جافا سكريبت كلغة افتراضية
لبقية الدورة.
وأنا لن أذهب إلى Typescript استخدامه في هذه الدورة
عندما تبدأ العقد دعم Typescript أصلاً،
ثم من المنطقي الانتقال إلى Typescript [غير مسموع].
ولكن إذا كنت مهتمًا بـ Typescript،
فقد لاحظت أنه تم نشر العديد من مقالات المدونة بواسطة
أشخاص مختلفين توضح كيفية إعداد تطبيق Node الخاص بك لاستخدام Typescript.
بعد أن قلت ذلك، دعونا نعود إلى ملف index.js ومن
ثم الاستمرار في مثالنا.
لذلك أنا إعداد محيط هنا ومن ثم أيضا وظيفة المنطقة هنا.
مرة أخرى، أخذ قيمتين، x
و y، والتي تمثل طول وعرض المستطيل.
المعلمتان، والمنطقة محسوبة على أنها x مرة y.
لذا من الرياضيات في مدرستك الابتدائية،
أنت تعرف كيف تحسب محيط ومساحة المستطيل.
حتى هنا، لقد قمت بإعداد كائن جافا سكريبت هذا هنا
ثم اسمحوا لي أن تحديد وظيفة هنا باسم SolveRect
، والتي تأخذ قيمتين، (ل
، ب)، كمعلمتين، طول ورصيف المستطيل.
وسوف تستخدم هذا الكائن جافا سكريبت التي قمت بتعريفها
في وقت سابق من أجل حساب محيط ومساحة انه المستطيل.
حتى داخل هنا،
اسمحوا لي أن أفعل console.log
وأقول حل للمستطيل مع l يساوي
هذا هو فقط لراحتنا.
بحيث سيتم طباعة هذه المعلومات على المحطة هناك
وهكذا في هذا console.log، أنا فقط طباعة القيم l و b، حتى
أعرف للمستطيل الذي نقوم بحساب الطول والاتساع.
الآن، أنا ذاهب للتحقق للتأكد من
طول وعرض ليست أقل من أو يساوي الصفر.
إذا كانت أقل من أو تساوي الصفر، فليس من المنطقي حساب
المحيط والمساحة للمستطيل.
لذلك سأقول console.log هنا،
لذلك أود أن أقول
أبعاد المستطيل يجب أن تكون
أكبر من الصفر.
وبهذه الطريقة، نقوم بطباعة هذه القيم على الشاشة إذا كان الطول
والاتساع أقل من أو يساوي الصفر.
خلاف ذلك، فمن المنطقي لحساب محيط
ومساحة المستطيل.
لذلك سنقول آخر
console.log («منطقة
المستطيل هي»).
وبالمثل، سنقوم بحساب,
محيط المستطيل.
هنا.
لذلك داخل هذه الوظيفة، نقوم بحساب
المنطقة ومحيط المستطيل وتطهيره.
الآن، من الواضح أننا بحاجة إلى استدعاء هذه الوظيفة باستخدام قيم مختلفة
للطول والاتساع ونرى ما يطبع.
حتى الحق أدناه هنا، وأنا ذاهب إلى القول سولفريكت ومن
ثم مجرد استخدام بعض القيم هنا.
لذا سأقول 2، 4، و 3، 5
ودعونا نقول 0، 5 ونرى ما يحدث.
و 3, 5
لذلك أربعة خيارات مختلفة من المعلمات هنا
لتوضيح كيفية عمل هذا التطبيق.
لذلك مع هذا، دعونا حفظ التغييرات.
الآن العودة إلى المحطة، في موجه، اكتب npm start
وسترى أنه يطبع مساحة المحيط
للمستطيلات المختلفة التي حددناها هناك.
لذلك نحن نقول حل للمستطيل مع l يساوي اثنين
وب يساوي أربعة، ومساحة محيط لهذا المستطيل.
وبالنسبة للثاني، وبالنسبة للثالث، كما ترون،
يجب أن تكون أبعادك أكبر من الصفر وبالنسبة
للرابع أيضًا، فهي تطبع نفس القيمة.
الآن من الواضح، أنني لاحظت أنني سأحتاج إلى مساحة هناك، لذلك سأقوم فقط
بتصحيح الشفرة لإضافة هذه المساحة الإضافية هناك.
لذلك مع هذا، رأينا كيف يمكننا كتابة تطبيق عقدة بسيطة
لحساب محيط ومساحة المستطيل.
من الواضح الآن أنك تريد أن تكون قادرًا على إعداد مستودع Git،
حيث يمكنك تخزين كل هذا الرمز.
لذلك في نوع الموجه git init لتهيئة مستودع Git
ثم يمكنك التحقق من حالة مستودع Git
وتلاحظ أنه تم إنشاء ملفين حديثًا.
لذلك دعونا نضيف الملفين إلى مستودع Git الخاص بنا،
وعند هذه النقطة،
والتحقق من حالة git، ترى أنه تم إيداع الملفين.
لذلك دعونا نفعل جيت ارتكاب كسر
الرسالة بسيطة عقدة مثال.
في الجزء الثاني من هذا التمرين، سنقوم الآن
بإنشاء وحدة نمطية للعقدة في هذا المثال.
لذلك في المحرر، في المحرر،
قم بإنشاء ملف باسم rectangle.js.
وداخل هذا الملف، سنقوم بإنشاء وحدة عقدة.
لذلك نحن ذاهبون لاستخدام
كائن الصادرات من أجل تصدير
القيمتين من هذه الوحدة العقدة.
لذلك كما تعلمت، يصبح كل ملف في تطبيق عقدة وحدة العقدة الخاصة به.
لذا من داخل وحدة العقدة المستطيلة هذه،
سأقوم بتصدير قيمتين، المحيط،
والمنطقة.
الآن أنا «M الذهاب إلى ملف index.js ثم ببساطة نسخ هذه القيمة.
وهذا ما سنستخدمه كتصدير
للمحيط هنا وبالمثل
للمنطقة سأقوم بنسخ هذا من
ملف js الفهرس ثم استخدم ذلك للمنطقة.
حتى الآن، لدينا وحدة عقدة بسيطة جاهزة، والتي يتم تصدير قيمتين،
محيط والمنطقة من هذا الملف rectangle.js.
لذلك كما تعلمنا في المحاضرة، وحدات العقدة [غير مسموع]،
والآن بمجرد إنشاء وحدة عقدة، تحتاج إلى
إدخال وحدة العقدة هذه في ملف آخر حيث تريد الاستفادة منه.
حتى العودة إلى ملف index.js.
الآن أنا ذاهب لاستبدال هذا الشيء كله عن طريق
الطلب وألاحظ أن وحدة العقدة هذه في نفس
المجلد مثل المشروع الحالي.
لذلك أود أن أقول تتطلب المستطيل وهذا كل شيء.
لذا فقد اكتملت تغييراتي الآن.
لذلك هذا الملف index.js معين هو الذهاب لاستيراد
وحدة عقدة المستطيل التي قمنا بإنشائه للتو، ومن ثم الاستفادة منه داخل التعليمات البرمجية لدينا هنا.
لذلك دعونا حفظ التغييرات
ومن ثم نلقي نظرة على طلبنا مرة أخرى، في موجه المحطة الطرفية.
الذهاب إلى المحطة، في موجه، اكتب npm start.
ستلاحظ أن هناك
نسخة معدلة من هذا التطبيق تنتج بالضبط نفس النتائج كما كان من قبل.
مع هذا، نتعلم كيف يمكنك إنشاء
وحدة عقدة بسيطة في تطبيقنا.
الآن التحقق من حالة git، سترى أن لديك ملفين،
أحدهما تم تعديله، آخر تمت إضافته للتو.
لذلك دعونا نضيف هذا إلى مستودع Git الخاص بنا
ثم نقوم بتنفيذ git مع الرسالة،
وحدة عقدة بسيطة.
وتحقق من سجل git
وستلاحظ أن لدينا التزامين
التزمنا بمستودع Git الخاص بنا هناك.
مع هذا، نكمل هذا التمرين.
في هذا التمرين، رأينا كيف يمكننا كتابة تطبيق عقدة بسيطة.
وأيضا كيف يمكننا كتابة وحدة عقدة بسيطة
واستخدامها مع ملف آخر في تطبيق عقدة لدينا.
[ موسيقى]