اذهب إلى المحتوى
حول شغفك لإبداع حقيقي مع دورة تطوير الألعاب. اشترك الآن ×

بلال زيادة

الأعضاء
 عرض الملف الشخصي  تصفح المحتوى

  • المساهمات

    4376

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

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

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

    30

 نوع المحتوى 

ريادة الأعمال

البرمجة

التصميم

DevOps

التسويق والمبيعات

العمل الحر

البرامج والتطبيقات

آخر التحديثات

قصص نجاح

أسئلة وأجوبة

كتب

دورات

كل منشورات العضو بلال زيادة

  1. بلال زيادة
    لطرح تاريخ من تاريخ آخر في JavaScript، يمكنك استخدام مكتبة Date المدمجة في JavaScript لتنفيذ العملية. أولاً، ستحتاج إلى تحويل النص الموجود في حقل النص الثابت إلى كائن Date، ثم تحويل النص الموجود في حقل النص الثاني إلى كائن Date، وبعد ذلك يمكنك طرح التواريخ واستخراج النتيجة. <!DOCTYPE html> <html> <head> <title>Date Subtraction</title> </head> <body> <label for="firstDate">Enter the first date (yyyy/mm/dd):</label> <input type="text" id="firstDate" value="2019/11/2"><br> <label for="secondDate">Enter the second date (yyyy/mm/dd):</label> <input type="text" id="secondDate" value="2023/07/25"><br> <button onclick="subtractDates()">Subtract Dates</button> <p id="result"></p> <script> function subtractDates() { // Get the values from the text fields const firstDateString = document.getElementById("firstDate").value; const secondDateString = document.getElementById("secondDate").value; // Convert the text to Date objects const firstDate = new Date(firstDateString); const secondDate = new Date(secondDateString); // Calculate the difference in milliseconds const differenceInMilliseconds = secondDate - firstDate; // Convert milliseconds to days, months, and years const daysDifference = Math.floor(differenceInMilliseconds / (1000 * 60 * 60 * 24)); const monthsDifference = Math.floor(daysDifference / 30.44); // Assuming average month length of 30.44 days const yearsDifference = Math.floor(monthsDifference / 12); // Display the result const resultElement = document.getElementById("result"); resultElement.innerHTML = `The difference is ${yearsDifference} years, ${monthsDifference} months, and ${daysDifference} days.`; } </script> </body> </html> في هذا المثال، أنشأنا نموذج بسيط يحتوي على حقلي نص. يمكنك استبدال قيمة الحقل الأول والثاني بالتواريخ التي ترغب في طرحها. عند النقر على الزر "Subtract Dates"، ستتم العملية وستظهر النتيجة في الفقرة ذات الهوية "result". يرجى ملاحظة أن الطريقة المستخدمة هنا تقوم بتقدير فارق الشهور والأيام باستخدام قيمة متوسط طول الشهر، ولا يعتبر هذا الحل دقيقًا للتواريخ الكبيسة أو التغييرات في طول الشهور. إذا كنت ترغب في حلاً أكثر دقة، يمكنك استخدام مكتبة خارجية مثل date-fns أو moment.js لإجراء الحسابات الدقيقة.
  2. بلال زيادة
    للحصول على فيديو حول Nested Loops (النستد لوب)، يمكنك البحث في مواقع مشاركة الفيديو مثل YouTube عن مواضيع مثل: 1. Nested Loops in JavaScript. 2. Using Nested Loops in Programming. 3. Introduction to Nested Loops. كلمة المفتاح هي "Nested Loops" أو "النستد لوب" وهكذا ستتمكن من العثور على الفيديوهات التي تشرح هذا الموضوع بشكل مفصل وبطريقة بصرية. الحلقات المتداخلة (Nested Loops) هي مصطلح في علوم الحاسوب والبرمجة يشير إلى استخدام حلقة داخل حلقة أخرى. في لغات البرمجة مثل جافاسكريبت وC++ وجافا وغيرها، يمكنك تضمين حلقة داخل حلقة أخرى لتكرار الأوامر بشكل أكثر تفصيلًا. لنفهم الأمر بشكل أفضل، دعنا نستعرض مثالًا بسيطًا. لنفترض أننا نرغب في طباعة جميع الأرقام من 1 إلى 5 مع كل رقم يطبع عدد من النجوم يمثل قيمة الرقم. النمط المطلوب سيكون مثل التالي: * ** *** **** ***** لحل هذه المشكلة باستخدام nested loops، يمكننا استخدام حلقتين، حيث تحتوي الحلقة الخارجية على متغير يمثل الرقم الحالي، والحلقة الداخلية تستخدم هذا المتغير لطباعة النجوم. for (let i = 1; i <= 5; i++) { let stars = ''; for (let j = 1; j <= i; j++) { stars += '*'; } console.log(stars); } في هذا الكود، الحلقة الخارجية for تستخدم المتغير i لتمثيل الرقم الحالي من 1 إلى 5. بداخل الحلقة الخارجية، لدينا الحلقة الداخلية for التي تستخدم المتغير j لإضافة نجمة واحدة في كل تكرار حتى تصبح عدد النجوم مساويًا لقيمة i. ثم يتم طباعة سلسلة النجوم في كل تكرار للحلقة الخارجية. * ** *** **** ***** هذا هو مثال بسيط للاستفادة من الحلقات المتداخلة، وهي تستخدم في العديد من السيناريوهات الأخرى للتعامل مع بنية متعددة الأبعاد مثل المصفوفات (arrays) والماتريكس (matrices) وغيرها، حيث يمكننا استخدام حلقات داخل حلقات للوصول إلى كل عنصر بشكل منظم ومتدرج.
  3. بلال زيادة
    لحل هذا التمرين باستخدام nested loop في جافاسكريبت، يمكنك استخدام الحل التالي: function drawPyramid(rows) { for (let i = 1; i <= rows; i++) { let line = ''; for (let j = 1; j <= i; j++) { line += '*'; } console.log(line); } } const numberOfRows = 5; // يمكنك تغيير عدد الأسطر هنا حسب الحاجة drawPyramid(numberOfRows); الدالة drawPyramid تستقبل عدد الأسطر التي تريد رسمها، ثم تستخدم nested loop لبناء النمط المطلوب. الحل أعلاه سيقوم بطباعة النمط المطلوب في الكونسول بناءً على العدد المعطى لعدد الأسطر. النتيجة ستكون: * ** *** **** ***** قم بتشغيل هذا الكود في وحدة التحكم (console) في متصفح الويب أو في بيئة تشغيل جافاسكريبت مثل Node.js لرؤية النتيجة.
  4. بلال زيادة
    تهانينا على انتهاءك من الدورة ، هذه خطوة رائعة نحو تطوير مهاراتك وزيادة معرفتك في مجال معين. إليك بعض الخطوات التي يمكنك اتباعها بعد انتهاء الدورة: الممارسة العملية: قم بتطبيق المفاهيم والمعرفة التي اكتسبتها خلال الدورة عن طريق القيام بمشاريع عملية وتطبيق الأفكار التي تعلمتها. تعتبر الممارسة العملية أفضل طريقة لتعزيز مهاراتك وتثبيت المعرفة. بناء مشاريع خاصة بك: حاول بناء مشاريع خاصة بك بناءً على ما تعلمته في الدورة. قد تبدأ بمشروع بسيط وتزيد تعقيدًا بمرور الوقت. بناء المشاريع سيساعدك على تطبيق المفاهيم النظرية على أرض الواقع وفهم كيفية تطبيقها في حل مشكلات واقعية. مواصلة التعلم: الدورة هي بداية رائعة، ولكن العالم التقني متغير بسرعة. حاول مواصلة التعلم والبقاء على اطلاع على أحدث التطورات في مجالك من خلال البحث والقراءة ومتابعة المصادر التعليمية الموثوقة. المشاركة في المجتمع: انضم إلى مجتمعات المطوِّرين المحلية أو المجتمعات عبر الإنترنت. المشاركة في المجتمع ستمكِّنك من التعرف على أشخاص آخرين يشاركونك نفس اهتماماتك وتبادل الخبرات والمعرفة. بناء سيرة ذاتية (CV): إذا كنت تنوي العمل في مجال التطوير البرمجي، فقم بإنشاء سيرة ذاتية تبرز المهارات التي اكتسبتها خلال الدورة والمشاريع التي قمت بتنفيذها. يُعتبر CV وسيلة هامة لعرض خبراتك وجذب انتباه أصحاب العمل. البحث عن فرص عمل أو تدريب: إذا كنت ترغب في العمل في مجال التطوير، فحاول البحث عن فرص عمل أو برامج تدريب تسمح لك بتطبيق مهاراتك الجديدة وتحسينها. الاستمتاع بالمسار البرمجي: تذكر أن البرمجة هي مهارة ممتعة ومثيرة. استمتع بتحقيق التحديات وحل المشكلات واستكشاف مجالات جديدة في عالم التطوير. في النهاية، الاستمرارية والتطور المستمر هما المفتاح لتحقيق النجاح في مجال التطوير والبرمجة. استثمر وقتك وجهدك في تحسين مهاراتك والاستفادة من الفرص المتاحة لتحقيق أهدافك المهنية والشخصية. حظاً موفقاً في رحلتك التعليمية والمهنية!
  5. بلال زيادة
    حفظ جميع دوال Data Structures بشكل كامل ليس ضروري، لكنه يمكن أن يكون مفيداً حسب احتياجاتك ومستوى مهاراتك في البرمجة واستخدامك المتكرر للهياكل البيانات المختلفة. الهياكل البيانات (Data Structures) هي طريقة تنظيم وتخزين البيانات بطريقة معينة تسهل عملية الوصول إليها ومعالجتها بكفاءة. وتشمل الهياكل البيانات مثل القوائم المرتبة (مثل القوائم والتراكيب والدوالق) والقوائم غير المرتبة (مثل القوائم المتسلسلة والمجموعات والقواميس) والأشجار والغرافات والكثير من الهياكل الأخرى. في البداية، ليس من الضروري حفظ جميع الدوال التي تتعلق بكل هيكل بيانات بشكل كامل وحفظ تفاصيلها. في الواقع، الهدف الأساسي هو فهم المفاهيم الأساسية لكل هيكل بيانات وكيفية استخدامه بشكل عام. عندما تكون على دراية بالمفاهيم الأساسية، سيكون من السهل تذكر الدوال الأكثر شيوعاً واستخدامها في البرمجة. هناك بعض الدوال الأساسية التي يمكن أن تكون مفيدة جداً وتستخدم بشكل متكرر في معظم الهياكل البيانات. قد ترغب في التركيز على حفظ هذه الدوال الأساسية وفهم كيفية استخدامها في الحالات الشائعة. وعندما تحتاج إلى دوال خاصة أو تفاصيل أعمق لهيكل بيانات محدد، يمكنك الرجوع إلى المصادر المرجعية والتوثيق الرسمي للغة البرمجة التي تستخدمها. بمرور الوقت ومع الممارسة المستمرة، ستلاحظ أنك ستكتسب خبرة أكبر في استخدام الهياكل البيانات المختلفة وتفاصيل دوالها. لا تتردد في اللجوء إلى المصادر التعليمية والمساعدة الإضافية عند الحاجة. البرمجة هي مهارة مستمرة التطور والتعلم، والاحتفاظ بروح الفضول والاستمرار في تطوير مهاراتك ستساعدك في تحسين فهمك وتقديرك للهياكل البيانات والبرمجة بشكل عام.
  6. بلال زيادة
    من الرائع أنك ترغب في تعلم البرمجة باستخدام Python وتطوير مهاراتك. إذا كنت ترغب في الاطلاع على شفرات المكتبات الداخلية لدوال Python الشفرات الداخلية للمكتبات تعتبر ملكية فكرية لأصحابها (مثل Python Software Foundation ومطوِّرو المكتبات الأخرى). تم إنشاء هذه المكتبات بجهود كبيرة من قبل المطوِّرين، ويتم حماية حقوقهم بموجب قوانين حقوق المؤلف. ومع ذلك، هناك العديد من الطرق التي يمكنك من خلالها فهم آلية عمل تلك الدوال دون الحاجة إلى الوصول إلى شفراتها الداخلية: الاطلاع على التوثيق الرسمي: يوفر لك Python توثيقًا رسميًا يحتوي على وصف لجميع الدوال المدمجة والمكتبات القياسية. تحتوي هذه التوثيقات على وصف للدوال والمعلمات والأمثلة وأحيانًا تفاصيل عن كيفية عملها. يمكنك الاطلاع على هذه التوثيقات من الموقع الرسمي لـ Python. قراءة شفرة المكتبات المفتوحة المصدر: هناك العديد من المكتبات في عالم Python مفتوحة المصدر ومتاحة على منصات مثل GitHub. يمكنك الاطلاع على شفرة تلك المكتبات وفهم كيف تم تنفيذ بعض الدوال. مشاركة المعرفة: يمكنك الانضمام إلى المجتمع البرمجي وطرح الأسئلة ومناقشة مشاكل البرمجة التي تواجهها. يوجد العديد من المنصات التي تدعم تبادل المعرفة والمساعدة بين المطوِّرين. التجربة العملية: قم بكتابة الشيفرات بنفسك وتجربة الدوال والمكتبات المختلفة. القراءة ليست كافية، بل يجب أن تكون هناك تجربة فعلية لكتابة الشيفرات ورؤية كيف يتفاعل البرنامج مع المكتبات. هذه الطرق تساعدك في فهم آلية عمل الدوال دون الحاجة إلى الوصول إلى شفرات المكتبات الداخلية. قد تكون هذه الطرق أكثر صعوبة في البداية، ولكنها ستساعدك على تعلم البرمجة بشكل أفضل وفهم المبادئ الأساسية. كما أنها تحترم حقوق المطوِّرين وقوانين حقوق المؤلف.
  7. بلال زيادة
    من الواضح أن الكود يستخدم مكتبة SiliCompressor لضغط ملف الفيديو. لكنه يقوم بالضغط بدون مراعاة الصوت، وبالتالي يتسبب في فقدان الصوت من ملف الفيديو المضغوط. لحل هذه المشكلة والحفاظ على الصوت أثناء ضغط الفيديو، يجب أن نقوم بتعديل الكود لإضافة معالجة للصوت أثناء الضغط. سأقدم لك طريقة بسيطة لإجراء ذلك باستخدام مكتبة FFmpeg. قبل أن نبدأ، قم بتثبيت مكتبة FFmpeg على نظام التشغيل الخاص بك. يمكنك الاطلاع على موقع FFmpeg ومتابعة الخطوات المناسبة لنظام التشغيل الذي تستخدمه. بعد التأكد من تثبيت FFmpeg، يمكنك تحديث الكود على النحو التالي ليتم معالجة الصوت أثناء الضغط: import id.zelory.compressor.Compressor; import android.net.Uri; import java.io.File; import id.zelory.compressor.constraint.Compression; import id.zelory.compressor.constraint.VideoConstraint; // ... private class CompressVideo extends AsyncTask<String, String, String> { // ... @Override protected String doInBackground(String... strings) { // Initialize video path String videoPath = null; try { // Initialize uri Uri uri = Uri.parse(strings[1]); // Initialize output directory File outputDir = new File(Environment.getExternalStorageDirectory(), "CompressedVideos"); outputDir.mkdirs(); // Compress video videoPath = new Compressor(uploadved.this) .setVideoConstraints(VideoConstraint.RESOLUTION, 720, 1280) .setVideoConstraints(VideoConstraint.ASPECT_RATIO, 1, 1) .setVideoConstraints(VideoConstraint.DURATION, 30) .setVideoConstraints(VideoConstraint.VIDEO_BITRATE, 2 * 1024 * 1024) .setAudioChannels(1) .setAudioBitRate(128 * 1024) .compressToFile(uri.toString(), outputDir.getPath()); } catch (URISyntaxException e) { e.printStackTrace(); } // Return Video path return videoPath; } // ... } في هذا التحديث، قمنا بإضافة الاستخدام المناسب لمكتبة Compressor التي تعمل على تحسين ضغط الفيديو والصوت أثناء الضغط. استخدمنا setVideoConstraints لتعيين القيود والإعدادات المناسبة للفيديو. واستخدمنا setAudioChannels و setAudioBitRate لتحسين ضغط الصوت. يرجى ملاحظة أنه من الممكن أن تحتاج إلى ضبط الإعدادات بناءً على احتياجاتك الخاصة ومتطلبات جودة الفيديو والصوت.
  8. بلال زيادة
    الدالة array_reverse() تقوم بعكس ترتيب العناصر في المصفوفة وترجع مصفوفة جديدة بالترتيب العكسي، أما الدالة array_flip() فتقوم بتبديل المفاتيح مع القيم في المصفوفة. إذا كنت ترغب في الدمج بين هاتين الدالتين لتعديل المصفوفة الأصلية، يمكنك استخدامهما كما يلي: $friends = [ "Ahmed Gamal" => "AG", "Osama Mohamed" => "OM", "Mahmoud Gamal" => "MG", "Ahmed Samy" => "AS" ]; $reversed_and_flipped = array_flip(array_reverse($friends, true)); print_r($reversed_and_flipped); في هذا الكود، تم استخدام array_reverse() مع المعامل الاختياري true لأننا نريد الحفاظ على المفاتيح الأصلية. ثم تم استخدام array_flip() لتبديل المفاتيح مع القيم في المصفوفة التي تم عكسها. النتيجة ستكون مصفوفة جديدة بنفس العناصر لكن مع تغيير مفاتيحها. إذا قمت بتنفيذ الكود أعلاه، سيتم طباعة المصفوفة الجديدة $reversed_and_flipped بعد أن تم عكس العناصر وتبديل المفاتيح والقيم فيها. العناصر ستكون بنفس القيم ولكن بترتيب معكوس، وستجد المفاتيح السابقة أصبحت القيم والقيم السابقة أصبحت المفاتيح في المصفوفة الناتجة.
  9. بلال زيادة
    الكود الذي قدمته هو كود لغة برمجة جافاسكريبت، ولكن السؤال يطلب كيفية تنفيذ نفس الفكرة باستخدام اللغة C++ مع الحلقة do while. إليك كيفية تنفيذ هذا الكود بلغة C++ باستخدام الحلقة do while: #include <iostream> #include <string> #include <sstream> int main() { int n; std::string input; do { std::cout << "Enter a positive number: "; std::getline(std::cin, input); std::stringstream ss(input); if (ss >> n && n > 0) { break; // الخروج من الحلقة إذا تم إدخال عدد إيجابي صحيح } std::cout << "Invalid input. Please enter a positive number." << std::endl; } while (true); std::cout << "Number " << n << " is accepted." << std::endl; return 0; } #include <iostream> و #include <string> و #include <sstream> تستخدم لتضمين المكتبات اللازمة لاستخدام الإدخال والإخراج ومعالجة السلاسل. int n; تعرف متغيرًا صحيحًا لتخزين الرقم المدخل. std::string input; تعرف سلسلة لتخزين المدخل الذي يتم قراءته كنص. يتم استخدام الحلقة do while لإجبار المستخدم على إدخال رقم إيجابي. يتم استخدام std::getline(std::cin, input) لقراءة المدخل كسلسلة. يتم استخدام std::stringstream للتحقق مما إذا كان المدخل يمثل رقمًا صحيحًا أم لا. إذا كان المدخل صحيحًا وإيجابيًا، يتم الخروج من الحلقة وطباعة الرقم الذي تم إدخاله. إذا كان المدخل غير صحيح، يتم طباعة رسالة خطأ ويتم تكرار الحلقة لإعادة إدخال القيمة.
  10. بلال زيادة
    عند استخدام محتوى مثل الخطوط والأيقونات والصور التي تحتاج إلى ترخيص (license)، عادة ما يُطلب منك وضع "attribution" أو إشارة المصدر لصاحب حقوق الملكية الفكرية. لوضع attribution بشكل صحيح، يُفضل اتباع الإرشادات المحددة في ترخيص المحتوى الذي تستخدمه. عادةً، تقدم مواقع توفير المحتوى توجيهات واضحة حول كيفية وضع attribution. يُفضل قراءة شروط الترخيص والاطلاع على المتطلبات المحددة لكل مورد. فيما يتعلق بـ jQuery واستخدامه، فإن وضع attribution ليس مطلوبًا عند استخدامه من Google hosted libraries. هذه المكتبة تستضيفها جوجل وتوفرها للاستخدام العام، ولا تتطلب إضافة attribution. ومع ذلك، يجب مراعاة شروط ترخيص المكتبة التي تستخدمها، فقد توجد مكتبات أخرى تتطلب وضع attribution حتى عند استخدامها من خلال خدمات استضافة مشابهة. قبل استخدام أي مكتبة، يُنصح دائمًا بقراءة شروط الترخيص الخاصة بها والتأكد من الالتزام بالمتطلبات المحددة.
  11. بلال زيادة
    الأوامر التي تحتاج إلى تنفيذها لتحديث Dart هي: فتح نافذة الأوامر أو الطرفية (Command Prompt أو Terminal). انتقل إلى مجلد مشروع Flutter الخاص بك باستخدام الأمر "cd" متبوعًا بمسار المجلد. على سبيل المثال، إذا كان مجلد المشروع في سطح المكتب، يمكنك استخدام الأمر التالي: cd Desktop/my_flutter_project قم بتشغيل الأمر التالي لتغيير القناة (channel) إلى master: flutter channel master بعد ذلك، قم بتشغيل الأمر التالي لتحديث Flutter و Dart: flutter upgrade بعد تنفيذ هذين الأمرين، ستحصل على أحدث إصدارات Flutter و Dart على جهاز الكمبيوتر الخاص بك. يرجى ملاحظة أنه لتنفيذ هذه الخطوات، يجب أن يكون Flutter مثبتًا مسبقًا على جهاز الكمبيوتر الخاص بك. إذا لم يكن Flutter مثبتًا، فيجب عليك تثبيته أولاً قبل تنفيذ الخطوات المذكورة أعلاه.
  12. بلال زيادة
    في الكود الذي قمت بتقديمه، يتم استخدام دالة مساعدة (lambda function) كمتغير key في دالة sort(). دعنا نلقي نظرة على السبب وراء ذلك: دالة sort() في لغة Python تستخدم لترتيب قائمة وفقًا لمعيار معين. المعيار المستخدم لترتيب العناصر في القائمة يمكن تخصيصه باستخدام متغير key. في الكود الخاص بك، تم استخدام key = lambda x: int(x[2:]) لتحديد المعيار الذي سيتم استخدامه في ترتيب العناصر في القائمة. تقوم الدالة lambda بتحويل العناصر في القائمة إلى أعداد صحيحة بدءًا من المؤشر 2 ومن ثم يتم استخدام هذه الأعداد لترتيب العناصر. السبب في استخدام دالة مساعدة (lambda function) بدلاً من كتابة الدالة مباشرة في دالة sort() هو القدرة على تخصيص المعيار بسهولة. باستخدام دالة lambda، يمكنك تعريف معيار ترتيب مخصص بشكل سريع ومباشر واستخدامه في دالة sort() دون الحاجة إلى تعريف دالة منفصلة. بالنسبة للتسمية، يمكنك تغيير اسم المتغير key إلى أي اسم تريده. يعتمد ذلك على تفضيلاتك الشخصية وقراءة الكود الأكثر وضوحًا وفهمًا. لمزيد من الوضوح والقراءة السلسة للكود، يمكنك استخدام الدالة lambda بشكل منفصل وتعريفها قبل استخدامها في دالة sort() كما يلي: my_list = ['id1', 'id22', 'id3', 'id100', 'id40'] custom_key = lambda x: int(x[2:]) my_list.sort(key=custom_key) print(my_list) بهذه الطريقة، يمكنك تعريف الدالة المساعدة بشكل مستقل وإعادة استخدامها في حالة الحاجة.
  13. بلال زيادة
    فيما يتعلق بالفترة الطبيعية لإكمال دورة تعليمية معينة، فالأمر يعتمد فعلاً على العديد من العوامل المختلفة، مثل: مدى توافر الوقت: يتأثر وقت الإنجاز بكمية الوقت التي تستطيع تخصيصها للدراسة في الدورة. إذا كنت تستطيع العمل بدوام كامل وتخصص وقتًا محدودًا يوميًا للدراسة، فقد يستغرق الأمر وقتًا أطول. المستوى الحالي للمعرفة: إذا كنت لديك خبرة سابقة في الموضوع الذي تريد تعلمه في الدورة، فقد يستغرق الأمر وقتًا أقل لإتقانه. ومن الطبيعي أن يحتاج المبتدئون إلى مزيد من الوقت لاكتساب المفاهيم الجديدة. هيكل الدورة والمواضيع المغطاة: يختلف تعقيد المواضيع وعمقها من دورة إلى أخرى. قد تحتاج بعض الدورات إلى فهم أعمق أو مهارات مسبقة معينة، مما قد يزيد من الوقت المطلوب لاستيعاب المحتوى. بشكل عام، تعتبر فترة الأسابيع إلى الشهور مناسبة لإكمال دورة تعليمية عبر الإنترنت، ولكن هذا يعتمد فعلاً على العوامل المذكورة أعلاه. الأمر الأهم هو أن تستمتع بعملية التعلم وتتقدم وفقًا لخطة منظمة وثابتة. قد يكون من المفيد تعيين أهداف واضحة للتحقق من تقدمك ومعرفة ما تحتاج إلى تعزيزه أو مراجعته إذا لزم الأمر. لا تنسى أن التعلم المستمر والاستمرار في تطوير مهاراتك هو الأمر الأهم، بغض النظر عن الفترة الزمنية التي تستغرقها لإتمام الدورة.
  14. بلال زيادة
    Laravel Nova هو حزمة إضافية (Package) مرخصة لـ Laravel توفر واجهة مستخدم قوية وقابلة للتخصيص لإدارة لوحة التحكم (Admin Panel) لتطبيقات Laravel. تم تصميم Laravel Nova لتسهيل إنشاء وإدارة لوحات التحكم الخاصة بتطبيقات Laravel بشكل سريع وفعال. يوفر Laravel Nova العديد من الميزات التي تساعد في بناء واجهة المستخدم الإدارية بسهولة وفعالية، بما في ذلك: لوحة التحكم البديهية: توفر Laravel Nova واجهة مستخدم بديهية وجميلة مع عناصر تحكم سهلة الاستخدام مثل الجداول والنماذج والعرض التفاعلي للبيانات. تكامل سلس مع Laravel: تم تصميم Laravel Nova للتكامل بسلاسة مع Laravel وتستفيد من ميزات Laravel المتقدمة مثل التوجيه والتحقق من الصلاحيات والتجزئة والترجمة. مولد الموارد: يوفر Laravel Nova أداة تسمى Resource Generator تساعدك على إنشاء سريع لموارد CRUD (القدرة على إنشاء وقراءة وتحديث وحذف) من خلال تعريف نماذج Eloquent وتعريفات حقول الموارد. التخصيص والامتداد: يمكنك تخصيص وتوسيع Laravel Nova وفقًا لاحتياجات تطبيقك. يوفر Laravel Nova API وأدوات تساعدك في إضافة ميزات مخصصة وعرض البيانات بالطريقة التي ترغب فيها. تتبع الإحصاءات والمتابعة: يوفر Laravel Nova لوحة تحكم لتتبع الإحصاءات ومراقبة الأداء والتحقق من الأخطاء والمزيد، مما يساعدك على متابعة وتحسين أداء تطبيقك. يعد Laravel Nova أداة قوية ومفيدة للمطورين الذين يحتاجون إلى إنشاء واجهة مستخدم قوية لإدارة تطبيقات Laravel بسهولة. يتمتع بشعبية كبيرة في مجتمع Laravel ويحظى بدعم وتحديثات منتظمة من فريق Laravel.
  15. بلال زيادة
    يجب ترقية فلاتر لديك لأن المشروع يتطلب إصدار فلاتر إعلى من الموجود على جهاز لذلك قم بترقية فلاتر من خلال الأمر fluter upgrade
  16. بلال زيادة
    في لغة Python، تُستخدم الكلمات المفتاحية if وelif وelse للتحكم في تنفيذ الشروط واتخاذ القرارات. هنا هو الفرق بينهم مع أمثلة: if: تستخدم لفحص شرط محدد وتنفيذ كود إذا كان الشرط صحيحًا (True). إذا لم يتحقق الشرط، فسيتم تجاهل تنفيذ الكود. مثال: x = 5 if x > 0: print("x is positive") في هذا المثال، إذا كانت قيمة x أكبر من صفر، سيتم طباعة "x is positive". elif: تُستخدم لفحص شروط إضافية بعد الشرط الأول، وسيتم تنفيذ كود الـ elif إذا كان الشرط المرتبط به صحيحًا. يمكن استخدام الـ elif عدة مرات في نفس البناء الشرطي. مثال: x = 5 if x > 0: print("x is positive") elif x < 0: print("x is negative") في هذا المثال، إذا كانت قيمة x أكبر من صفر، سيتم طباعة "x is positive". وإذا كانت أقل من صفر، سيتم طباعة "x is negative". else: تُستخدم لتنفيذ كود إذا لم تتحقق جميع الشروط السابقة. يمكن استخدام else في نهاية البناء الشرطي ولا يُشترط استخدامه. مثال: x = 0 if x > 0: print("x is positive") elif x < 0: print("x is negative") else: print("x is zero") في هذا المثال، إذا كانت قيمة x أكبر من صفر، سيتم طباعة "x is positive". وإذا كانت أقل من صفر، سيتم طباعة "x is negative". وإذا كانت تساوي الصفر، سيتم طباعة "x is zero". هذا هو الفرق بين elif وelse وif في لغة Python. يسمح هذا البناء الشرطي للمطورين باتخاذ قرارات متعددة وتحكم في تنفيذ الشروط المختلفة بناءً على القيم والشروط المحددة.
  17. بلال زيادة
    إليك بعض الخطوات التي يمكنك اتباعها لتعلم حل المشكلات البرمجية: تعلم الأساسيات: ابدأ بفهم أساسيات البرمجة واللغة التي ترغب في تعلمها. تعلم عن بنية البرنامج والمتغيرات والشروط والحلقات وغيرها من المفاهيم الأساسية. ممارسة التعلم العملي: قم بحل تحديات برمجية صغيرة وتمارين تطبيقية لتعزيز فهمك وتحسين مهاراتك. يمكنك استخدام مواقع مثل HackerRank وCodecademy وLeetCode وغيرها للعثور على تحديات برمجية وتمارين. فهم المشكلة: قبل أن تبدأ في حل أي مشكلة برمجية، قم بفهم المشكلة جيدًا. قم بتحليل المتطلبات وفهم الإخراج المطلوب والخطوات التي يجب اتخاذها للوصول إلى الحل. تقسيم المشكلة: حاول تقسيم المشكلة الكبيرة إلى مشاكل صغيرة وأكثر قابلية للإدارة. قد يكون من المفيد تجزئة المشكلة إلى وظائف صغيرة أو خطوات متسلسلة. استخدام الخوارزميات والهياكل البيانات: اختر الخوارزمية والهيكل البيانات المناسب لحل المشكلة. افهم كيفية استخدام الهياكل البيانات المختلفة مثل المصفوفات والقوائم المرتبة والقوائم المتسلسلة والأشجار والجرافات وغيرها. التجريب والاختبار: قم بتطبيق الحل البرمجي المقترح واختبره عن طريق إدخال بيانات مختلفة والتحقق من صحة النتائج. قم بتصحيح الأخطاء وتحسين الأداء إذا لزم الأمر. تحسين المهارات: قم بممارسة حل المشكلات البرمجية بشكل منتظم لتحسين مهاراتك. حاول تحليل وفهم الأكواد البرمجية الأخرى واكتساب خبرة من المطورين المحترفين. العمل على مشاريع عملية: قم بالمشاركة في مشاريع عملية لتطبيق مهاراتك وتعلم كيفية التعامل مع مشكلات برمجية حقيقية. يمكنك الانضمام إلى فرق مشاريع مفتوحة المصدر أو بناء مشاريع خاصة بك. استفد من المصادر التعليمية: استخدم الكتب والدروس عبر الإنترنت والمدونات والمنتديات ومقاطع الفيديو التعليمية لتوسيع معرفتك وتعلم أساليب حل المشكلات المختلفة. الصبر والممارسة المستمرة: يحتاج حل المشكلات البرمجية إلى صبر وممارسة مستمرة. استمر في تحسين مهاراتك وتحدي نفسك باستمرار للتطور كمطور برامج ماهر. لا تنس أن حل المشكلات البرمجية يتطلب الصبر والمثابرة. ابدأ بمشاهدة الأمثلة البسيطة وتدرج في التعقيد بمرور الوقت. استمتع بعملية التعلم واستفد من الأخطاء والتحديات كفرصة للنمو والتحسين.
  18. بلال زيادة
    لبناء موقع مشابه لـ Wix أو WordPress بسيطة وتتيح تنزيل ملف مضغوظ للموقع النهائي، ستحتاج إلى النظر في العناصر التالية: تصميم الموقع: ستحتاج إلى تصميم واجهة المستخدم للموقع، ويمكنك استخدام HTML وCSS لتحقيق ذلك. يمكنك تصميم القوالب المختلفة التي يمكن للمستخدمين اختيارها وتخصيصها. الأدوات والتقنيات: يمكنك استخدام لغات البرمجة مثل JavaScript وPHP لتطوير وظائف الموقع وإنشاء أدوات لبناء الموقع. يمكن استخدام مكتبات مثل React أو Angular لتطوير واجهة المستخدم التفاعلية. نظام إدارة المحتوى (CMS): يمكنك تطوير نظام إدارة المحتوى الذي يتيح للمستخدمين إنشاء وتخصيص صفحات الموقع. يجب عليك تصميم قاعدة بيانات لتخزين المحتوى وبناء واجهة مستخدم لإدارة المحتوى. التخزين والاستضافة: يجب عليك توفير خدمة استضافة للموقع وتخزين الملفات المرتبطة به. يمكن استخدام خدمات الاستضافة المشتركة أو الخوادم الافتراضية الخاصة لتشغيل الموقع. تنزيل الملف المضغوط: يجب أن يكون لديك نظام يقوم بتجميع جميع ملفات الموقع في ملف مضغوط وتوفير واجهة للمستخدم لتنزيله. يمكن استخدام أدوات مثل ZIP لإنشاء الملف المضغوط. بالإضافة إلى ذلك، يجب عليك النظر في مواضيع أخرى مثل تسجيل الدخول وإدارة المستخدمين، وتخزين البيانات، وتحسين محركات البحث (SEO)، وتأمين الموقع. هذه هي بعض المتطلبات الأساسية لبناء موقع مشابه لـ Wix أو WordPress بشكل بسيط. يمكنك تعديلها وتوسيعها حسب احتياجاتك ومتطلبات المشروع.
  19. بلال زيادة
    إذا كنت ترغب في البدء في تعلم لغة البرمجة Python، فمن المفيد أن تكون لديك بعض الأساسيات في مجالات البرمجة وعلوم الحاسوب. هناك عدة لغات يمكن أن تكون مفيدة في تعلم Python وفهم مفاهيمها بشكل أفضل. إليك بعض اللغات التي يمكنك الاستفادة من تعلمها قبل البدء في Python: لغة برمجة الجافا (Java): تعلم Java سيمنحك فهماً عميقاً للمفاهيم الأساسية في البرمجة مثل المتغيرات، الشروط، الحلقات والتوابع. لغة C/C++: تعلم C/C++ سيساعدك في فهم المفاهيم المنخفضة المستخدمة في البرمجة مثل الذاكرة والمؤشرات، وهي قواعد مهمة في بنية Python. لغة JavaScript: تعلم JavaScript سيمكنك من فهم مفهوم البرمجة القائمة على الأحداث والتفاعلات في الواجهات الرسومية وتطوير تطبيقات الويب. لغة برمجة القلب (Ruby): تعلم Ruby سيعزز فهمك لمفاهيم البرمجة الكائنية التوجه وتعزيز قدراتك في البرمجة النصية. بالإضافة إلى ذلك، يمكنك الاطلاع على المفاهيم الأساسية في علوم الحاسوب مثل الخوارزميات والهياكل البيانية وتخزين البيانات. ومع ذلك، لا يعني ذلك أنه يجب عليك أن تصبح خبيرًا في هذه اللغات قبل البدء في تعلم Python. يمكنك البدء في تعلم Python بشكل مباشر والتعلم على الطريق، حيث إن Python تعتبر لغة سهلة الاستخدام ومبتدئة وتوفر العديد من الموارد التعليمية والمجتمعات الداعمة. يمكنك البدء بدروس تعليم Python عبر الإنترنت، وهناك العديد من المصادر المجانية والدورات التعليمية المتاحة. قم بالتطبيق العملي وحاول بناء مشاريع صغيرة لتطبيق المفاهيم التي تعلمتها. تعلم بخطوات صغيرة وتحديد الأهداف الواقعية ستساعدك في تعلم Python بفاعلية.
  20. بلال زيادة
    إذا كنت ترغب في استخدام شفافية اللون باستخدام اسم اللون بدلاً من قيم RGB، يمكنك استخدام قيمة الشفافية (opacity) في CSS بدلاً من القيمة alpha (a) التي تستخدمها مع RGB. قم بتعديل قاعدة الأنماط الخاصة بك كما يلي: h1 { color: rgb(12, 87, 145); background-color: rgba(95, 158, 160, 0.5); } في الكود أعلاه، تم استخدام rgba بدلاً من cadetblue لتحديد لون الخلفية. قمنا بإضافة القيمة 0.5 بعد القيم RGB، وهي تمثل الشفافية حيث تتراوح قيمتها بين 0 و 1. قيمة 0 تعني شفافية كاملة (غير مرئي)، في حين أن قيمة 1 تعني عدم وجود شفافية (مرئي بشكل كامل). باستخدام القيمة 0.5 في المثال أعلاه، ستحصل على لون الخلفية "cadetblue" مع شفافية تبلغ 50٪. يرجى ملاحظة أن دعم الشفافية يعتمد على الأجهزة والمتصفحات المستخدمة. إذا كنت تواجه مشاكل في عرض الشفافية، فقد يكون ذلك بسبب عدم دعم المتصفح لهذه الميزة أو قد يكون هناك خطأ في الكود الذي تستخدمه.
  21. بلال زيادة
    تم ملاحظة بعض الأخطاء والتحسينات في الكود المقدم. فيما يلي الكود المصحح والمحسن: import React, { useState } from 'react'; import axios from 'axios'; import { useFormik } from 'formik'; import { useNavigate } from 'react-router-dom'; import * as yup from 'yup'; const schema = yup.object({ name: yup.string().required("Name is required").min(3, "Min is 3 characters").max(10, "Max is 10 characters"), email: yup.string().required("Email is required").email('Invalid email'), password: yup.string().required("Password is required").matches(/^[A-Z][a-z0-9]{4,8}$/, "Invalid password"), cpassword: yup.string().required("Confirm password is required").oneOf([yup.ref('password')], 'Passwords do not match'), }); export default function Register() { const [errors, setErrors] = useState([]); const navigate = useNavigate(); const formik = useFormik({ initialValues: { email: "", name: "", password: "", cpassword: "", }, validationSchema: schema, onSubmit: async (values) => { try { const { data } = await axios.post('https://lazy-blue-sockeye-gear.cyclic.app/api/v1/auth/signup', values); console.log(data); if (data.message === "success") { console.log("Registered"); navigate('/success'); // توجيه المستخدم إلى صفحة نجاح التسجيل } } catch (error) { if (error.response) { setErrors(error.response.data.errors); } } }, }); return ( <div className="container mt-5 pt-5"> <form className='w-50 m-auto text-center' onSubmit={formik.handleSubmit}> <div className="mb-3"> <label htmlFor="exampleInputEmail1" className="form-label">Email address</label> <input type="email" className="form-control" id="exampleInputEmail1" value={formik.values.email} onChange={formik.handleChange} name='email' aria-describedby="emailHelp" /> {formik.errors.email && formik.touched.email && ( <div className="text-danger">{formik.errors.email}</div> )} </div> <div className="mb-3"> <label htmlFor="exampleInputName" className="form-label">Name</label> <input type="text" className="form-control" id="exampleInputName" value={formik.values.name} onChange={formik.handleChange} name='name' /> {formik.errors.name && formik.touched.name && ( <div className="text-danger">{formik.errors.name}</div> )} </div> <div className="mb-3"> <label htmlFor="exampleInputPassword1" className="form-label">Password</label> <input type="password" className="form-control" id="exampleInputPassword1" value={formik.values.password} onChange={formik.handleChange} name='password' /> {formik.errors.password && formik.touched.password && ( <div className="text-danger">{formik.errors.password}</div> )} </div> <div className="mb-3"> <label htmlFor="exampleInputPassword2" className="form-label">Confirm Password</label> <input type="password" className="form-control" id="exampleInputPassword2" value={formik.values.cpassword} onChange={formik.handleChange} name='cpassword' /> {formik.errors.cpassword && formik.touched.cpassword && ( <div className="text-danger">{formik.errors.cpassword}</div> )} </div> <button type="submit" className="btn btn-primary">Submit</button> </form> </div> ); } تم ملاحظة بعض الأخطاء والتحسينات في الكود المقدم. فيما يلي الكود المصحح والمحسن: تم إجراء التحسينات والتصحيحات التالية: تم تعديل توابع useFormik و useNavigate لأنه تم استيراد React بشكل مكرر. تم إضافة حالة errors باستخدام useState للتعامل مع أي أخطاء تعودها الخادم. تم تحديد initialValues و onSubmit و validationSchema في useFormik لتعريف القيم الابتدائية والتحقق من صحة الحقول والمعالجة عند تقديم النموذج. تم إضافة رسائل الخطأ المرتبطة بكل حقل وعرضها في حالة حدوث أخطاء. تم إضافة محاولة واستثناء للتعامل مع أخطاء الشبكة أثناء عملية التسجيل وتعيين أي أخطاء تعودها الخادم في حالة وجودها. تم إضافة توجيه المستخدم إلى صفحة نجاح التسجيل (يجب استبدال "/success" بالمسار الصحيح). تم إضافة شرط لعرض رسالة الخطأ إذا كان هناك أخطاء قادمة من الخادم.
  22. بلال زيادة
    مشكلة "ERR_TOO_MANY_REDIRECTS" تحدث عندما يحدث توجيه متكرر بين صفحات الموقع بشكل غير محدود، مما يؤدي إلى حدوث حلقة توجيه (redirect loop). يتم رصد هذه المشكلة بواسطة المتصفح الذي يكتشف أنه يتم توجيهه مرارًا وتكرارًا دون أن يتمكن من الوصول إلى الصفحة المطلوبة. هناك عدة أسباب محتملة لحدوث هذه المشكلة ويمكنك اتخاذ الخطوات التالية لمحاولة حلها: تحقق من إعدادات توجيه الروابط (URL redirection) في التطبيق الخاص بك. تأكد من أنه لا يوجد أي توجيه غير صحيح أو تكرار غير مرغوب فيه بين الصفحات. تحقق من إعدادات الخادم (server settings) وتأكد من أنه لا يوجد أي توجيه غير صحيح في مستوى الخادم. قد يكون هناك إعدادات في ملفات الـ .htaccess أو إعدادات الخادم الأخرى تسبب في حدوث توجيهات غير صحيحة. تحقق من إعدادات الكوكيز (cookies) في التطبيق الخاص بك. تأكد من أنه لا يوجد أي تكوين خاطئ للكوكيز يتسبب في حدوث حلقة توجيه. تأكد من إعدادات HTTPS إذا كانت موجودة. قد يكون هناك توجيهات غير صحيحة تحدث بسبب تكوين خاطئ للشهادة الأمانية أو إعدادات HTTPS. قم بمسح ذاكرة التخزين المؤقتة (cache) وملفات الكوكيز في المتصفح الخاص بك. قد يكون هناك تخزين مؤقت أو كوكيز تسبب في توجيهات غير مرغوب فيها. إذا قمت بتحديث التطبيق مؤخرًا أو قامت خدمة الاستضافة بإجراء تغييرات في البنية، فتأكد من تنفيذ أي تحديثات أو تغييرات ضرورية في التطبيق لتجنب حدوث توجيهات غير صحيحة.
  23. بلال زيادة
    نعم، في حالة تصميم نظام workflow يتضمن موافقات من مستخدمين مختلفين مثل الـ admin والـ superadmin، فمن النمط الأكثر شيوعًا هو إنشاء جدول جديد لتخزين الموافقات. يمكن أن يكون لديك جدول يحمل اسم مثل "Approvals" أو "Workflow" ويحتوي على الحقول التالية: ApprovalID: يكون معرف فريد لكل موافقة. PostID: يكون معرف الـ post المرتبط بالموافقة. UserID: يكون معرف المستخدم الذي قام بالموافقة (مثل admin أو superadmin). Status: يكون حقلًا لتخزين حالة الموافقة (مثل "Approved" أو "Rejected"). ApprovalDate: يكون تاريخ الموافقة. Comments: يكون حقلًا اختياريًا لتسجيل أي تعليقات إضافية. بهذا التصميم، يمكنك تسجيل الموافقات المختلفة لكل post وتتبع حالة الموافقة وتاريخها ومعلومات المستخدم الذي قام بالموافقة. هذا مجرد مثال بسيط لتصميم جدول للموافقات. قد تحتاج إلى تعديله أو إضافة مزيد من الحقول وفقًا لمتطلبات النظام الخاص بك وتصميم قاعدة البيانات بشكل أوسع.
  24. بلال زيادة
    عند استخدام الخاصية display:block، يتم جعل العنصر يحتل سطرًا كاملًا على الصفحة، مما يجعل العناصر الأخرى تظهر تحت بعضها البعض بشكل افتراضي. يمكن استخدام هذه الخاصية عندما ترغب في وضع كل عنصر على سطر منفرد. مع خاصية display:block، يمكنك التحكم في خصائص أخرى مثل الارتفاع والعرض والهوامش والحواف. بالإضافة إلى ذلك، يمكن تعديل الخصائص الأخرى للعناصر مثل العناصر النصية والصور وغيرها، باستخدام CSS. بالنسبة للخاصية list-inline في Bootstrap، فهي تستخدم لجعل العناصر تظهر بجانب بعضها البعض أفقيًا، بدلاً من وضعها تحت بعضها البعض عموديًا. إذا كنت ترغب في عرض العناصر بشكل أفقي، يمكنك استخدام هذه الخاصية. إذا كنت ترغب في تنسيق عناصرك بحيث تكون بشكل أفقي وتظهر كل عنصر على سطر منفرد، يمكنك استخدام الخاصية display:block لكل عنصر على حدة. ويمكنك أيضًا استخدام تصميمات أخرى وتنسيقات CSS المختلفة لتحقيق التنسيق الذي ترغب فيه.
  25. بلال زيادة
    ASP.NET Core هو إطار عمل لتطوير تطبيقات الويب مفتوح المصدر ومتعدد المنصات. تم تطويره بواسطة مايكروسوفت ويعتبر الإصدار التالي لـ ASP.NET، وهو تطور لـ ASP.NET Framework. يتيح ASP.NET Core للمطورين بناء تطبيقات الويب ذات الأداء العالي وقابلية التطوير والنشر عبر عدة منصات، بما في ذلك Windows وLinux وmacOS. وهو يعتمد على لغة البرمجة C#، والتي تعد واحدة من لغات البرمجة الأساسية المستخدمة في تطوير تطبيقات ASP.NET Core. فوائد ASP.NET Core تشمل: أداء عالٍ: يتميز ASP.NET Core بأداء ممتاز وقابلية للتطوير والتوسع، مما يسمح بمعالجة حمولات عالية بكفاءة عالية. متعدد المنصات: يمكن تطوير ونشر تطبيقات ASP.NET Core على عدة منصات، مما يوفر المرونة والاستقلالية عن النظام الأساسي. استهداف السحابة: يدعم ASP.NET Core التطوير والنشر في بيئات السحابة مثل Microsoft Azure و AWS و Google Cloud Platform. تطوير سريع: يوفر ASP.NET Core العديد من الأدوات والتقنيات التي تسهل وتسرع عملية تطوير التطبيقات. الأمان: يوفر ASP.NET Core ميزات أمان قوية لحماية التطبيقات من هجمات الاختراق والاختراقات الأمنية. بالإضافة إلى ذلك، لغة C# تستخدم بشكل رئيسي في تطوير تطبيقات ASP.NET Core. إنها لغة برمجة قوية وحديثة توفر العديد من الميزات والأدوات لتطوير تطبيقات الويب وتطبيقات سطح المكتب وتطبيقات الهاتف المحمول. يعتبر C# لغة قوية وقابلة للتوسع ويتميز بقواعد بناء متينة وسهولة في الاستخدام. باختصار، ASP.NET Core هو إطار عمل لتطوير تطبيقات الويب متعدد المنصات والمفتوح المصدر، ويعتمد على لغة البرمجة C# لتطوير هذه التطبيقات.
×
×
  • أضف...