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

Mustafa Suleiman

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

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

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

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

    289

كل منشورات العضو Mustafa Suleiman

  1. لإنشاء دالة تنشر محتوى في إطار عمل Laravel ، يمكنك اتباع هذه الخطوات: 1- إنشاء متحكم للتعامل مع المنطق لنشر المحتوى. 2- داخل المتحكم ، قم بإنشاء دالة تأخذ بيانات المحتوى (مثل العنوان ، الوصف ، الصورة ، إلخ) وتحفظها في قاعدة البيانات. 3- إضافة حقل "أولوية" إلى جدول الأحداث في قاعدة البيانات باستخدام نوع البيانات "integer"، حيث سيتم استخدام هذا الحقل لتحديد الترتيب الذي يتم عرض الأحداث به على الموقع. 4- في الدالة ، ضع أولوية الحدث بناءً على الشروط المطلوبة. على سبيل المثال ، ويمكنك تعيين أولوية أعلى لحدث ما إذا كان مهمًا أو عاجلاً. 5- استخدام طريقة "orderBy" في Laravel لفرز الأحداث بناءً على أولوياتها عند عرضها على الموقع، ويمكنك القيام بذلك عن طريق إضافة الكود التالي إلى المتحكم الخاص بك: $events = Event::orderBy('priority', 'desc')->get(); وسيتم ذلك بترتيب الأحداث بترتيب تنازلي حسب الأولوية ، حيث سيتم عرض الحدث ذو الأولوية الأعلى أولاً. 6- استخدام الطريقة "first" في Laravel لاسترداد الحدث ذو الأولوية الأعلى ، على النحو التالي: $firstEvent = Event::orderBy('priority', 'desc')->first(); وسيتم ذلك بإرجاع الحدث ذو الأولوية الأعلى ، الذي يمكن عرضه بشكل بارز على الموقع. 7- أخيراً ، استخدم حلقة "foreach" لعرض الأحداث الأخرى على الموقع، وباستطاعتك استخدام حلقة "foreach" لتحقيق ذلك. @foreach($events as $event) <!-- display event --> @endforeach
  2. يتم توجيه المستخدم إلى الرابط الخارجي بعد النقر مرتين لأنه يتم استخدام الحالة الجديدة "validMessage" التي تعيد قيمة "true" عندما يكون لا يوجد أي رسائل خطأ في التحقق من الصحة. وبعد ذلك، يتم تأجيل فتح الرابط الخارجي لمدة 1.5 ثانية باستخدام setTimeout(). بالتالي، عند النقر على زر الإرسال، يتم التحقق من صحة البيانات المدخلة في الحقول، وإذا كانت جميع الحقول صالحة، يتم تعيين القيمة "true" لـ validMessage، ويتم فتح الرابط الخارجي بعد مرور 1.5 ثانية. إذا لم يكن هناك أي رسائل خطأ وتم النقر مرة أخرى، سيتم توجيه المستخدم مرة أخرى إلى الرابط الخارجي. يمكن تعديل الكود لتوجيه المستخدم مباشرةً إلى الرابط الخارجي عند النقر على زر الإرسال في حالة كانت جميع الحقول صالحة، دون الحاجة إلى النقر مرتين. يمكن فعل ذلك بتحرير الدالة handleClick كما يلي: const handleClick = (e) => { e.preventDefault(); formValidation() if (validate.length === 0) { window.open("https://github.com/Saadaoui-Forkan/react-forms/tree/main/responsive_form", '_self'); } } تم تعديل الشرط في الدالة handleClick من if (validMessage) إلى if (validate.length === 0) ، حيث تم استخدام المتغير validate الذي يحتوي على الأخطاء المحتملة المكتشفة من قبل formValidation. وعلاوة على ذلك، تم تحرير setTimeout() من الكود حيث لم يعد هناك حاجة لهذا المؤخر الزمني. وبمجرد تحقق صحة الحقول وعدم وجود رسائل خطأ في المتغير validate، سيتم توجيه المستخدم مباشرة إلى الرابط الخارجي. في حالة كان هناك أي رسائل خطأ، لن يتم توجيه المستخدم إلى الرابط الخارجي.
  3. أهلا بك حسن، قد تم الإجابة على سؤال مماثل لسؤالك في النقاشات التالية، أرجو الإطلاع عليها منعًا للتكرار. والأمر يتوقف على عدة عوامل ولا يوجد نصيحة عامة، فمثلآ كم عمرك الآن وما هي المدة المتاحة لك للمذاكر وأيضًا هل أنت بحاجة إلى وظيفة أو تدرس البرمجة بشكل جانبي أي يوجد مصدر دخل لك ولست بحاجة إلى المال. وإذا كان الوقت ضيق لديك وتريد العمل فأنصحك بدورة تطوير واجهات المستخدم أو تعلم أساسيات HTML, CSS وجافاسكريبت ثم عليك بتعلم لغة PHP ولارافيل من خلال دورة دورة تطوير تطبيقات الويب باستخدام لغة PHP.
  4. أنت في سن صغير وهذا رائع جدًا، عليك بدراسة الأساسيات وبعدها ستتمكن من رؤية الأمور بشكل أوضح، وإإذا قمت بالبحث على اليوتيوب عن أساسيات علوم الحاسب ستجد الكثير من المحتوى الجيد، ويوجد دورة خاصة بأساسيات علوم الحاسب في أكاديمية حسوب. حيث ستتعلم فيها ما يلي أو يجب عليك الإطلاع على ما يلي: أساسيات الحاسوب وعلومه والتفكير المنطقي وما هي الخوارزميات وكيف تفيد في البرمجة تطبيقات عملية على أساسيات التفكير المنطقي باستخدام بيئة سكراتش Scratch التفاعلية أساسيات لغة البرمجة JavaScript وتطبيق المفاهيم التي تم شرحها باستخدامها، والتوسع في شرح التطبيقات العملية للغات البرمجة أساسيات أنظمة التشغيل المختلفة وكيفية تثبيت البرمجيات اللازمة للبرمجة عليها أساسيات سطر الأوامر في نظام لينكس، وشرح الأسس التي بني عليها النظام مع تطبيقها عمليًا أنظمة قواعد البيانات المختلفة، مع شرح تفصيلي للغة SQL للتعامل معها مبادئ أساسية في أنظمة قواعد البيانات NoSQL المفاهيم الأساسية التي تبنى فيها صفحات الويب مفاهيم أساسية في الشبكات والخوادم، وكيف يتم استقبال الطلبيات إلى الخادم والرد عليها مبادئ الحماية والأمان في الويب وبعد الإطلاع ما سبق من أي مصدر تريده، ستجد نفسك قادر على تحديد المجال الذي تريده، ولا تشغل بالك إطلاقًا بأفضل مجال، فأنت في سن صغير يسمح لك بتجربة كافة المجالات. وإذا أردتي ترشيح، فسأرشح لك مجال الويب لكونه يفتح لك المجال لباقي المجالات الأخرى ولا يضيق عليك وبتعلمه ستحقق استفادة في باقي المجالات الأخرى. وبالطبع أنت بحاجة إلى تعلم HTML, CSS, JS ثم تعلم إطار عمل مثل Vue.js أو React.js ثم تعلم الواجهة الخلفية من خلال PHP ولارافيل. وما أنصحك به هو بعد تعلم السابق، حاول التركيز على الواجهة الخلفية Back-End لتصبح مجالك أو حاول الإنتقال لتصبح مطور تطبيقات باستخدام React-Native أو Flutter. وذلك لأن في وجهة نظري مجال الواجهة الأمامية ليس جيد في المستقبل بالنسبة لسنك وأيضًا المجال متشبع بشكل كبير على عكس الواجهة الخلفية أو تطوير تطبيقات الهاتف. وحاول استغلال صغر سنك في تعلم الأساسيات بشكل جيد، فبعد تعلم أساسيات علوم الحاسب، أنصحك بتعلم C++ ثم الإنتقال لتعلم HTML, CSS و جافاسكريبت. ولا مشكلة أبدًا إذا واجهت صعوبة في البداية فذلك أمر طبيعي جدًا، وكلما ضربت بالمطرقة بشكل يومي أو متكرر أسبوعيًا ستجد الأمر أصبح أسهل. وأيضًا لا مشكلة إذا وجدت صعوبة في فهم الأساسيات، فعند تعلم لغة البرمجة الأولى لك ستتضح لك الكثير من الأمور ومن المفاهيم. فالتطبيق بشكل عملي من خلال الكود يوضح لك تلك المفاهيم النظرية أو المصطلحات.
  5. مشكلتك تتمثل في الطريقة التي تتعامل بها مع حالة focus في حقل الإدخال، فحاليًا، تستخدم focus كمؤشر لمعرفة ما إذا كان حقل الإدخال يتم التركيز عليه أم لا. وبالتالي، عندما يتم فقدان التركيز، يتم تحديث الحالة focus بالقيمة false، مما يؤدي إلى إعادة label إلى الأسفل بغض النظر عن ما إذا كانت القيمة غير فارغة أم لا. بدلاً من ذلك، يمكنك استخدام حالة منفصلة لمعرفة ما إذا كان حقل الإدخال غير فارغٍ. يمكنك تحديث هذه الحالة في حدث onChange لحقل الإدخال وفي حالة كانت القيمة فارغة، فإنه يمكنك تحديث حالة focus إلى القيمة false في حدث onBlur. وإذا كانت القيمة غير فارغة، فيمكنك ترك حالة focus دون تغيير، مما يسمح بالاحتفاظ بالتسمية في الأعلى. يمكن تحديث الكود كما يلي: const [hasValue, setHasValue] = useState(false); const [focus, setFocus] = useState(false); const [idx, setIdx] = useState(null); const handleChange = (e) => { const { value } = e.target; setHasValue(value.length > 0); // ... أي تحديثات أخرى تريد إجراؤها عند تغيير القيمة }; const handleFocus = (id) => { setFocus(true); setIdx(id); }; const handleBlur = () => { if (!hasValue) { setFocus(false); } }; <FormInput key={wrap.id} {...wrap} value={values[wrap.name]} handleChange={handleChange} handleFocus={() => handleFocus(wrap.id)} focus={focus} idx={idx} handleBlur={handleBlur} /> المثال يتجاهل القيم الخاصة بـ values.email المذكورة في السؤال، ويستخدم بدلاً من ذلك القيمة الموجودة في e.target.value.
  6. بالنسبة للسؤال الأول فإن استخدام مكتبة jQuery يمكن أن يكون مفيداً في بعض الحالات، وذلك إذا كنت تحتاج إلى تفاعلات بسيطة متكررة على صفحات الويب، والتي يمكن أن تكون أكثر كفاءة باستخدام jQuery بدلاً من الكتابة بلغة JavaScript الخام. ومع ذلك، إذا كنت تستخدم قوالب جاهزة، فقد يكون التعامل مع التفاعلات البسيطة بالفعل قد تم تجهيزها بشكل جيد داخل القالب وبدون الحاجة إلى jQuery. في السابق، كان استخدام jQuery شائعًا جدًا في تطوير الويب، حيث كانت تساعد على تبسيط كتابة الشفرة وجعل التعامل مع DOM و Ajax والتحكم في التفاعلات بين الصفحة والمستخدم أسهل وأكثر فعالية. ومع ظهور تقنيات جديدة مثل React وVue.js و Angular وغيرها، وأدوات الجافاسكريبت المتطورة مثل Webpack وParcel وغيرها، أصبح استخدام jQuery في تطوير الويب أقل شيوعًا في الآونة الأخيرة. ولكن في الوقت الحالي، لا يزال هناك العديد من المواقف التي يمكن فيها استخدام jQuery بشكل مفيد وفعال، مثل تحديثات صغيرة وتفاعلات بسيطة في صفحات الويب. أما بشأن البدائل لـ jQuery، فهناك العديد من المكتبات والإطارات التي تهدف إلى تسهيل عمليات تطوير الويب، وتتضمن بعضها: React: مكتبة JavaScript لبناء واجهات المستخدم الديناميكية. Vue.js: إطار عمل جافاسكريبت لبناء واجهات المستخدم. Angular: إطار عمل جافاسكريبت شامل لبناء تطبيقات الويب. بالنسبة للسؤال الثاني فإن تضمين المكتبة بشكل داخلي يعني وضع الملف المرتبط بـ jQuery داخل مجلد المشروع واستدعائه من خلال صفحات الويب التي تحتاج إليه. بينما تضمين المكتبة باستخدام الرابط من مصدر خارجي، يعني استخدام CDN (شبكة توزيع المحتوى)، حيث يتم تحميل المكتبة من الخادم الخاص بالCDN بدلاً من تحميلها من خادم الموقع. وعادةً ما تكون طريقة الـ CDN هي الخيار الأفضل، لأنها توفر تحميلًا أسرع وأكثر استقراراً، ويتم تخزينها في ذاكرة التخزين المؤقت (cache) للمتصفحات، وبالتالي يتم تحميل المكتبة من الذاكرة المؤقتة بدلاً من تحميلها من الخادم كل مرة. كما أن استخدام CDN يخفض حجم الصفحة ويحسن سرعة التحميل، مما يساعد على تحسين تجربة المستخدم.
  7. هناك العديد من الأدوات التي يمكن استخدامها لاختبار صحة شيفرات HTML و CSS و JavaScript، وهي تشمل: W3C Validator أداة مجانية تقوم بفحص صفحة الويب لديك وتحديد أي أخطاء في الشيفرات HTML و CSS. JSHint وهي أداة مجانية تساعد على فحص صحة الشيفرات الخاصة بلغة JavaScript. يمكن الوصول إليها على هذا الرابط: CSS Lint أداة مجانية تقوم بفحص صفحة الويب لديك وتحديد أي أخطاء في الشيفرات CSS. والأفضل استخدام إضافتي ESLint و Prettier لفحص صحة الشيفرات الخاصة بلغة JavaScript وتنسيقها بشكل أفضل، وإليك بعض المعلومات حول كل منها: ESLint: هي أداة مجانية لفحص صحة الشيفرات الخاصة بلغة JavaScript وتحديد أي أخطاء في الشيفرات، ويمكن تخصيص ESLint لتنفيذ مجموعة متنوعة من المعايير والقواعد الخاصة بالشركة أو المشروع، وتستخدم في الغالب في مشاريع الويب. Prettier: هي أداة مجانية تستخدم لتنسيق الشيفرات الخاصة بلغة JavaScript و HTML و CSS وجعلها أسهل للقراءة والصيانة، تم تصميم Prettier لتكون سهلة الاستخدام ومتوافقة مع مختلف المحررات والمشاريع. وهما متوفرتان في متجر الإضافات الخاص بمحرر VSCode. بالنسبة لإضافة الميديا المناسبة لكود CSS لجعل الموقع مناسب على جميع الشاشات، يمكن استخدام تقنية Responsive Web Design، حيث يتم استخدام (Media Queries) لتعديل تصميم الموقع وتكييفه مع الأحجام المختلفة للشاشات. ويجب استخدام أدوات المطورين من جوجل كروم لفحص تجاوب الموقع، حيث يتم استخدام أداة التجاوب لإختبار الموقع الخاص بك كالتالي: ويمكنك استخدام أدوات مثل Bootstrap و Foundation للمساعدة في تصميم موقع يستجيب للشاشات المختلفة، أو تصميم الموقع من البداية بتقنية Responsive Web Design إذا كنت لا تريد استخدام مكتبة إطار Bootstrap.
  8. هناك عرض رمضان والذي يوفر لك شراء دورتين بثمن دورة واحدة. عرض رمضان 2023 من أكاديمية حسوب وبالتالي ستتمكن من شراء 3 دورات، وما أنصحك به هو إختيار دورة تطوير واجهات المستخدم حيث ستتعلم فيها التالي: مفهوم الواجهة الأماميّة للموقع front-end وكيفية عملها. أساسيات لغات تطوير واجهات المستخدم: HTML, CSS, JavaScript. استخدام أحدث أدوات التطوير: Bootstrap, jQuery, Sass, Gulp. التعامل مع خدمة استضافة المشاريع GitHub. إعداد هيكل الموقع ووضع خطة العمل. تطوير واجهة استخدام حقيقة لمتجر الكتروني كامل من الصفر. تطوير موقع لشركة مع مدونة خاصة خطوة بخطوة. بناء 5 صفحات هبوط مختلفة بناء واجهة لموقع يشبه YouTube بناء لوحة تحكم لتطبيق ويب وهي مهارات لا غنى عنها بجانب لغة PHP وإطار لارافيل. وإذا كانت الأساسيات لديك ليست جيدة، فأنصحك بشراء دورة علوم الحاسب وقد تم التحدث عنها في النقاشات التالية وعن فوائدها. وإذا كان الأساسيات لديك متوسطة ولديك خبرة بالحاسوب والإنترنت وسبق لك التعرض للبرمجة، فأنصحك بدورة تطوير التطبيقات باستخدام جافاسكريبت. وبإمكانك رؤية القسم الأول من جميع الدورات عند الإشتراك في دورة واحدة، حتي تتمكن من الإختيار بشكل صحيح.
  9. باستطاعتك رسم بيان معادلة بئر الكموني باستخدام مكتبة matplotlib في البايثون، واستخدام الأمر plot() لرسم البيان. الخطوات التالية توضح كيفية رسم البيان: استيراد مكتبة matplotlib تعريف متغيرات للقيم الثابتة في معادلة بئر الكموني مثل الجرم الذي يتحرك والتسارع والزمن والسرعة الأولية والموقع الأولي إنشاء قائمة (list) للقيم المستقلة التي يتم تقديمها للدالة استخدام الدالة لحساب القيم المعادلة في كل نقطة من القائمة السابقة استخدام الأمر plot() لرسم البيان وهناك العديد من الأساليب المختلفة لرسم البيان ويمكن تغيير الألوان والأساليب المستخدمة، وإليك مثال بسيط على كيفية رسم بيان معادلة بئر الكموني باستخدام matplotlib في البايثون: import matplotlib.pyplot as plt import numpy as np # Define constants m = 1.0 a = 9.8 t0 = 0.0 v0 = 0.0 y0 = 0.0 # Define independent variable t = np.linspace(0, 10, 101) # Define function for y y = y0 + v0*t + 0.5*a*t**2 # Plot graph plt.plot(t, y) plt.xlabel('Time (s)') plt.ylabel('Distance (m)') plt.title('Projectile Motion') plt.show() في المثال تم إنشاء قائمة من القيم المستقلة t باستخدام np.linspace() والتي تنتج قائمة من 101 قيمة تتراوح بين 0 و 10. يتم حساب القيم المعادلة ل y باستخدام الدالة المعرفة. واستخدام plot() لرسم البيان، والأوامر xlabel() وylabel() وtitle() تستخدم لوضع تسميات على المحور الأفقي والعمودي وعنوان الرسم البياني على التوالي.، واستخدام show() لعرض الرسم البياني.
  10. باستخدام العمليات الحسابية الأساسية في البايثون (+، -، *، /)، والأقواس لتحديد أولوية العمليات، واستخدام الرموز التالية: sqrt(x^2 + y^2 + z^2) حيث تمثل x و y و z إحداثيات النقطة في الفضاء الثلاثي الأبعاد. ويمكن كتابة هذه المعادلة في البايثون بالشكل التالي: import math x = 1 y = 2 z = 3 result = math.sqrt(x**2 + y**2 + z**2) print(result) حيث تم استيراد وحدة math في البداية لاستخدام دالة sqrt() التي تقوم بحساب الجذر التربيعي. ثم تعيين قيم x و y و z وحساب النتيجة باستخدام العمليات الحسابية الأساسية والعملية الرياضية لرفع الأسس (x ** 2 يعني x مرفوعة للأس 2). ثم طباعة النتيجة باستخدام الدالة print(). يمكن استبدال القيم x و y و z بالقيم الحقيقية التي تريدها.
  11. هدف دورة علوم الحاسوب هو تعريف المتعلمين بأساسيات علوم الحاسوب وتزويدهم بالمفاهيم والأدوات اللازمة للبدء في مجال البرمجة وتطوير البرمجيات. يتم تغطية موضوعات متعددة تتضمن البرمجة، وأنظمة التشغيل، وقواعد البيانات، والشبكات والأمن والحماية. لا يمكن اعتبار دورة علوم الحاسوب كافية للبدء بالعمل بعد انتهائها، ولكنها تزود المتعلمين بالمعرفة اللازمة للاستمرار في تعلم مجال البرمجة وتطوير مهاراتهم فيه، ومن المهم أيضًا بعد الدورة العمل على تطبيق المفاهيم والمهارات التي تم اكتسابها عبر القراءة والتدريبات العملية ومشاريع التطبيق العملية. بمعني أبسط، سيتم تأهيلك لتتمكن من دخول مجال البرمجة على أساس صحيح، ولا مشكلة إذا كانت هناك أمور تجدها غير مفهومة أو مبهمة في ذلك المسار، فالغرض هو تعريفك بالمجالات والمفاهيم. وستتمكن من استيعاب تلك الأمور لاحقًا عند إختيار المجال الذي تريد التخصص به، مثل مجال تطوير الويب. وقد تم الإيضاح بشكل أكبر في السؤال التالي:
  12. إذا كانت لديك الأساسيات الكافية بعلوم الحاسب أو بالإنترنت والكمبيوتر عامًة فلا مشكلة في التوقف بالنسبة لمسار علوم الحاسب والعودة إليه لاحقًا بسبب ضيق الوقت لديك. أما إذا كان ما سبق غير متوفر فلا بد من دراسة الأساسيات، فبدونها ستعاني، ويجب إتباع مبدأ في حياتك وهو التوقف لبعض الوقت لشحذ مهاراتك وصقل معرفتك لتتمكن بعد ذلك من اكتساب المعرفة والتقدم بشكل أسرع. ومن خلال ما ذكرته أنت تدرس منذ 4 شهور، وهي فترة كافية إذا كنت تدرس فيها بالفعل. ولذلك أنصحك بتعلم مجال تطوير الويب، فهو سيفتح لك الكثير من الآفاق والفرص وأيضًا أسهل في تعلمه، ولا أنصحك بتعلم البايثون طالما أنك تريد الوظيفة فهي خاصة بالتعلم العميق والذكاء الإصطناعي والتعامل مع البيانات وبحاجة إلى وقت أكبر لتصبح محترف وتحصل على وظيفة جيدة. وبايثون أفضل للمبتدأين بلا شك، كلغة برمجة أولى فقط وبعد ذلك تنطلق لتتعلم لغات أخرى مثل جافاسكريبت و PHP. ولكن لا داعي إلى ذلك طالما تعلمت الأساسيات والتفكير المنطقي في أساسيات علوم الحاسب، فإنتقل مباشرًة لتعلم HTML, CSS, JS ثم تعلم بعد ذلك PHP وإطار عمل لارافيل وياحبذا لو تعلمت Vue.js. وأثناء فترة تعلمك يجب التطبيق على مشاريع كبيرة حقيقية كالتي يتم تنفيذها على أرض الواقع، وستجد مثل ذلك في دورة PHP في أكاديمية حسوب. وهناك المزيد من النصائح قد تم ذكرها من قبل أرجو منك قراءة التالي والإطلاع على الدورات أيضًا.
  13. هناك عدة طرق لفعل ذلك وفيما يلي مثال بسيط: 1- إنشاء نموذج تسجيل الدخول (login form) ومعالجته: <form action="login.php" method="post"> <label for="username">اسم المستخدم:</label> <input type="text" name="username" id="username"> <label for="password">كلمة المرور:</label> <input type="password" name="password" id="password"> <button type="submit">تسجيل الدخول</button> </form> ثم يمكن معالجة هذا النموذج في ملف PHP باستخدام الكود التالي: <?php session_start(); if ($_SERVER['REQUEST_METHOD'] === 'POST') { // تحقق من أن الاسم وكلمة المرور تم توفيرها في النموذج if (!isset($_POST['username']) || !isset($_POST['password'])) { die('يجب توفير اسم المستخدم وكلمة المرور'); } // تحقق من صحة اسم المستخدم وكلمة المرور $username = $_POST['username']; $password = $_POST['password']; // تمثيل عملية التحقق من صحة اسم المستخدم وكلمة المرور هنا // إذا كانت البيانات صحيحة، يتم إنشاء جلسة جديدة وتوجيه المستخدم إلى صفحته الشخصية if ($username === 'myusername' && $password === 'mypassword') { $_SESSION['username'] = $username; header('Location: profile.php'); exit; } else { die('اسم المستخدم أو كلمة المرور غير صحيحة'); } } ?> 2- إنشاء الصفحة الشخصية: <?php session_start(); // التحقق من أن المستخدم قام بتسجيل الدخول if (!isset($_SESSION['username'])) { die('يجب تسجيل الدخول لعرض هذه الصفحة'); } // عرض معلومات المستخدم هنا echo 'مرحباً ' . $_SESSION['username']; ?> 3- استخدام دالة header() لتوجيه المستخدم إلى صفحته الشخصية بعد تسجيل الدخول. يمكن استخدامها على النحو التالي: // تحقق من البيانات المدخلة بقاعدة البيانات if ($username == $db_username && $password == $db_password) { // إنشاء جلسة للمستخدم وتخزين بياناته session_start(); $_SESSION['username'] = $username; $_SESSION['logged_in'] = true; // توجيه المستخدم إلى صفحته الشخصية header("Location: profile.php"); exit; } else { echo "اسم المستخدم أو كلمة المرور خاطئة"; } في المثال، تم تحقق من بيانات تسجيل الدخول مع قاعدة البيانات وإنشاء جلسة للمستخدم باستخدام session_start() وتخزين بياناته في $_SESSION. ثم يتم استخدام header() لتوجيه المستخدم إلى صفحته الشخصية profile.php باستخدام Location:. يجب عليك التأكد من أن الجلسة قد تم إنشاؤها بشكل صحيح في صفحة الوجهة، وإلا فقد يتم توجيه المستخدم إلى صفحة تسجيل الدخول مرة أخرى.
  14. مهارة Web Scraping مطلوبة بشكل أكبر على مواقع العمل الأجنبية لذلك عليك بتعلم الإنجليزية بشكل جيد للتواصل. وتعلُّم مهارة Web Scraping يتطلب بعض المعرفة الأساسية بالبرمجة والتقنيات الحديثة المستخدمة في تطوير مواقع الويب والتطبيقات. ويمكن البدء بتعلُّم هذه المهارة من خلال الخطوات التالية: 1- الاطلاع على مفهوم Web Scraping وماهيتها والأدوات التي يمكن استخدامها في عمليات الاستخراج وجمع البيانات من الويب. 2- دراسة لغة البرمجة Python ومكتبات الويب المختلفة مثل BeautifulSoup وScrapy و Requests و Selenium التي تساعد على إجراء عمليات ال Web Scraping. 3- القيام بتجربة عمليات ال Web Scraping على مواقع الويب الشائعة والبسيطة أولاً ومن ثم التحرك إلى مواقع أكثر تعقيدًا. 4- متابعة المجتمعات المهتمة ب Web Scraping والأدوات المختلفة المستخدمة فيها، مثل مجتمع Scrapy ومنتدى BeautifulSoup ومنتدى Python. وهناك دورة خاصة بتطبيقات بايثون في أكاديمية حسوب. Web Scraping||ما هي افضل مكتبه في بايثون لهذا الغرض
  15. الطريقة الأسهل هي لإنشاء مستخدمين وتقسيمهم حسب الصلاحيات في PHP، يمكنك استخدام نظام إدارة المحتوى (CMS) الشهيرة مثل WordPress أو Drupal أو Joomla. ولكن إذا كنت ترغب في بناء نظام إدارة مستخدمين مخصص، فيمكنك اتباع الخطوات التالية: تصميم قاعدة بيانات لحفظ بيانات المستخدمين والصلاحيات المتعلقة بهم. إنشاء صفحة تسجيل الدخول والتحقق من بيانات المستخدمين باستخدام PHP و MySQL. تصميم لوحة تحكم للمدير لإدارة المستخدمين وتحديد صلاحياتهم. يمكن أيضاً تحميل صور المستخدمين وتحديث معلوماتهم الشخصية. تحديد الصلاحيات المناسبة لكل دور مثل مدير، طبيب، ممرض، مستخدم عادي، ومريض. على سبيل المثال، يمكن للمدير إضافة وتحرير وحذف المستخدمين وتحديد صلاحياتهم، بينما يمكن للمستخدم العادي فقط عرض البيانات الخاصة به. توجيه المستخدمين إلى صفحاتهم المناسبة بناءً على صلاحياتهم. على سبيل المثال، بعد تسجيل الدخول، يجب توجيه المدير إلى لوحة التحكم، بينما يجب توجيه المستخدم العادي إلى صفحته الشخصية. ويمكن تحديد الصلاحيات المختلفة لكل دور (مثل المدير والطبيب والممرض والمستخدم العادي والمريض) عن طريق تعيين الأذونات المختلفة لكل مجموعة، وذلك بتحديد الأذونات باستخدام رموز رقمية أو رموز نصية وتحديد مستوى الوصول لكل مستخدم. أيضًا بإمكانك استخدام إطار عمل PHP مثل Laravel أو CodeIgniter لتسهيل إنشاء نظام إدارة المستخدمين.
  16. يمكنك استخدام القواعد النحوية التالية، التي تولد اللغة التالية: L = {w € {a، b} * / w يبدأ بـ a وينتهي بـ b وطول w يساوي عدداً زوجياً. S → aM M → aMb | bMa | ε وتشرح هذه القواعد النحوية كيفية إنشاء السلاسل النصية في اللغة L، والتي تحتوي على الحروف a و b فقط، وتبدأ بحرف a وتنتهي بحرف b، وطولها يكون عدداً زوجياً: ويجب أن تبدأ كل سلسلة نصية في اللغة L بحرف a، ويمكن استخدام القاعدة S → aM لتحديد هذا الشرط. و أن يكون طول السلسلة النصية الناتجة زوجياً، ولتحقيق هذا الشرط، يمكن استخدام القاعدة M → aMb لإضافة حرف a في البداية وحرف b في النهاية، أو استخدام القاعدة M → bMa لإضافة حرف b في البداية وحرف a في النهاية، كما يمكن استخدام القاعدة الفارغة ε لإنشاء سلسلة نصية فارغة. وبهذه الطريقة، يمكننا إنشاء لغة L التي تحتوي على السلاسل النصية التي تبدأ بحرف a وتنتهي بحرف b وتتكون من حروف a و b فقط وطولها يكون عدداً زوجياً.
  17. في لغة Python، يتم استخدام علامة الإقتباس الزوجية (") أو الفردية (') لتعريف سلسلة النصوص (String) والتي تستخدم لتمثيل النصوص والمحتويات النصية. ويمكن دمج المتغيرات داخل سلسلة النصوص باستخدام علامة الإقتباس المتداخلة المناسبة، مثل: name = "mohammed" greet = "hello " + name print(greet) يتم في هذا الحالة استخدام علامة الجمع "+" لدمج سلسلة النصوص "hello " والمتغير name لتشكيل سلسلة النصوص greet. أما باستخدام f-strings فهي طريقة تفضيلية للتعامل مع سلسلة النصوص في Python، وتسمح بدمج المتغيرات والتعابير بشكل أسهل داخل النص، مثل: name = "mohammed" greet = f"hello {name}" print(greet) في المثال، يتم استخدام علامة "f" قبل سلسلة النصوص للإشارة إلى أنه يجب عمل تفسير للتعابير داخل الأقواس المنحنية {}، حيث سيتم تعويضها بالقيم المقابلة لكل تعبير. وبهذه الطريقة، يصبح تعديل وصيانة الأكواد أسهل وأكثر قابلية للفهم. بالمجمل، يمكن استخدام أي من الطريقتين لإنشاء سلسلة النصوص في Python، ولكن استخدام f-strings يتيح للمطورين التعامل بشكل أسهل مع النصوص ودمج المتغيرات والتعابير فيها.
  18. يمكن تنفيذ ذلك باستخدام واجهة المستخدم الرسومية (GUI) في Python لإنشاء لعبة حجر ورقة مقص تفاعلية، و هناك عدة مكتبات GUI في Python مثل Tkinter و PyQT و wxPython. وسأوضح لك الأمر باستخدام Tkinter لإنشاء واجهة المستخدم الرسومية للعبة حجر ورقة ومقص. فيما يلي مثال بسيط: import random import tkinter as tk OPTIONS = ["Rock", "Paper", "Scissors"] # define function to play the game def play_game(player_choice): computer_choice = random.choice(OPTIONS) result_text = "" # determine the winner if player_choice == computer_choice: result_text = "Tie!" elif player_choice == "Rock" and computer_choice == "Scissors": result_text = "You win!" elif player_choice == "Paper" and computer_choice == "Rock": result_text = "You win!" elif player_choice == "Scissors" and computer_choice == "Paper": result_text = "You win!" else: result_text = "Computer wins!" # update the result label result_label.config(text="You chose: " + player_choice + "\nComputer chose: " + computer_choice + "\n" + result_text) # create the main window root = tk.Tk() root.geometry("300x200") # create the widgets title_label = tk.Label(root, text="Rock Paper Scissors") title_label.pack(pady=10) rock_button = tk.Button(root, text="Rock", command=lambda: play_game("Rock")) rock_button.pack() paper_button = tk.Button(root, text="Paper", command=lambda: play_game("Paper")) paper_button.pack() scissors_button = tk.Button(root, text="Scissors", command=lambda: play_game("Scissors")) scissors_button.pack() result_label = tk.Label(root, text="") result_label.pack(pady=10) # start the event loop root.mainloop() في المثال، يتم إنشاء نافذة رئيسية وثلاثة أزرار للاعب للاختيار من بينها، وتم إنشاء دالة play_game() التي تقوم بتوليد اختيار عشوائي للكمبيوتر ثم مقارنته بخيار اللاعب. يتم عرض النتيجة في علامة النتيجة. لاحظ استخدام lambda لتمرير الخيار المختار من قبل اللاعب إلى دالة play_game() كوسيط بين الأزرار والدالة.
  19. باستطاعتك كتابة معادلة شرودنجر في البايثون باستخدام مكتبة SciPy. وفيما يلي مثال على كيفية فعل ذلك: import numpy as np from scipy.integrate import odeint from scipy.constants import hbar # تحديد الثوابت m = 9.10938356e-31 # كتلة الالكترون L = 1e-9 # طول الصندوق N = 1000 # عدد النقاط dx = L / (N - 1) # تحديد مقدار الخطوة # تعريف الدالة الجذرية def psi(x, n): return np.sqrt(2 / L) * np.sin(n * np.pi * x / L) # تعريف الدالة الموجية def wavefunction(x, t, n): # تحديد الطاقة E = (n ** 2 * np.pi ** 2 * hbar ** 2) / (2 * m * L ** 2) # تحديد معامل الانحراف V = np.zeros(N) V[(x < L / 2) & (x > L / 4)] = 1e6 # حل معادلة شرودنجر باستخدام odeint dpsi_dt = np.zeros(N) dpsi_dt[1:-1] = (hbar / (2 * m * dx ** 2)) * (psi(x[2:], n) + psi(x[:-2], n) - 2 * psi(x[1:-1], n)) + (V[1:-1] - E) * psi(x[1:-1], n) / hbar return dpsi_dt # تحديد الزمن t = np.linspace(0, 1e-15, 100) # تحديد نسبة الاهتزاز n = 1 # حساب حالة الموجة للنسبة المحددة x = np.linspace(0, L, N) psi_0 = psi(x, n) psi_t = odeint(wavefunction, psi_0, t, args=(n,)) # رسم حالة الموجة في الزمن import matplotlib.pyplot as plt fig, ax = plt.subplots() ax.plot(x, np.abs(psi_t[0]) ** 2, label='t=0') ax.plot(x, np.abs(psi_t[50]) ** 2, label='t=0.5 fs') ax.plot(x, np.abs(psi_t[-1]) ** 2, label='t=1 fs') ax.set_xlabel('x (m)') ax.set_ylabel(r'$|\psi(x, t)|^2$') ax.legend() plt.show() الكود السابق يعمل على بحساب حالة الموجة لصندوق كمي مربع الشكل باستخدام معادلة شرودنجر. يتم تمثيل نتائج الحساب بواسطة رسم بياني يعرض حالة الموجة في الزمن، وحساب حالة الموجة في الزمن باستخدام دالة odeint الموجودة في مكتبة SciPy، ثمتحديد الثوابت مثل الكتلة وطول الصندوق وعدد النقاط ومقدار الخطوة. وتتمثل الفكرة الأساسية في تحديد الطاقة ومعامل الانحراف وحل معادلة شرودنجر باستخدام odeint، لتمثيل الحل بواسطة رسم بياني لحالة الموجة في الزمن.
  20. لا يوجد سلم موحد لقياس السلوك المقاولاتي، وذلك لأن السلوك المقاولاتي يمكن أن يختلف من شخص لآخر ومن مؤسسة لأخرى، ويرتبط بعدة عوامل مثل الثقافة الأساسية للمؤسسة وطريقة إدارتها واختيار الأهداف وغيرها. ومن المهم أن تتم دراسة السلوك المقاولاتي في المؤسسات وتقييمه من خلال استخدام أدوات قياسية وموثوقة، مثل استبيانات السلوك المقاولاتي التي تساعد في فهم النمط العام للسلوك المقاولاتي داخل المؤسسة. ويمكن أن تتضمن هذه الأدوات عدة عناصر مثل التخطيط الاستراتيجي والابتكار والتكيف والعمل الجماعي والقيادة والتفكير الإبداعي وغيرها. ولكن يجب الانتباه إلى أن قياس السلوك المقاولاتي يجب أن يكون جزءًا من إستراتيجية أو برنامج أو سياسة تعزز ريادة الأعمال وتحفز الموظفين على تبني السلوك المقاولاتي داخل المؤسسة، ولا يجب أن يكون مجرد تقييم للموظفين أو تحديد العيوب في الأداء.
  21. في بروتوكول IPv4، يتم استخدام عمليات البث (broadcast) لإرسال رسائل إلى جميع الأجهزة في شبكة معينة. واستخدام العنوان 255.255.255.255 كعنوان بث لإرسال رسائل إلى جميع الأجهزة في نفس الشبكة، ويتم استخدام هذه الطريقة في العديد من التطبيقات مثل البحث عن أجهزة والإعلان عن خدمات الشبكة والتحديثات وغيرها. أما في بروتوكول IPv6 ، فتم تجاهل عملية البث (broadcast) ولم يتم تضمينها في التصميم الجديد. بدلاً من ذلك، تم استخدام مفهوم متعدد الإرسال (multicast) الذي يتيح إرسال رسائل إلى مجموعة من الأجهزة المختارة في الشبكة فقط. وتعتبر عملية متعدد الإرسال أكثر فعالية من عملية البث في IPv4 ، حيث أنها تقلل من حجم البيانات المرسلة وتقلل من عبء الأجهزة المتصلة بالشبكة. بالإضافة، يستخدم في IPv6 نظام توزيع العناوين الجديد (stateless address autoconfiguration) الذي يتيح للأجهزة اختيار عنوان IP الخاص بها بشكل تلقائي دون الحاجة إلى خادم DHCP. ويستخدم هذا النظام العنوان المتعدد الشامل (anycast) لإرسال رسائل إلى العناوين المتعددة دون الحاجة إلى استخدام العملية البث. لذلك، على الرغم من أن عمليات البث مفيدة في بروتوكول IPv4 ، إلا أن بروتوكول IPv6 يعتمد على طرق أكثر فعالية وذكاءًا لتحقيق نفس الغرض.
  22. بالإمكان استخدام JavaScript لتطوير الألعاب بشكل مستقل بدون استخدام HTML و CSS من خلال استخدام إطار عمل لتطوير الألعاب. مثل إطار عمل مثل PhaserJS أو BabylonJS أو ThreeJS لتطوير الألعاب باستخدام JavaScript فقط. تسمح لك هذه الإطارات بإنشاء الرسومات والصوت والتحكم في الحركة والمنطق والتفاعل والكثير من الميزات الأخرى المتعلقة بتطوير الألعاب. يمكنك أيضًا استخدام مكتبات الرسومات مثل Canvas أو WebGL لرسم الرسومات باستخدام JavaScript. ومع ذلك، يجب الإشارة إلى أنه عادة ما يتم استخدام HTML و CSS في تطوير الألعاب لإنشاء واجهة المستخدم والتعامل مع المستخدم ، ولكن يمكن الاستغناء عنهم إذا كنت تستخدم إطار عمل تدعم تطوير الألعاب بشكل كامل باستخدام JavaScript فقط.
  23. الأسئلة الإختبارية أو الخاصة بالمشاريع لا يتم توفير كود لها كإجابة بل يتم شرح الخطوات الحل، وعليك العمل على الكود ثم توفيره وطرح المشكلة إذا اردت مساعدة به. تحتاج إلى اتباع الخطوات التالية لإنشاء الكلاس: تحديد متغيرات السيارة المؤجرة ومتغيرات العميل الذي استأجرها، مثل نوع السيارة والموديل والكود واسم العميل ورقم الجوال والايميل. إنشاء كلاس جديد للسيارة والعميل، حيث يجب عليك تحديد متغيرات الكلاس ودواله المناسبة لمعالجة البيانات. تعريف المتغيرات والدوال الخاصة بالسيارة والعميل، يمكن استخدام المتغيرات لتخزين معلومات السيارة والعميل، والدوال لإجراء العمليات المختلفة، مثل إضافة السيارة والعميل إلى قاعدة البيانات أو تعديلها أو البحث عنها. تحديد العلاقة بين كلاس السيارة وكلاس العميل، حيث يمكن إنشاء علاقة واحد إلى واحد (one-to-one) أو واحد إلى عدة (one-to-many) حسب المطلوب. إضافة الدوال الخاصة بالتعامل مع بيانات السيارة والعميل، وتنفيذ أي دالة من دوال الكلاس تعتمد على البيانات التي تم تحديدها في الخطوة الأولى. ولإنشاء كلاس في الجافا، اتبع الآتي: 1- فتح محرر النصوص الخاص بالجافا مثل NetBeans أو IntelliJ أو Eclipse وإنشاء ملف جديد. 2- بدايةً، يجب عليك تحديد اسم الكلاس ووضعه بين علامتي الأقواس المنفردة، وتبدأ الأسماء دائمًا بحرف كبير. على سبيل المثال، يمكن تسمية الكلاس "Car" أو "Customer". 3- بعد ذلك، يجب تعريف المتغيرات الخاصة بالكلاس والتي يمكن استخدامها لتمثيل الحالة المطلوبة. يجب تعريف المتغيرات داخل الجزء العلوي من الكلاس. على سبيل المثال، قد يكون هناك متغيرات مثل "carType" و "carModel" و "customerName" و "customerEmail". 4- بعد تعريف المتغيرات، يجب تعريف الطرق أو الوظائف التي يمكن استخدامها لتحديث أو استرداد قيم المتغيرات. يتم تعريف الطرق بوضع كلمة "public" أمام اسم الطريقة والمتغيرات التي تستخدمها والقيم التي تعيدها. على سبيل المثال، يمكن تعريف الطريق "rentCar" التي تستخدم متغيرات "carType" و "customerName" و "rentalDate" وتعيد رسالة تأكيد. 5- يجب كتابة الكود الخاص بكل طريقة أسفل تعريفها. على سبيل المثال، يمكن كتابة الكود الخاص بطريقة "rentCar" لإضافة معلومات المستأجر إلى قائمة السيارات المؤجرة وإرجاع رسالة تأكيد. وهذا هو مثال بسيط لإنشاء كلاس "Car" في الجافا: public class Car { String carType; int carModel; String customerName; String customerEmail; public void rentCar(String carType, String ويوجد قسم كامل خاص بدروس ومقالات حول لغة جافا.
  24. لا يعني استخدام تقنيات Cross-platform تحديدًا إلغاء ال Native development، فعلى العكس، لا يزال ال Native development يلعب دورًا مهمًا في تطوير تطبيقات الهاتف المحمول ويتم تفضيله في بعض الحالات حيث يتطلب التطبيق عملية تفاعلية أسرع أو ميزات متطورة ودقيقة بما يكفي. وتعلم ال Native development سيكون مفيدًا لتطوير تطبيقات iOS المتطورة بشكل كامل ومستقل عن الأدوات الأخرى، ولكنه سيحتاج إلى وقت وجهد لتعلم لغة البرمجة المستخدمة في iOS (Swift/Objective-C). أما ال Cross-platform فهي تقنيات تسمح للمطورين بكتابة التطبيق مرة واحدة ونشرها على عدة أنظمة تشغيل. هذا يقلل الوقت والجهد المطلوب لتطوير تطبيقات الهاتف المحمول، ولكن يجب الأخذ في الاعتبار بعض العوامل مثل قابلية الصيانة وجودة الأداء. لذلك، يمكن التعلم على كلا الطرق (Native و Cross-platform) واختيار الأفضل حسب احتياجات ومتطلبات المشروع المطلوب. وما يجب عليك تعلمه هي اللغة المطلوبة في سوق العمل لديك في بلدك بالنسبة لمستوى Junior أو Entry Level أي مبتدأ أو خبرة سنة، وأيضًا على مواقع العمل الحر، فعليك بالإطلاع وتفقد المهارات المطلوبة. وتم النقاش حول سؤالك من قبل أرجو الإطلاع على التالي:
  25. بالإضافة إلى الخطأ في كتابة الخاصية height، من الأفضل استخدام max-width في تحديد حجم الصورة في كود CSS بدلاً من استخدام width العادي. هذا لأن استخدام max-width يعني أن حجم الصورة سيكون محددًا بحيث لا يتجاوز عرض العنصر الأساسي الذي يتم عرض الصورة داخله، ولكن ارتفاع الصورة يمكن أن يتغير تلقائيًا لتحافظ على نسبة الارتفاع إلى العرض الصحيحة. هذا يساعد على تجنب مشاكل عدم تناسق الحجم في حالة تغيير حجم الشاشة أو تصفح الموقع على أجهزة مختلفة، كما أنه يعمل على تحسين تجربة المستخدم من خلال تحسين تصميم الموقع وسرعة تحميله. ولا حاجة لكتابة الـ height إلا في حالات محددة، حيث سيتم تحديد تلقائيًا من قبل العرض الذي قمت بتحديده أنت، وإليك مثال: img { max-width: 50%; } تم تعيين max-width على 50%، وهو يعني أن الصورة ستتمدد أو تنكمش حسب عرض العنصر الأساسي الذي يتم عرض الصورة داخله، ولكنها لن تتجاوز 50% من عرض هذا العنصر. على سبيل المثال، إذا كان العنصر الأساسي هو div ولديه عرض 1000 بكسل، فإن الصورة ستعرض بعرض 500 بكسل (50% من 1000 بكسل). وإذا كان العنصر الأساسي يتم تحجيمه أو تغيير حجمه بناءً على حجم الشاشة أو الجهاز المستخدم، فإن الصورة ستتكيف مع حجم العنصر الأساسي وستكون في نطاق max-width المحدد. يجب ملاحظة أن الكود المذكور يحدد فقط max-width ولم يتم تحديد الـ height، وبالتالي، سيتم الحفاظ على نسبة الارتفاع إلى العرض الأصلي للصورة كما ذكرت لك.
×
×
  • أضف...