لوحة المتصدرين

انا عندي مشكله اني مبعرفش ابتكر موقع لازم يكون معايا ديزين psd علشان اعرف اشتغل. ازاي اطور مهارة الابتكار عندي ؟

لدي قائمة list كبيرة الحجم نوعًا ما وأريد أن أغير ترتيب العناصر الموجودة فيها بشكل عشوائي (أي عمل shuffle للقائمة)، هل أقوم بتوليد index عشوائي لكل عنصر وأقوم بالمرور على كل عنصر يدويًا وتغير ترتيبه؟ أم توجد طريقة أسهل لفعل هذا الأمر؟ ما أسهل طريقة لخلط العناصر بشكل عشوائي في بايثون عشوائيًا؟

هل توجد طريقة لتشغيل كود معين (دالة ما) قبل إزالة العنصر من الصفحة DOM؟ بحيث يتم تنفيذ الكود وبعد الإنتهاء تمامًا يتم إزالة العنصر من الصفحة بالكامل. ما أحاول القيام به هو عمل زر Toggle وعند الضغط عليه يظهر صندوق box وعند الضغط مرة أخرى على زر Toggle يجب حذف هذا الصندوق من الصفحة، ولكن أريد كذلك أن يتم تنفيذ كود معين قبل أن تتم إزالة العنصر من الصفحة، لذلك قمت بكتابة الكود التالي: function App() { const [active, setActive] = useState(true); if(!active) return null; return <><button onClick={() => setActive(!active)}> Toggle </button> <Box /> </>; } function Box() { const boxRef = useRef(); const callBeforeUnmount = () => { // use boxRef to do something } return <div className="box" ref={boxRef}>red box</div> } المشكلة هنا أن boxRef.current تصبح null عند تغير active إلى false ويتم إزالة العنصر بشكل مباشر. كيف يمكنني تشغيل الدالة callBeforeUnmount عند الضغط على وإنتظار إنتهائها وبعد ذلك إزالة العنصر من الصفحة؟

لدي إستمارة تحتوي على الكثير من المدخلات (أكثر من 10 مدخلات)، وأريد الحصول على كل البيانات في هذه الإستمارة لإرسالها عبر Ajax: <form> <input type="radio" name="active" value="1" checked="checked" /> <input type="radio" name="active" value="0" /> <input name="title" type="text" /> <input name="subtitle" type="text" /> .... </form> هل توجد طريقة للحصول على كل البيانات دفعة واحدة بدلًا من تحديد كل عنصر على حدى والحصول على القيمة المدخله فيه value يدويًا؟ بحيث يكون شكل البيانات في النهاية كالتالي: { "active": "1", "title": "some text", "subtitle": "Hello, World!" ... }

قمت بتحديد عنصر معين وأريد بعد ذلك الحصول على المعرف id الخاص بالعنصر الأب له $(document).ready(function(){ $("span").parent() // كيفية الحصول على المعرف id الخاص بهذا العنصر }); هل توفر jQuery إمكانية للحصول على المعرف بعنصر تم تحديد بهذه الطريقة؟

هل يجب أن أنهي الدورة كاملة لكي أدخل الامتحان؟ أم جميع الأجزاء مهمة وضرورية لأداء الامتحان؟

قمت بإنشاء مزخرف decorator لإستعماله في مشروع فلاسك Flask، ومهمته هي التحقق من نوع الطلب الواصل للمسار route وإن لم يكن الطلب يحتوي على json سوف يتم عرض خطأ 404: def validate_request(request_type): # عرض رسالة خطأ إن لم يكن الطلب يحتوي على json if request_type is 'json' and not request.json: abort(400) def decorator(func): @functools.wraps(func) def wrapped_func(*args, **kwargs): return func(*args, **kwargs) return wrapped_func return decorator @app.route('/api/v1/random', methods=['POST']) @validate_request('json') def update_task(task_id): # ... المشكلة هنا أن الكود السابق يظهر رسالة خطأ من نوع RuntimeError RuntimeError: working outside of request context ما المشكلة هنا؟ وكيف أصلح هذا الخطأ؟

انا حاليا اعمل علي انشاء موقع شخصي ولا اعلم ماهي الالوان المناسبه للموقع لتجعل العميل واثقا في وفي عملي

سيساعدك علم النفس وراء الألوان في التصميم على اكتشاف لوحة الألوان المثالية لموقع محفظتك. ضع في اعتبارك أن تصميم موقع الويب الخاص بالسيرة الذاتية نفسها هو المساعدة في عرض عملك ، واختيار الألوان بحيث تتلاشى في الخلفية وتقديم عملك هو المفتاح. غالبًا ما تعمل مواقع السيرة الذاتية او portfolio بشكل أفضل عندما يتم عرض العمل على خلفية بيضاء أو رمادية فاتحة أو رمادية داكنة أو سوداء. يؤدي استخدام الألوان الزاهية إلى تشتيت انتباه المشاهدين عن رؤية عملك ، لذلك احتفظ بأية ألوان زاهية في مناطق محددة مثل العناوين. تلتزم العديد من مواقع السيرة الذاتية بأنظمة الألوان المحايدة لأنها الخلفية الأكثر نظافة وفعالية لأي نوع من الأعمال التي تريد عرضها. تأكد من أن الألوان التي تختارها تتناقض بشكل جيد مع عملك. إذا كان لون عملك ساطعًا جدًا ، فيجب أن يحتوي موقعك على ألوان صامتة. إذا كان عملك صامتًا للغاية ، فإن استخدام الألوان الزاهية المحددة سيساعد في جذب الانتباه إلى عملك. إذا كنت تستخدم نظام ألوان مشابهًا لموقعك كما تفعل في عملك ، فسيؤدي ذلك إلى منافسة بصرية بين عملك والموقع نفسه ، وغالبًا ما يكون هذا أمرًا مزعجًا جدًا للزوار.

انا اعرف ما الفرق بينهما ولاكنني اعمل لوحدي فما الحل ؟

هنالك فرق بين مطور الويب وبين المصمم المختص بالويب، فالمصمم هو فنان رسومي مسؤول عن تصميم تخطيط موقع الويب وقابليته للاستخدام والمظهر المرئي UI/UX. بينما مطور الويب هو الشخص الذي يبني ويحافظ على البنية الأساسية لموقع. و المصمم المختص بالويب لابد ان يملك مجموعة من الخبرات ومنها أن يعرف كيفية عمل الـ Visual design و الـ UX و أن يعرف Web design theory ..إلخ. ومطور الويب ليس من اختصاصه أن يقوم بعمل تصميم الموقع فهذا مجال مختلف. بعد قول هذا فإن مفتاح الابتكار هو وتعلم اساسيات تصميم المواقع و تقليد المواقع الموجودة بالفعل والتطبيق العملي لأكثر من تصميم حتى تطور مهارتك في التصميم وكذلك البحث عن الأدوات الأكثر فعالية في المجال والاطلاع على الكثير من التصاميم. انصحك بالاطلاع على هذه المقالة للتعرف أكثر عن الفرق بين المصمم والمطور : مقالات أخرى متعلقة بالموضوع:

يجب عليك زيارة المواقع المختصة في عرض الأعمال للمصممين والمبرمجين مثل موقع Behance ، Pinterest ، Dribble ورؤية أعمالهم من أجل أخذ تغذية بصرية تساعدك في إبتكار تصميم الموقع ، يمكنك في هذه المواقع البحث مثلاً website design وسوف يظهر لك الكثير من التصميم الجميلة و وعدة تصميم مختصة في مواقع معينة مثل الاخبار والرياضية ...إلخ ، في البداية لا تقوم بإبتكار موقع من أقسام كثيرة يمكنك البدء في بناء موقع من أربع إلى خمس أقسام كبداية لك وإن لديك مهارات في الفوتوشوب يمكنك تصميم خاص بك . أيضاً لو بحثنا على جوجل PSD website design سوف تظهر لدينا نتائج كثيرة لمواقع بصيغة psd ، يمكنك البدء في تكويدها مثلاً أو عمل إعادة تصميم لأفكار إبداعية تخصك .

يجب أن تتلقى دروس عن تصميم الواجهات بحيث تكتسب مختلف التقنيات و التناسق من حيث لتصميم. بامكانك الدخول على دورة حسوب في تطوير واجهات التصميم تطوير واجهات المستخدم كما يمكنك الاطلاع على مقالات تصميم UI من هنا.

ليس هنالك تشكيلة ألوان معينة تجعل العملاء يكتسبون ثقة أكبر عند تصفحهم لموقعك الشخصي. فكامل تشكيلات الألوان جميلة وجذابة ان استعملت في سياقها على نحو مضبوط. فالموقع الشخصي يفترض أن يعبر عنك على وجه الخصوص، وبالتالي فأنت لا تريد ان تستعمل الوانا ذات ايحاءات لا تعبر عنك فتعطي انطباعا خاطئا عنك للعملاء. يجب عليك اختيار تركيبات الوان تحمل دلالات وايحاءات تحس انها تعبر عنك او عن صفات فيك او عن ميولات لك. خذ تدرجات عديدة لهذا اللون واعمل بها. ركز ايضا على ان لا تتجاوز الالوان المضمنة 3 او 4 الوان، واستعمل تدرجات مختلفة لنفس اللون بحسب أهمية العنصر او ترتيب ظهوره. تعرف على ايحاءات الالوان اكثر من هاته المقالة: قم مثلا بتحديد: لون skin خاص بعنصر body. لون لخلفية حاويات مستوى اول (رئيسية). لو لخلفية حاويات مستوى ثان (فرعية). لون للنصوص ذات مستوى اول. لون للنصوص ذات مستوى ثان. لون حدود رئيسي. لون ضل رئيسي. ثم استخلص تشكيلة ألوان color pallete انطلاقا من هاته الالوان التي تعبر عنك. ووزعها على ما حددته. اجعل التعديل على قيم هاته الألوان سهلة حتى يمكنك التوسع فيها او تعديلها مستقبلا. وقم بالتلاعب بهاته القيم في سياق تشكيلة الوانك الى حد ان تتلائم. اعرف اكثر ايضا عن:

لدي عنصر input من نوع File لرفع بالشكل التالي: <input type="file" id="my-input" /> إذا قام المستخدم بالضغط على هذا الزر وقام بإختيار ملف ما، أريد أن أقوم بعمل زر Clear، وعندما يقوم المستخدم بالضغط عليه يتم إزالة الملف الذي إختارها المستخدم. كيف يتم عمل reset لعنصر input من خلال جافاسكريبت JavaScript؟

كيف اقوم بتوسيط ال select الذي بداخل البوردر الازرق

السلام عليكم ورحمة الله وبركاته هل البرمجة ب android studio مزالت مطلوبة؟

ترشيح لمواقع يقدم مواقع for inspiration للفرونت اند ويب ديفيلوبرز وشكرا

إن android studio يعتبر برنامج مساعد لإنشاء المشاريع (محرر أكواد برمجية)، بشكل أدق هو بيئة تطوير متكاملة فيه العديد من الأدوات لبناء تطبيقات تعمل على نظام أندرويد بشكل خاص. يمكنك من خلاله إنشاء مشاريع أندرويد بلغة جافا أو كوتلن، أو مشاريع Flutter. يوجد به أدوات تصميم واجهات تطبيقات أندرويد و معاينتها، و يمكن من خلاله اختبار التطبيقات و مراقبة الأداء و الكثير من ذلك وأمور متقدمة أخرى. إن كنت ترغب في تطوير تطبيقات الهاتف الجوال/أندرويد فإن android studio فيه كل التقنيات التي تساعدك في إنجاز مشروعك. في حال كان مشروعك مختلف يمكنك استخدام محررات أكواد أخرى مثل vs code الذي يعتبر خفيف على الحاسب و فيه إضافات كثيرة قوية. نعم البرمجة عن طريقه مازالت مطلوبة

السلام عليكم ورحمة الله انا مشترك في دورة تطوير تطبيقات بستخدام الجافاسكربت لم اكملها تركت التعليم فترة طويلة بسبب ظروف عاضة والان اريد ان اعود من جديد وابدا هل ذالك ممكن او ان بعد هذه الفترة الطويلة انتهت صلاحيت لم اعد قادر على الحصول على المميزات بعد اكمال دورة ونجاح كا شهادة و الحصول على دعم وتوجيه بعد اكمال الدورة وشكرا

هل احتاج اضيف إعدادات اضافية لعمل webpack مع next.js علماً بأنه next يحتوي على webpack بشكل افتراضي، وهل لمعالجة صور والخطوط احتاج إعدادات اضافية او هو يعمل ذلك.من تلقاء نفسة

يوجد في nextjs كما ذكرت أنت إعدادات فتراضية من ال webpack. أي أنه يعالج كثير من الحالات بشكل افتراضي من معالجة الصور والخطوط. فما عليك فعله هو التأكد مما إذا كان ال webpack يقوم بمعالجة حالتك افتراضيا أم لا. إن كان يعالجها فلا داعي لإضافة أي إعدادت للwebpack. وإذا كان لا يدعم حالتك يمكنك إضافة إعداداتك الجديدة إلى المجلد next.config.js الذي يكون منشأً افتراضيّا عند بدئك مشروع nextjs.

أنت تقوم بتحديد تبويبة Block . للحصول على ذات الخيارات في القسم الجانبي لصفحة اضافة المنشور في النسخ الاقدم من وردبرس: قم بالتوجه الى تبويبة post في الصفحة الجديدة. ستظهر لك كامل الادوات في القائمة الجانبية