لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 05/04/23 in أجوبة
-
من فضلك انا ادرس الان كورس واجهه المستخدم Front- End ماذا عن كورس back - End المتكامل3 نقاط
-
3 نقاط
-
3 نقاط
-
مرحبا، منذ فترة قصيرة بدأت دورة تعلم تطوير التطبيقات باستخدام جافا سكريبت ومازلت اتعلم الاساسيات . اذا كنت مهتم(ة) لنناقش الافكار سويا او طرح الاسئلة على بعض للمساعدة فيمكننا التواصل عن طريق الايميل ، وايضا لنحفذ بعضنا البعض. ملاحظة: استطيع تفريغ الوقت للتعلم بالاسبوع بما يقارب ٢٥ ساعة . شكرا.2 نقاط
-
هل من الممكن اختراق كود PHP ماهي الادوات التي تساعد على عدم اختراق الكود؟1 نقطة
-
مرحبًا، انا أتعلم لغة python الآن، هل بإمكاني تعلم لغات أخرى معها من باب توسيع الاطلاع ومعرفة الفروقات بين اللغات مع التركيز على python أم أن ذلك قد يعيقني؟1 نقطة
-
السلام عليكم. أود القيام بtimer قصد حساب وقت محدد. المشكل الذي إعترضني هو زيادة 2ثواني في كل مرة. لم أدر لماذا. الكود const [timer, setTimer] = useState(0) const format = (time) => { let hours = Math.floor((time / 60 / 60) % 24); let minutes = Math.floor((time / 60) % 60); let secondes = Math.floor(time % 60); hours = hours < 10 ? "0" + hours : hours; minutes = minutes < 10 ? "0" + minutes : minutes; secondes = secondes < 10 ? "0" + secondes : secondes; return hours + ":" + minutes + ":" + secondes; }; useEffect(() => { setInterval(() => { setTimer(timer => timer + 1); }, 1000); }, []); شكرا1 نقطة
-
يحتمل أن المشكلة في استخدام setInterval داخل useEffect، حيث أن setInterval لا يتوقف عن العمل عند إعادة رسم العنصر الخاص بالمؤشر الزمني، مما يؤدي إلى تكرار تشغيل المؤشر الزمني وزيادة ثانيتين في كل دورة. يمكن استخدام setTimeout بدلاً من setInterval، وإعادة تشغيل المؤشر الزمني فقط عند تغيير الحالة. وللحفاظ على تحديث المؤشر الزمني كل ثانية، يمكن إنشاء دالة مساعدة تستدعى setTimeout مع مهلة زمنية وتحديث الحالة. const [timer, setTimer] = useState(0); const format = (time) => { let hours = Math.floor((time / 60 / 60) % 24); let minutes = Math.floor((time / 60) % 60); let secondes = Math.floor(time % 60); hours = hours < 10 ? "0" + hours : hours; minutes = minutes < 10 ? "0" + minutes : minutes; secondes = secondes < 10 ? "0" + secondes : secondes; return hours + ":" + minutes + ":" + secondes; }; const updateTimer = () => { setTimer((timer) => timer + 1); setTimeout(updateTimer, 1000); }; useEffect(() => { setTimeout(updateTimer, 1000); }, []); return <div>{format(timer)}</div>;1 نقطة
-
برنامج يستقبل رقمين ثم يقوم بطباعة الارقام المحصورة بين رقمين في لغة الجافا1 نقطة
-
1 نقطة
-
أظن أن موضوع شريك التعلم هو من أكثر المواضيع تكررا في الوسط البرمجي ككل. ولكن لا يوجد اي شرط او لازمة لذلك في الغالب. ورغم بعض الميزات التي يفرضها الالتزام بالتعلم مع الشريك من مثل: تنظيم الوقت التحفيز على التعلم والتحصيل اكثر التشجيع على المنافسة والاطلاع إلا أنه يمتلك سلبيات لا يجب الغفلة عنها، من بينها: الخضوع لظروف الآخر وتوقيته واحتمال عدم التزام الشريك، فليس كل الناس سواءا من ناحية الظروف المحيطة فقد يمكنك التعرض لمادة علمية لمدة 6 ساعات مثلا في حين ان شريكك غير قادر على التركيز بعد ان يتجاوز الساعتين. هذا بجانب احتمالية تعطيل التعلم لسبب يخص شريكك ولا يخصك اصلا. الفروقات في الاستيعاب والتركيز والذكاء، وهو ما يؤدي في الأخير الى استفادة احد الطرفين دون الآخر. طبيعة المجال تقتضي الاجتهاد والبحث والتطوير والشخصي. اختلاف الرؤى والاهداف، وهو الأمر الذي قد يؤثر في مسار التعلم او في طريقته او في كثافته.1 نقطة
-
أرجو منك طرح المنشور على شبكة التواصل التابعة لأكاديمية حسوب وهي io.hsoub. في المجتمعات الخاصة بالبرمجة مثل: https://io.hsoub.com/webdev https://io.hsoub.com/programming حيث أن قسم أسئلة البرمجة هنا خاصة بالأسئلة البرمجية والتقنية فقط. وأيضًا قد يفيدك إنشاء حساب على LinkedIn والتواصل مع الأشخاص في نفس المستوى والمذاكرة سويًا.1 نقطة
-
أظنك قد وضعت قيمة مباشرة في الحقل الخاص بك بدون اي اسناد لأي وظيفة او callback للمستمع للحدث onChange، يمكنك إما إزالة القيمة من: <input type="text" className="form-control" placeholder="name..." value="name..."/> لتصبح: <input type="text" className="form-control" placeholder="name..." /> أو إذا كنت تريد ضبط قيمة افتراضية، فيمكنك على كل حل حال تعيينها عن طريق الخاصية defaultValue: <input type="text" className="form-control" placeholder="name..." defaultValue="name..."/>1 نقطة
-
الخطأ الأول يشير إلى وجود خطأ في تنسيق ملف manifest.json المستخدم في تطبيق الويب، حيث يتم استخدام ملف manifest.json لتحديد بعض المعلومات حول التطبيق مثل الاسم واللون والرمز الخاص به. الخطأ الثاني يشير إلى وجود خطأ في استخدام المكونات المرتبطة بـ React، حيث أن هناك مشكلة في القيمة الممنوحة لحقل النموذج (form field) ، وإذا كان الحقل غير قابل للتغيير يجب تعيين خاصية "readOnly" لهذا الحقل، وإذا كان الحقل قابل للتغيير فعليك تحديد خاصية "onChange" للسماح للمستخدمين بتغيير الحقل. وتستطيع استخدام خاصية "defaultValue" إذا كنت تريد جعل الحقل قابلًا للتغيير ولكن دون الحاجة إلى إعادة تعيين القيمة الموجودة. مثال عن كيفية استخدام الخاصية "onChange" في مكون React لحقل نموذج: import React, { useState } from 'react'; function ExampleForm() { const [value, setValue] = useState(''); const handleChange = (event) => { setValue(event.target.value); }; return ( <div> <label htmlFor="exampleInput">Example Input:</label> <input type="text" id="exampleInput" value={value} onChange={handleChange} /> </div> ); } أيضًا تستطيع استخدام الخاصية "defaultValue" في حالة تحديد القيمة الافتراضية للحقل، كما يلي: import React from 'react'; function ExampleForm() { return ( <div> <label htmlFor="exampleInput">Example Input:</label> <input type="text" id="exampleInput" defaultValue="Example Value" /> </div> ); } export default ExampleForm; في الكود السابق، تم استخدام الخاصية "defaultValue" لتحديد القيمة الافتراضية لحقل النموذج بـ "Example Value". ولكن يجب ملاحظة أن هذا الحقل سيظل قابلاً للتعديل ويمكن للمستخدمين تغيير القيمة الموجودة. إذا كنت ترغب في جعل الحقل غير قابل للتعديل، فيجب استخدام خاصية "readOnly" كما يلي: import React from 'react'; function ExampleForm() { return ( <div> <label htmlFor="exampleInput">Example Input:</label> <input type="text" id="exampleInput" value="Example Value" readOnly /> </div> ); } export default ExampleForm; وهنا، تم استخدام الخاصية "readOnly" لجعل الحقل غير قابل للتعديل ومنع المستخدمين من تغيير القيمة الموجودة.1 نقطة
-
يظهر هذا الخطأ عندما تعطي الخاصية value الخاصة بالـ input قيمة ثابتة ولا تعطيها وظيفة لتعغير هذه القيمة عند حدوث onChange. وذلك لأن الشكل الافتراضي للتحكم بالـ input في react هو : class NameForm extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); } handleChange(event) { this.setState({value: event.target.value}); } handleSubmit(event) { alert('A name was submitted: ' + this.state.value); event.preventDefault(); } render() { return ( <form onSubmit={this.handleSubmit}> <label> Name: <input type="text" value={this.state.value} onChange={this.handleChange} /> </label> <input type="submit" value="Submit" /> </form> ); } } لاحظ كيف اعطينا value={this.state.value} واعطينا onChange={this.handleChange}. ولكن يبدو في حالتك أنك اعطيت الـ value قيمة ولكن لم تعطي الـ onChange أي شيء.1 نقطة
-
موقعي رفعته على منصة netlify وعمل معي ولكن عبر الرابط فقط لقد قمت بإضافة description للموقع لكي يظهر ولكنه لم يظهر؟1 نقطة
-
البايثون هي واحدة من أكثر لغات البرمجة شيوعًا وودية ، وهذه بعض الخطوات التي ستمكنك من احترافها: حدد هدفك وافهم لماذا تريد احتراف بايثون: أولاً ، عليك أن تعرف سبب رغبتك في تعلم بايثون ومن تريد أن تصبح عندما تعرف لغة بايثون بالفعل. تعلم كيف تتعلم: كما قلت ، سوف تساعدك بعض هذه النصائح ليس فقط مع Python. يعد تعلم كيفية التعلم جزءًا شائعًا جدًا ، يجب عليك تحديد طريقة التعلم الأفضل بالنسبة لك ، على سبيل المثال ، مشاهدة مقاطع فيديو / دورة تدريبية على YouTube ، أو قراءة الكتب ، أو طرق أخرى. في الواقع ، ستتم استخدامها جميعًا بقدر ما ، ولكن بشكل أساسي ، يجب عليك دراسة الطريقة التي تناسبك بشكل أفضل واذا كنت تريد تجربة الدورات التدريبية فستجد هنا في منصة حاسوب دورة في لغة البايثون و بإنهائك لهذه الدورة ستصبح مطور بايثون محترف قادر على تطوير التطبيقات باستخدام لغة بايثون، وبناء مختلف تطبيقات الويب بإطار العمل جانغو وفلاسك ستجد الدورة في هذا الرابط. الأساسيات: إذا لم تتمكن من أساسيات بايثون ، ستواجه صعوبة كبيرة في احترافك لهذه الغة, هذه قائمة الأساسيات التي يجب أن تتعلمها أولاً: المتغيرات العمليات الشروط If, Else الحلقات الدوال أنواع البيانات الفئات والكائنات تأكد من أنك تفهم كل هذه النقاط. الممارسة والتدريب:إذا كنت قد قرأت الكثير من الكتب وشاهدت الكثير من الدورات التدريبية ولكنك ما زلت لا تفهم كيفية كتابة وظيفة من شأنها فرز قائمة المصفوفات الخاصة بك ، فأنت بحاجة إلى مزيد من التدريب. الغوص في المجتمع:عليك أن تفهم أنه لا يمكنك فعل أي شيء بمفردك ، على أي حال ، بالنسبة للمشاريع الكبيرة ، ستحتاج إلى مجموعة من الأشخاص الذين سيساعدونك ويلهمونك ، حتى شركات مثل Google و Apple لم يتم إنشاؤها بواسطة شخص واحد فقط . المكتبات و أطر العمل:يجب أن تتعلم المكتبات وأطر العمل في الاتجاه الذي تريد تطويره بشكل أكبر ، يمكن أن يكون التعلم الآلي والأتمتة أو تطوير الويب. شارك معرفتك:ابدأ في إنشاء دورات أو مقاطع فيديو YouTube أو كتابة مقالات متوسطة أو يمكنك بدء مدونة على أنواع مختلفة من الأنظمة الأساسية.و لا تنسى إنشاء مستودع على GitHub لتضع عليه مشاريعك1 نقطة
-
يوجد الكثير من الطرق التي تمكنك من تعلم البرمجة أو لغة برمجية تريدها، منها الدورات و الدروس المسجلة و الكتب و المقالات و غيرها. و لكل شخص طريقته التي تناسبه في التعلم. و لكن كلٍ من هذه الطرق تساعدك على تعلم الأساسيات و المبادئ الأساسية الخاصة بالتقنية و تضعك على بداية الطريق لاكتساب مهارة ما. و لكن هذه المصادر التعليمية وحدها لا توصل للاحتراف مهما كان كم الكتب أو الدورات التي قمت بالاطلاع عليها، فالاحترافية نصل لها بعد وقت (قد يصل إلى سنوات) من الخبرة و العمل على المشاريع و التعرض لمشكلات مختلفة و حلها و بالطبع الدراسة و الاطلاع فكل هذه الأمور معًا ستمكنك لتكون محترفًا.1 نقطة