Npm مقابل Yarn

كتب بواسطة: | FullStack, إعدادات و مكتبات | لا يوجد تعليقات

عادة ما يتم وضع المطورين في حيرة عند اختيارهم بين مديري الحزم ليتم استخدامها في بناء وإدارة اعتمادات المشروع. ويوجد مديران للحزمة مشهورين في بيئة التطوير  وهما NPM اختصار لـ(Node package manager) وتعني مدير حزمة العقدة، و Yarn (مدير الحزم الذي أنشأه موقع فيس بوك). سوف ننظر إلى مديري الحزم هؤلاء جنباً إلى جنب مع الأخذ في الاعتبار الميزات التالية:…

أكمل القراءة

الفرق بين save-dev– و save– عند استخدام npm

كتب بواسطة: | FullStack, npm, إعدادات و مكتبات | لا يوجد تعليقات

Save-dev–: الحزمة سوف تظهر في تبعيات التطوير (devDependencies) الخاصة بك. تبعاً لوثيقة تحميل npm. إذا كان هناك شخص ما يخطط لتنزيل النموذج (module) الخاص بك في برنامجه واستخدامه، فربما لا يريد أو لا يحتاج لتنزيل وبناء الاختار الخارجي، أو وثيقة الإطار (documentation framework) التي تستخدمها. بعبارة أخرى، لن يتم تثبيت تبعيات التطوير (devDependecies) لتبعيات التطبيق الخاص بك عندما تقوم بتشغيل…

أكمل القراءة

الدليل إلى package.json

كتب بواسطة: | FullStack, إعدادات و مكتبات | لا يوجد تعليقات

ملف package.json هو عنصر أساسي في الكثير من التطبيقات التي يعتمد الكود فيها على بيئة node.js. إذا كنت عملت من قبل في JavaScript، أو تعاملت مع مشروع JavaScript أو Node.js، أو فمت بعمل مشروع front-end، فبالتأكيد ستكون قابلت ملف package.json. لماذا يتواجد هذا الملف؟ ما الذي يجب أن تعرفه، وما هي بعض الأشياء الرائعة التي يمكنك القيام بها؟ ملف package.json…

أكمل القراءة

لماذا يهمنا تحسين أداء الويب وما الذي يمكنك فعله

كتب بواسطة: | FullStack, إعدادات و مكتبات | لا يوجد تعليقات

Linda Ikechukwu يشير أداء الويب إلى معدل سرعة تحميل صفحة الويب وعرضها في متصفح المستخدم. يشير تحسين أداء الويب من ناحية أخرى إلى عملية تحليل أداء صفحات الويب وتحديد طرق تحسينه. قد تتساءل وماذا بعد ذلك؟ أنا مطور قوي، وتم تنفيذ جميع الوظائف المطلوبة لتطبيق الويب، وتعمل بشكل جيد. ما علاقتي بأي شيء آخر؟ حسناً، لدي أخبار لك. إنها مهمة…

أكمل القراءة

اتقان وحدة تحكم(console) أدوات المطور

كتب بواسطة: | FullStack, إعدادات و مكتبات | 2 تعليقان

وحدة التحكم (console) الخاصة بالمطور هي واحدة من أهم الأدوات المتاحة لك حين تقوم بمعالجة (debug) تطبيقات الويب (fron-end) الخاصة بك. وحدة التحكم تحتوي على API اختصار لواجهة برمجة التطبيقات التي تزودك بمجموعة من الدوال والطرق التي تسهل عملية المعالجة. كثيرا ما تجد المبرمجين يستخدمون console.log()  أو console.dir() للبحث عن المشاكل التي تواجههم، لكن وحدة التحكم الموجودة في أدوات المطور…

أكمل القراءة