اذهب إلى المحتوى

ياسر مسكين

الأعضاء
  • المساهمات

    273
  • تاريخ الانضمام

  • تاريخ آخر زيارة

  • عدد الأيام التي تصدر بها

    1

آخر يوم ربح فيه ياسر مسكين هو أبريل 15

ياسر مسكين حاصل على أكثر محتوى إعجابًا!

1 متابع

المعلومات الشخصية

آخر الزوار

805 زيارة للملف الشخصي

إنجازات ياسر مسكين

عضو نشيط

عضو نشيط (3/3)

119

السمعة بالموقع

4

إجابات الأسئلة

  1. لكي يعمل التأثير بشكل جيد يجب أن تتأكد من صحة المسارات التي في ملف html الخاص بك وبالضبط في جزء ال header فقد وضعت التنسيقات في ملف style.css في نفس المجلد، بينما تقوم باستيراده على أساس أنه في مجلد آخر تحت اسم css لهذا يجب أن تعدله بهذا الشكل: <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ... <link rel="stylesheet" href="style.css"> <title>الشركة</title> </head> كما أنك لم تقم بإرفاق الصور ومجلد الصور وسيحصل مشكلة في ذلك، ففي حالة ما كان هنالك مجلد باسم images بالفعل فلا بأس وسيقوم بتوليد الشعار وأي صور تضعها داخله أما في حالة ما كانت الصورة في نفس جذر المشروع فيجب أن تغير الاستيراد لهذا الشكل: <img src="images/logo.png" alt="logo">
  2. بالنسبة للنقطة الأولى، فمناقشة متطلبات المشروع مع العميل يمكن أن تبدأ العملية عادة بجلسة مناقشة مع العميل لفهم احتياجاته ومتطلبات المشروع بشكل كامل يمكنك عمل مقابلات شخصية، أو اجتماعات عن بعد مع العميل أو من خلال نقاش صفقة المشروع نفسها في منصة العمل الحر. بالنسبة لنقطة التصميم، ففي هذه المرحلة يمكنك التعاون مع مصمم لتصميم واجهة المستخدم ويكون مختص في ال UI/UX إذا كانت هنالك حاجة لذلك، توجد عدة أدوات يمكنك استخدامها لتحويل التصاميم إلى كود، ك Zeplin و Avocode فهي تمكّنك من استخراج التنسيقات ومراجع الصور والأبعاد بسهولة من التصاميم. بما أنك تعمل على كل من الواجهات الأمامية والخلفية، فهذا الأمر جيد وسيسهّل عليك الربط بينهما والتعامل بشكل جيد مع متطلبات المشروع. كما ينبغي اختبار كل جزء من التطبيق بعد الانتهاء من تطويره واستخدامك ل Postman لاختبار الـ API والتأكد من عملها بشكل صحيح، وبالنسبة لواجهة المستخدم، يمكنك اختبارها يدويا للتحقق من سلامة العملية ومظهرها الذي يريد العميل الوصول إليه، يمكنك عمل اجتماعات دورية والاعتماد على منهجية سكرام وتسليم المطلوب عبر دفعات. بالنسبة للسؤال الأخير، فإذا كان المشروع صغيرا وغير معقد، فقد تكون الاستضافة المشتركة مع استضافة المواقع الشائعة كافية أما إذا كان المشروع كبيرا ويتطلب موارد كبيرة، فإن استخدام خدمات السحابة مثل AWS أو Azure قد يكون الخيار الأفضل لضمان الأداء والقدرة على التوسع. يمكنك مراجعة هذه المصادر للتعمق أكثر:
  3. اختيار الافضل بين Flask و Django و Object-Oriented Programming (OOP) في Python يعتمد على الاحتياجات الخاصة بنا كمبرمجين، فلا توجد لغة أفضل من الأخرى فلكلّ لغة ونقاط القوة خاصتها في مجال استعمالها ونفس الأمر بالنسبة لأطر العمل، بالنسبة لمسارات التعلم: فمسار البرمجة كائنية التوجه يركز على تعلم كيفية استخدام مفاهيم البرمجة الموجهة للكائنات في بايثون كما يمكن استخدام OOP في تطوير تطبيقات الويب باستخدام إطارات عمل مثل Django أو Flask. Django هو عبارة عن إطار عمل قوي وشامل لتطوير تطبيقات الويب أين يقدم العديد من الميزات المدمجة مثل إدارة قاعدة البيانات، نظام التحكم في الإصدارات، ونظام الإدارة في العادة يكون مناسبا لبناء تطبيقات الويب ذات الحجم الكبير والمتوسط. بينما يعتبر Flask إطار عمل هو الآخر لكنه أخف وزنا وأكثر مرونة من دجانغو ومثاليًا لتطوير تطبيقات الويب الصغيرة والمتوسطة والتي تتطلب حلا بسيطًا وخفيف الوزن، ولكن ما يعيب عليه أنه يمكن أن يتطلب منك بناء العديد من الأشياء من الصفر. فيما يتعلق بمتطلبات سوق العمل، يمكن أن يكون Django أكثر شيوعًا في الوقت الحالي نظرًا لشيوعه في صناعة تطوير الويب، خاصة لتطبيقات الويب ذات الحجم الكبير لكن قد يكون هناك طلب متزايد على المطورين الذين يتقنون Flask أيضا، خاصة في الشركات التي تبحث عن حلول مخصصة ومرونة أكبر. إذا كنت ترغب في العمل في مجال تطوير الويب، فإن إتقان أيا من Django أو Flask سيكون له قيمة كبيرة في سوق العمل. أقترح عليك هذه المقالات والمصادر التي ستوفر عليك السؤال والاستفسار لما لها من معلومات قيمة تمت مشاركتها في الأكاديمية:
  4. أرجو إرفاق سؤالك تحت خانة الدرس في قسم التعليقات أسفل فيديو كل دورة أين واجهت المشكلة. بالنسبة للمشروع الخاص بك والأخطاء التي واجهتك فأول خطأ كان بعد تشغيل المشروع هو: Uncaught SyntaxError: Unexpected token '<' في ملف index.js في مجلد public وكان السبب وراء المشكلة هو أن عنصر النص الذي تم وضعه في العلامة <script>: <script crossorigin src="../src/index.js"></script> لهذا يجب أن يتم تضمين ملف JavaScript المجمع (مثل bundle.js) في ملف HTML بدلا من محاولة تضمين ملف index.js مباشرة. يمكن أن نستخدم عنصر script لتضمين الملف المجمع بدلا من ذلك، والتأكد من توجيه المسار بشكل صحيح إلى الملف المجمّع. بالنسبة للخطأ الثاني المشكلة تكمن في استخدام الخاصية class بدلا من className في العنصر <span> الذي يحمل العدد الموجود في العربة: <span class="position-absolute top-10 start-0 translate-middle badge rounded-pill bg-danger"> {itemsNum || 0} </span> يجب أن يكون بهذا الشكل: <span className="position-absolute top-10 start-0 translate-middle badge rounded-pill bg-danger"> {itemsNum || 0} </span> حيث يتم استخدام className بدلا من class لتجنب الأخطاء المحتملة وتحقيق التوافق مع قواعد React. في حالة كان سؤالك متعلقا بأحد الفيديوهات في الدورة، أتمنى التعليق بالمشكلة التي واجهتك أسفل الفيديو كي يتمكن المدربون من مساعدتك بشكل أفضل.
  5. في العادة يتمّ إرسال هذا النوع من التنبيهات للمستقلين من قبل إدارة المنصة لتنبيه وتحذير المستقلين، وفي حالة لم يتمّ رفع هذه الملفات سيتمّ التجميد، لكن حتى لو حذث ذلك فلاداعي للخوف لأن أرباحك سيتمّ نزع التجميد عنها بمجرد رفعك لتلك الملفات المصدرية وأي محادثات كانت بينك وبين العميل خارج المنصة. في حالتك وقد قمت بحذف المحادثات، فأدعوك للتواصل مباشرة مع دعم مستقل من خلال هذا الرابط: مركز مساعدة مستقل. يمكنك إرفاق الملفات المصدرية للمشروع الذي عملت عليه، وأي محادثة بينك وبين العميل (أي محادثة بينكما)، في حالة عدم وجود ذلك يمكنك الطلب من العميل نفسه أن يقوم بإرفاق رسالة في نقاش المشروع كي يثبت بأن العمل قد استلمه من المستقل ووصلته ملفات المشروع دون أي مشكلة. هذا يمكن أن يحلّ المشكلة، وأكيد أن فريق مركز المساعدة سيساعدك في تخطّي هذا الأمر عبر خطوات معينة لمعالجة مشكلتك. وأنصحك مستقبلا بعدم الوقوع في نفس الخطأ يمكنك تصفح هذه المقالة ستساعدك على فهم شروط العمل على منصة مستقل والتواصل مع العميل خارج المنصة:
  6. التدريب على التصاميم يعتمد على عدة عوامل ويختلف كذلك حسب احتياجات الشركة وطبيعة الأعمال التي تقدمها، خاصة أن التصاميم تلعب دورا ضخما في تفضيل خيارات الأسعار، ولها أثر كبير في تحقيق عوائد التسويق، وزيادة المبيعات، فمن ناحية التدريب فعلى الفريق المنوط بمهام التسويق والمبيعات أن يهتم بمبادئ التصميم وأساسيات الجرافيك ديزاين والبرامج المستخدمة مثل Adobe Photoshop، Illustrator، أو InDesign. وتنظيم جلسات تدريبية عملية حيث يتم إعطاء المشاركين مثلا مشاريع تصميم واقعية ليعملوا عليها بإشراف مباشر. خاصة أن التصميم والتدريب عليه يجب أن يتماشى مع مخططات الشركة وخططها التسويقية ورؤيتها الاستراتيجية، لكونه هامّا لإعداد لخطّة الأسعار الخاصة بك بشكل حيوي، لأنه يدعم الصّفحة التي يتم عرضها تماما مثل تسعير المنتج، فالتصميم هو عمليّة بحاجة إلى التدقيق، التعديل والتحديث مع الوقت لتناسب حاجات أي مستهلك وقيَمه لهذا فالتدريب عليه كذلك يجب أن يكون أولوية. يمكنك الاطلاع على هاته المصادر للاطلاع أكثر على أهمية التصميم والتدريب عليه في قسم التسويق والمبيعات:
  7. حتى لو كان الشخص متخصصا في مجال تعلم الآلة، فإنه قد يحتاج إلى مهارات في استخدام برامج مثل إكسل. برنامج إكسل يعد من الأدوات المهمة في تحليل البيانات والإحصاء والتنبؤ، ويمكن استخدامه في تحليل البيانات وتصفية البيانات الكبيرة والتعامل معها، لكنه ليس ضروريا وإجباريا للجميع.
  8. دراسة برنامج إكسل في مجال تحليل البيانات له فوائد عديدة. فبرنامج إكسل يحتوي على ميزات متنوعة تسهل تنظيم وفرز وتصفية البيانات. وهو أداة سهلة الاستخدام ومتوفرة على نطاق واسع في أغلب المؤسسات. فلغات البرمجة مثل بايثون و SQL أيضا id أدوات هامة في تحليل البيانات لكن يبقى تعلم برنامج إكسل مفيد لأنه يمكن أن يكمل استخدام هذه الأدوات الأخرى. يمكن استخدام برنامج إكسل في مشاريع تحليل البيانات المختلفة، كما أنه يمكن تحقيق التكامل مع الأدوات الأخرى يمكنك استخدام Excel لتنظيم وتنسيق البيانات قبل تحليلها باستخدام Python أو SQL، أو حتى لتلخيص النتائج وتقديمها بشكل مبسط للآخرين. يمكنك تصفح هذا المصدر لمزيد من المعلومات المفيدة فقد تم ذكر العديد من استعمالات Excel في هذا المجال:
  9. هناك احتمالان رئيسيان لمشكلة عدم عمل زر النسخ على السيرفر المحلي، فقد تكون هنالك مشكلة في أذونات JavaScript لأنه قد لا يكون لدى مستخدم الويب على السيرفر المحلي الأذونات اللازمة للوصول إلى واجهة برمجة التطبيقات (API) clipboard الخاصة بـ JavaScript، فواجهة برمجة التطبيقات هذه تستخدم لنسخ النص إلى الحافظة. وقد تكون هنالك مشكلة في تكوين سيرفر الويب قد يكون هناك تكوين معين على سيرفر الويب المحلي يمنع تنفيذ وظائف JavaScript الخاصة بنسخ النص. لأبسط لك الأمر، على سبيل المثال، قد تكون هناك قيود على طلبات HTTP من نوع "POST" مثلا. لذا يمكنك بداية أن تتأكد من أن مستخدم الويب على السيرفر المحلي لديه الأذونات اللازمة للوصول إلى واجهة برمجة التطبيقات clipboard. كما يمكن تجربة استخدام مكتبة JavaScript خارجية لنسخ النص، مثل clipboard.js، قد توفر هذه المكتبات وظائف أكثر سهولة وفعالية للتعامل مع واجهة برمجة التطبيقات. في حال استمرت المشكلة يمكنك إرفاق أي رسائل خطأ تكون قد ظهرت معك.
  10. حسب ما فهمته فأنت ترغب في الحصول على آخر رقم تم حفظه في قاعدة البيانات وإضافته إلى قيمة من حقل إدخال ثم طرحه، لعمل ذلك أولا يجب أن تقوم باسترجاع آخر رقم مخزن يمكنك استخدام Eloquent ORM أو منشئ استعلامات قاعدة البيانات في Laravel لاسترجاع آخر رقم تم حفظه من قاعدة البيانات. بعد ذلك يمكنك الوصول إلى قيمة الإدخال باستخدام كائن $request الذي توفره طريقة التحكم في Laravel. على سبيل المثال، إذا كان حقل الإدخال يحمل اسم input_number، يمكنك استرداد قيمته هكذا: $inputNumber = $request->input('input_number'); وبمجرد حصولك على كل من آخر رقم تم حفظه وقيمة الإدخال، يمكنك تنفيذ الطرح باستخدام التعليمات البرمجية التالية: $result = $lastStoredNumber - $inputNumber; وسيؤدي ذلك إلى تخزين نتيجة الطرح في المتغير $result ثم يمكنك عرضها واستخدامها بسهولة.
  11. السبب حسب ماهو موضح في الخطأ فيبدو أن ملف react.gradle مفقود من مسار node_modules\react-native وبما أن المشروع قديم نوعا ما فيمكنك إعادة تثبيت React Native من خلال إزالته من مشروعك من خلال هذا الأمر: npm uninstall react-native react-native-cli يمكنك تجربة الحلول التالية لحل هذه المشكلة: ثم إعادة تثبيته باستخدام الأمر: npm install react-native react-native-cli لكن تأكد من استخدام إصدار Gradle متوافق مع React Native. يمكنك التحقق من إصدار Gradle المطلوب من خلال هذا الرابط هنا: في وثائق React Native ومن أن إصدار Gradle المحدد في ملف build.gradle (app) يتطابق مع الإصدار المثبت على جهازك. هذا الأمر سيساعد أيضا من خلال تنظيف Cache npm فقد تكون المشكلة منه في بعض الحالات، باستخدام الأمر: npm cache clean --force ثم قم بإعادة تثبيت React Native مرة أخرى ولا تنسى من التثبت من أن ملفات Gradle موجودة في المسار الصحيح. عادة ما تكون موجودة في android/app/build.gradle و node_modules/react-native/react/build.gradle. إذا كانت الملفات مفقودة، يمكنك محاولة تنزيلها من مستودع React Native على غيتهاب من هنا: مستودع React Native على Github
  12. إذا كنت تستخدم Redux Toolkit لإدارة الحالة الخاصة بالتطبيق الخاص بك وتقوم بإضافة البيانات محليًا دون الرجوع إلى واجهة برمجة التطبيقات (API) أو التخزين المحلي، فسيتم فقدان البيانات عند تحديث الصفحة أو إعادة تحميلها. لحل هذه المشكلة، يجب عليك البحث عن طرق للحفاظ على البيانات المضافة محليًا بين جلسات التصفح. يمكن القيام بذلك عن طريق استخدام التخزين المحلي مثل LocalStorage أو IndexedDB للحفاظ على البيانات على مستوى المتصفح. في Redux Toolkit، يمكنك استخدام middleware مثل redux-persist لتحقيق هذا الغرض. يقوم redux-persist بتخزين حالة Redux في التخزين المحلي بطريقة تلقائية، مما يسمح باستعادة حالة التطبيق عند إعادة تحميل الصفحة. في النهاية، يمكنك استخدام المصفوفة المحلية كحالة افتراضية في Redux، ثم استخدام redux-persist للحفاظ على هذه البيانات بين جلسات التصفح. هذا يسمح لك بالاستفادة من قوة Redux في إدارة الحالة مع الحفاظ على البيانات المهمة عبر عمليات إعادة التحميل وإغلاق المتصفح. يمكنك تصفح هذه المصادر:
  13. تستخدم الخاصية border-image-slice للتحكم في كيفية تقسيم صورة محددة بواسطة border-image-source إلى أقسام لإنشاء حدود عنصر بحيث يسمح ذلك بإنشاء حدود مزخرفة باستخدام صور مخصصة. أما عن كيفية عملها فتنقسم الصورة مفهوميا إلى تسعة مناطق: أربع زوايا، وأربعة حواف (أضلاع)، ومنطقة مركزية أين تأخذ border-image-slice من واحد إلى أربعة قيم تحدد الإزاحة من حواف الصورة، وتحدد مكان إنشاء الشرائح وتستخدم هذه الشرائح لتشكيل الحدود العلوية والسفلية واليمنى واليسرى للعنصر. لكن عادة ما يتم التعامل مع المنطقة المركزية على أنها شفافة، إلا إذا تم تضمين الكلمة الرئيسية fill. يمكنك الاطلاع على هذه المقالة لمزيد من التفاصيل المفيدة عبر موسوعة حسوب: الخاصية border-image-slice
  14. تظهر رسالة "Activate Windows" على شاشة الكمبيوتر الذي يعمل بنظام التشغيل Windows عند عدم تنشيطه. ستختفي بمجرد تفعيلك وتنشيطك له، والتنشيط هو عملية التحقق من صحة نسخة Windows المثبتة على جهاز الكمبيوتر والتأكد من أنها مرخصة بشكل صحيح، بعد التفعيل سيتم إزالة علامة "Activate Windows" المزعجة من الشاشة مع الوصول إلى جميع ميزات Windows وستتلقي تحديثات الأمان المهمة من Microsoft. كما أنك ستتجنب القيود التي تفرضها Microsoft على النسخ غير المنشطة من Windows، مثل تقييد تغيير سمة سطح المكتب، وتقييد تخصيص شاشة القفل، وتقييد استخدام بعض الميزات المتقدمة. بالنسبة للطرق المتبعة لتنشيط Windows يمكنك استخدام مفتاح المنتج إذا كان لديك مفتاح منتج Windows، يمكنك استخدامه لتنشيط Windows من خلال الخطوات التالية: الضغط على زر البدء. حدد الإعدادات. انتقل إلى النظام. حدد التنشيط. انقر فوق تغيير مفتاح المنتج. أدخل مفتاح المنتج الخاص بك وانقر فوق تالي. اتبع التعليمات التي تظهر على الشاشة. وهذه بعض المصادر المفيدة: دعم Microsoft لتنشيط الوينداوز و تنشيط الوينداوز. يمكنك الاطلاع على هاته المقالة أيضا التي توضح كيفية التفعيل:
  15. كتابة الأكواد الجيدة والنظيفة هي مهارة يكتسبها المبرمج من خلال التعوّد على مجموعة من المبادئ والمعارف والقواعد التي تبيّن الكود النظيف من غيره، فمن الطبيعي أن تكون البدايات صعبة وغير جيدة، ثم مع الوقت ستكتسب المهارة، المهم أن تركز على كتابة الأكواد الصحيحة منطقيا والتي لا تؤثر على الوظيفية، ثم يمكنك تحسينها بالتوازن مع الكتابة النظيفة للأكواد. يمكنك تصفّح هذه المقالة للتعرف أكثر على فحوى الكود النظيف وكيفية كتابته:
×
×
  • أضف...