الكيانات والوحدات والمكونات
الدرس 18 من 38 · التصميم · 3 دقيقة و37 ثانية
الفيديو الأصلي باللغة الإنجليزية. إذا تعذّر تشغيله هنا، شاهده على موقع المؤلف. التفريغ النصي العربي الكامل أدناه.
الموارد
التفريغ النصي
[00:03] خلال بقية الدورة، سنتحدث عن هذه المفاهيم الثلاثة كثيرًا. لذلك فكرت في تسجيل فيديو قصير جدًا للحديث عما أعنيه بهم.
[00:17] أولا وقبل كل شيء، لدينا الكيانات والكيانات. وهي تمثل نوعًا من اللبنات الأساسية لمجالنا. في حالة FullSnack، على سبيل المثال، في حالة مجال مشكلة FullSnack، قد يكون لدينا كيان مطعم. قد يكون لدينا أيضًا كيان عميل. قد يكون لدينا أيضًا كيان سلع غذائية أو كيان عربة تسوق. وهذه الكيانات، لديهم أيضا سمات عادة داخلها. لذلك قد يكون للمطعم اسم وعنوان، وقد يكون له شعار، على سبيل المثال، ولديه عمليات وعلاقات مع كيانات أخرى أيضًا.
[00:49] الآن، الكيانات هي مفهوم تجريدي. إنهم موجودون فقط في رؤوسنا. لذلك يمكننا أن نرسم مخططا. قد نرسم مربعًا يقول إن هذا هو كياننا. ولكن مرة أخرى، فإنه يظهر مربع في الرسم البياني وأنه لا وجود لها في الحياة الحقيقية. ولكن عندما نبدأ فعليًا في تنفيذ التطبيق، سنرى كيف يمكننا تمثيل هذا الكيان في قطعة شفرة ملموسة فعلية.
[01:13] بعض الطرق الأكثر شيوعًا التي يمكننا من خلالها تمثيل الكيانات في نظامنا هي أن ترى هذا النموذج في حالة إطار MVC، على سبيل المثال، قد يكون لدينا نموذج ربما يجلب بعض البيانات من واجهة برمجة التطبيقات، ويحلل البيانات بطريقة أو بأخرى ولديه بعض العمليات المخصصة التي ترتبط جميعها بالمطاعم. طريقة أخرى لتمثيل الكيانات كشيفرة هي، على سبيل المثال، استخدام فئة أو واجهة أو نوع. في حالة TypeScript حيث عندما يكون لدينا نوع مطعم يحتوي على جميع سماته وعملياته وقد نراه أيضًا يمثله كخدمة في حالة React، على سبيل المثال، طرق شائعة لاستخدام خطاف مخصص قد يكون تحت غطاء محرك السيارة يجلب البيانات باستخدام استعلام React أو شيء من هذا القبيل، وربما تحديد بعض الوظائف لعمليات المطاعم.
[02:01] ثم لدينا الوحدات. وكما تمثّل الكيانات اللبنات الأساسية للمجال، تمثّل الوحدات اللبنات الأساسية للتطبيق. عندما نبدأ تقسيم التطبيق، وهو ما سنفعله مع FullSnack قريبًا، ستكون الوحدات هي المستوى الأول من التقسيم. فقد تكون لدينا وحدة للمطاعم، ووحدة للعملاء، وهكذا. أحيانًا توجد علاقة واحد إلى واحد بين كيان ووحدة، لكن ذلك ليس دائمًا؛ فهي ليست قاعدة صارمة يجب اتباعها.
[02:37] مرة أخرى، وهذا هو أيضا مفهوم مجردة ومجردة. الوحدة نفسها. ولكن بشكل ملموس قد نراها ممثلة كمجلد في، في قاعدة الشيفرة لدينا أو كطريق أو صفحة، اعتمادا على الإطار الذي نستخدمه.
[02:50] وأخيرًا، لدينا مكونات لا تحتوي حقًا على تمثيل مجرد. لذلك نراها عادة في الشيفرة كطريقة عرض، في حالة إطار MVC مثل Backbone أو شيء من هذا القبيل، أو مكون واجهة مستخدم. في حالة وجود إطار قاعدة مكون أكثر حداثة مثل React أو Svelt أو View.
[03:08] لذا في هذه الوحدة، في مرحلة التصميم، سنركز أكثر على المفاهيم المجردة. لذلك عندما نشير إلى الكيانات والوحدات، فإننا نتحدث عن المفاهيم وليس عن التنفيذ الملموس. هذه هي تلك التي سنراها. تخيل الرقم ثلاثة ثم تخيل الرقم أربعة. عندما نتحدث بالفعل عن التنفيذ، سنتحدث عن كل هذه المفاهيم من وجهة نظر تنفيذ ملموسة. لذلك كنا في الواقع ذاهبون لنرى كيف تبدو في الواقع في الشيفرة.