لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 04/17/21 في كل الموقع
-
لدي الكود الآتي: def fun(): x=x*3 return(y) x=1 fun() اعطاني الخطأ الاتي UnboundLocalError: local variable 'x' referenced before assignment هل ممكن اعطائي فكرة عن كيفية استخدام المتغير ضمن التابع1 نقطة
-
يعتمد تصميم الرسوميات في عصرنا الحالي على البرامج والتطبيقات عبر أجهزة الحاسوب والأجهزة المحمولة المختلفة، وتتنوع هذه التطبيقات من حيث الاختصاصات، فهناك برامج مخصصة لتصميم الرسومات الشعاعية Vector، وأخرى خاصة بتحرير وتعديل الصور والرسومات النقطية Raster، وأخرى مخصصة للتصميم ثلاثي الأبعاد 3D ويوجد أيضًا برامج خاصة بإنشاء الرسومات البيانية المتحركة (الموشن جرافيك) وتعديل الفيديو وغيرها. كانت جميع البرامج سابقًا غير مجانية وتباع ضمن الأقراص المضغوطة بمبالغ ضخمة تصل للمئات وحتى الآلاف من الدولارات. لاحقًا بدأت البرمجيات مفتوحة المصدر بالظهور وبدأنا بالعمل على برامج تصميم مجانية، والكثير منها وصل لمرحلة متقدمة من التطوير بحيث أصبح يضاهي البرامج التقليدية القوية. سنسرد تاليًا أهم برامج التصميم من مختلف الاختصاصات، ويوجد العشرات من البرامج الأخرى لم نذكرها ولكن هذه أهمها. أدوبي فوتوشوب Adobe Photoshop التصنيف: تحرير ومعالجة الصور والرسم الفني يمكن القول أنه البرنامج الأكثر شيوعًا لتصميم الرسوم وتعديل الصور، ويستخدمه ملايين الفنانين حول العالم. سواء كنت تبحث عن إنشاء لافتات أو ملصقات أو مواقع ويب أو شعارات أو أي شيء مشابه فهذا البرنامج يمكنه القيام بذلك، على الرغم من أن أدوات إنشاء وتحرير الرسومات الشعاعية مختصرة وليست كما في البرامج المخصصة لذلك إلا أنها تفي بالغرض في معظم الأحيان. ويحتوي على أدوات لكل مستوى من التعديلات الصغيرة إلى التصميمات المتطورة. هو متخصص بشكل رئيسي بتحرير الصور وإجراء التعديلات عليها. لا يمكن لأي شخص في العالم أن يعتبر نفسه مصمم رسوميات إن لم يكن على دراية بهذا البرنامج. وإلى جانب تحرير الصور يمكنك إنشاء عمل فني طبيعي كالرسم بالفرشاة مع استخدام أدوات الرسم اللوحية كجهاز Wacom، كما يمكنك تحديد حجم العمل وعزل العناصر من الخلفيات وإنشاء فرش مخصصة، ومؤخرًا تم إضافة أدوات العمل على الرسومات ثلاثية الأبعاد إليه أيضًا. إنه برنامج متكامل يستطيع أن يقوم بكل شيء تقريبًا. السمات العامة: غير مجاني ويحتاج إلى اشتراك شهري، يمكن تنزيله من الموقع الرسمي، ويعمل على أنظمة ويندوز وماكنتوش، ويتوفر منه نسخة مختصرة مخصصة للأجهزة المحمولة العاملة بنظامي أندرويد وiOS. أدوبي إليستريتور Adobe Illustrator التصنيف: رسومات شعاعية Vector هو برنامج تصميم يتمحور حول تصميم الرسومات الشعاعية Vector بشكل أساسي. يمكنك إنشاء أعمال فنية، أيقونات، ملصقات، بطاقات الأعمال أو اللوحات الإعلانية المصممة من أجل الهواتف المحمولة إلى الشاشات كبيرة الحجم، ويعد أداة تصميم رسومية مثالية للأعمال الفنية التوضيحية وتخطيطات الصفحات وشعارات الشركات ونماذج مواقع الويب وأي شيء آخر تقريبًا وفقًا للمتطلبات. من مميزاته إمكانية الاستفادة من ميزة السحب والإفلات لتحريك لوحات الأدوات في أي مكان على الشاشة. كما تتيح ميزة التحرير داخل لوح الرسم المتعدد تحرير لوحات فنية متعددة في وقت واحد لمساعدة المصممين على العمل بكفاءة أكبر. واجهة المستخدم سهلة الوصول وقابلة للتخصيص، يوفر ميزات عرض مخصصة وموفرة للمساحة لمساعدتك على العمل على أي جهاز، ويقوم بإنشاء ملفات رسومات بأحجام صغيرة نسبيًا بحيث يمكن للمصممين مشاركتها بسهولة من خلال إرفاقها بالبريد الإلكتروني. ويمنحك إمكانية الوصول إلى أكثر من 90 مليون صورة ورسومات وقوالب ومقاطع فيديو من Adobe Stock، وتستطيع استخدام ميزة تكامل خطوط Adobe لتحديد آلاف الخطوط واختيار الخط المناسب للمشروع. السمات العامة: غير مجاني ويحتاج إلى اشتراك شهري، يمكن تحميله من الموقع الرسمي، ويعمل على أنظمة ويندوز وماكنتوش، ويتوفر منه نسخة مختصرة مخصصة للأجهزة المحمولة العاملة بنظامي أندرويد وiOS. أدوبي إن ديزاين Adobe InDesign التصنيف: تصاميم طباعية ونشر يستخدم بشكل أساسي في تصميم المطبوعات بأنواعها حيث يمكنك تصميم المجلات والملصقات الإعلانية والكتب وملفات PDF التفاعلية والكتيبات وما إلى ذلك. ضمن البرنامج ميزة "ضبط التخطيط" التي تعمل على تمكين المصمم من تغيير نص النموذج، ويتم تعديل التصميم تلقائيًا، وهو أمر رائع للرسوم البيانية. تضمن تقنية Sensei المدعومة بالذكاء الاصطناعي من Adobe تغيير حجم الصور وترتيبها تلقائيًا. يسمح للمستخدمين بإضافة علامات إلى الفهارس، الكلمات الرئيسية، إطارات نصوص، الحواشي السفلية، جدول المحتويات، والتعليقات التوضيحية مع الارتباطات التشعبية. وبذلك يعد هذا البرنامج أفضل برنامج نشر مكتبي. السمات العامة: غير مجاني ويحتاج إلى اشتراك شهري، يمكن تحميله من الموقع الرسمي، ويعمل على أنظمة ويندوز وماكنتوش. كورل درو CorelDraw Graphics Suite التصنيف: رسومات شعاعية Vector الصورة من موقع Corel برنامج مخصص لإنشاء وتحرير الرسومات الشعاعية Vector بطريقة احترافية. يحوي أدوات تصميم قوية لمساعدتك على العمل بشكل أسرع وأكثر ذكاءً، كما يحوي العديد من خيارات التخصيص، سواء كنت تعمل على الشعارات أو تصميم مواقع الويب أو مشاريع الطباعة. ويحتوي على أدوات Photo-Paint لتحرير الصور وCorel Font Manager لإدارة الخطوط. يحتوي البرنامج على أدوات رسم ويب وإعدادات مسبقة لتطوير محتوى ويب إبداعي، يمكنك النشر مباشرة من خلاله في موقع Wordpress. لديه توافقية ملفات ساحقة حيث يدعم البرنامج أكثر من 100 تنسيق ملف. لديه مكتبة رقمية على الإنترنت والتي من خلالها يمكن للمستخدمين المسجلين الوصول إلى آلاف الصور عالية الدقة كما يوفر أكثر من 2000 قالب، و 1000 خط، وأكثر من 500 إطار تفاعلي، وأكثر من 600 تدرج، ورسومات شعاعية، ورسومات نقطية وغيرها. يمكنه أيضًا فتح 35 نوعًا من الملفات، بما في ذلك EPS وHTML وAutoCAD وPDF وPowerPoint وSVG وحتى ملفات FreeHand القديمة. السمات العامة: غير مجاني ويحتاج إلى اشتراك شهري، يمكن تحميله من الموقع الرسمي، ويعمل على أنظمة ويندوز وماكنتوش. سكتش Sketch التصنيف: رسومات شعاعية Vector الصورة من مدونة Sketch برنامج تصميم رسومي يعمل على نظام ماكنتوش فقط ويركز بشكل أساسي على التصميم الرقمي. ويعتمد التصميم فيه على رسومات شعاعية Vector وتُستخدم هذه التصميمات الرقمية لإنشاء مواقع الويب والتطبيقات والواجهات. على عكس الفوتوشوب لم يتم تصميم سكتش لتحرير الصور أو أعمال الطباعة. ولكنه الأنسب لتصميم التطبيقات والويب والواجهات ولإنشاء نماذج أولية تفاعلية لأغراض تصميم واجهة المستخدم UI وتجربة الاستخدام UX. يمكنك إنشاء نموذج أولي من خلال التعاون مع مصممين آخرين على النظام الأساسي نفسه. يحتوي البرنامج على ميزة تخطيط ذكية يتم فيها تغيير حجم المكون تلقائيًا بناءً على المحتوى. هناك المئات من المكونات الإضافية في البرنامج والتي ستتيح لك تحرير الرسومات الشعاعية وأعمال التصميم الأخرى بدقة وصولاً إلى البكسل. يوفر مكتبة من قوالب اللوحات الفنية لأجهزة iOS وتخطيطات تصميم الويب سريعة الاستجابة، يحتاج المصممون فقط إلى تحديد لوح الرسم والجهاز. و يمكن للمصممين العثور بسهولة على مكونات إضافية مخصصة لمهام محددة من خلال دعم المجتمع القوي حيث يتيح سهولة المشاركة والتعاون من خلال السحابة. يمكن للمصممين مشاركة الواجهة بالكامل في السحابة من خلال عملية مشاركة ملفات بسيطة، يمكن للمستخدمين تصدير أي طبقة أو مجموعة كملف PNG، ويقوم تلقائيًا بحفظ جميع التغييرات في التصميم خطوة بخطوة لتجنب أي فقدان للتصميم. السمات العامة: غير مجاني ويمكن شراؤه مرة واحدة للاستخدام الفردي أو باشتراك سنوي للفرق، يمكن تحميله من الموقع الرسمي، ويعمل على أنظمة ماكنتوش فقط. Affinity Designer التصنيف: رسومات شعاعية Vector بشكل أساسي مع إمكانية العمل على الرسومات النقطية الصورة من موقع Affinity Designer يعد بديلاً أرخص لبرنامج الإليستريتور، وهو مناسب بشكل خاص لشخص في المرحلة الأولى من حياته المهنية في التصميم. يعمل البرنامج بسلاسة، مما يمكن أن يحسن سير عملك ويجعلك تعبّر عن إبداعك بحرية أكبر. يمكنك تحريك وتكبير عملك الفني بمعدل 60 إطارًا في الثانية ومن ثم رؤية التدرجات والتأثيرات والتعديلات تتغير مباشرة مع التحويلات وتحريرات المنحنى. يتيح لك العمل على مساحات العمل للرسومات الشعاعية والنقطية، ويمكنك التبديل بينها بسهولة. يمكن أن يعمل هذا البرنامج على أي جهاز، ويمكنك إنشاء لوحات فنية غير محدودة بداخله. يوفر تطبيقًا لتصميم الرسومات لجهاز iPad بنفس الميزات المتوفرة في إصدارات سطح المكتب. تتوفر عناصر تحكم متقدمة في اللون حيث يمكنك العمل في مساحات ألوان RGB أو LAB تصل إلى 32 بت لكل قناة. يمكنك العثور على مجموعة واسعة من مجموعة الأدوات في البرنامج والتي يمكن استخدامها لتحقيق مستوى عالٍ من الدقة والإنتاجية. الشبكات والأدلة قابلة للتخصيص بالكامل، حيث يمكنك تغيير التباعد والأقسام الفرعية والزوايا وما إلى ذلك. ميزة أخرى قوية لهذا البرنامج وهي أنك تحصل على دقة النقطة العائمة من خلال تكبير عملك الفني، حتى بأكثر من مليون نسبة مئوية. السمات العامة: غير مجاني، يمكن تحميله من الموقع الرسمي، ويعمل على أنظمة ويندوز وماكنتوش وأجهزة iPad. جيمب GIMP التصنيف: تحرير ومعالجة الصور والرسم الفني الصورة من Wikimedia بترخيص GNU General Public License برنامج تصميم رسومي مجاني يعمل على العديد من الأنظمة مثل ويندوز ولينوكس وماكنتوش. هناك العديد من المكونات الإضافية من جهات خارجية التي يمكن استخدامها فيه لتحسين إنتاجيتك وإنشاء تصميمات أفضل. يمكن أيضًا استخدامه لتنقيح الصور، حيث يمكنك إنشاء تركيبات إبداعية. يمكن أيضًا تصميم مكونات الواجهة والنماذج بالأحجام الطبيعية، جنبًا إلى جنب مع تصميمات الطباعة مثل الرموز والشعارات. ويعد من أقوى البدائل المجانية لبرنامج الفوتوشوب. السمات العامة: مجاني، يمكن تحميله من الموقع الرسمي، ويعمل على أنظمة ويندوز ولينوكس وماكنتوش. جرافيت ديزاينر Gravit Designer التصنيف: رسومات شعاعية Vector الصورة من موقع Gravit Designer هذا برنامج مجاني آخر لتصميم الرسومات الشعاعية Vector. في هذا البرنامج يمكنك إنشاء الشعارات وتحرير الصور وإنشاء الرسوم المتحركة والرسوم التوضيحية. كما أنه مناسب لجميع أنواع وظائف التصميم من تصميمات الشاشة والتطبيقات والأيقونات إلى العروض التقديمية والرسوم المتحركة. لا يحتوي Gravit على نسخة غير متصلة بالإنترنت في الخطة المجانية. البرنامج قابل للتخصيص بالكامل وفقًا لاحتياجات المستخدم. يتم الدفع مقابل الإصدار الاحترافي من Gravit ولديه ميزات أكثر تقدمًا مثل خيارات التصدير المتقدمة، والإصدار غير المتصل بالإنترنت، والمزيد من مساحة الألوان، وما إلى ذلك. يمكنك التصدير بتنسيق PDF أو SVG أو صورة نقطية، ويمكنك الوصول إلى خدمة Gravit Cloud التي تمكنك من الوصول إلى عملك أينما كنت. السمات العامة: مجاني مع توفر نسخة احترافية مدفوعة بميزات إضافية، يمكن تحميله من الموقع الرسمي، ويعمل على أنظمة ويندوز ولينوكس وماكنتوش وChrome OS. إنكسكيب Inkscape التصنيف: رسومات شعاعية Vector الصورة من موقع Inkscape بترخيص المشاع CC BY-SA 3.0 يعتبر من أقوى البدائل المجانية لبرنامج الإليستريتور، وقد استخدم من قبل أشهر المصممين وقدموا تصاميم رائعة باستخدامه. يتميز بأداة نصية قوية ما يجعله جيدًا لتصاميم طباعية مثل المنشورات المختلفة، إضافة إلى أداة تدرجات لونية مفصّلة لإنتاج تدرجات شديدة التعقيد. يتم تطويره باستمرار بحيث تضاف له مزايا جديدة وتحسينات على الأدوات الموجودة ما يجعله يتقدم بسرعة لمنافسة أقوى برامج التصميم من هذا النوع. السمات العامة: مجاني، يمكن تحميله من الموقع الرسمي، ويعمل على أنظمة ويندوز ولينوكس وماكنتوش. كريتا Krita التصنيف: رسم إبداعي – رسومات نقطية الصورة من موقع Krita هو برنامج رسم بجودة احترافية تم إنشاؤه بواسطة فريق من الفنانين بهدف وضع أدوات إبداعية من الدرجة الأولى في متناول الجميع. يمكنك استخدام كريتا لأي نوع من الرسم والتوضيح، ولكنه رائع بشكل خاص للرسوم الهزلية والمانجا. توجد قوالب لوحات ومرشحات الألوان النصفية وأدوات المنظور بالإضافة إلى الفرش والتدرجات والأقلام المعتادة. كل فرشاة قابلة للتخصيص تمامًا، ويمكنك حفظ فرشك المخصصة لاستخدامها مرة أخرى لاحقًا. سيؤدي النقر بزر الماوس الأيمن في أي مكان على لوح الرسم في كريتا إلى إظهار عجلة تحديد تتيح لك اختيار أداة جديدة وتحديد لون في ثوانٍ فقط وهو نظام أسهل بكثير من البحث في القوائم والإعدادات. تم إنشاء كريتا من قبل فنانين من أجل الفنانين، وهو يظهر في عشرات اللمسات الصغيرة المدروسة التي تجعل من السهل إنشاء لوحات فنية رائعة. هناك أدوات رسم يدوية لإنشاء خطوط مستقيمة ونقاط تلاشي وأشكال ناعمة. يمكنك أيضًا الحصول على الطبقات والأقنعة وأدوات التحويل المختلفة ودعم HDR ووظائف التحديد المتقدمة. إنه برنامج رسم قوي بشكل لا يصدق، ويمكنك تنزيله واستخدامه مجانًا. السمات العامة: مجاني، يمكن تحميله من الموقع الرسمي، ويعمل على أنظمة ويندوز ولينوكس وماكنتوش. بكسلر Pixlr التصنيف: تحرير الصور والرسم الفني الصورة من موقع Pixlr هو تطبيق ويب يعمل كمحرر صور سهل الاستخدام، بالإضافة إلى توفر تطبيقات لأنظمة iOS و Android، فهو متوفر كتطبيق قائم على المتصفح أيضًا، مع ثلاثة إصدارات مختلفة للاختيار من بينها. إذا كنت تريد أداة تحرير صور سريعة وسهلة، فإن Pixlr X هي الأداة المناسبة، إنه مصمم لتقديم تعديلات بنقرة واحدة وتأثيرات فنية لتعزيز بصري فوري. ويمنحك Pixlr E مجموعة من أدوات التحرير الأكثر تفصيلاً بأسلوب Photoshop. وإذا كان كل ما تريده هو إزالة الخلفية من صورة ما، فتطبيق Pixlr BG هو أداة تعمل بالذكاء الاصطناعي وستقوم بذلك تلقائيًا في ثوانٍ فقط. ومع أنها تطبيقات مجانية إلا أنه يتوفر أدوات ومزايا إضافية للنسخة المدفوعة منها. السمات العامة: تطبيق ويب مجاني يعمل من خلال المتصفح، يمكن العمل عليه مباشرة من الموقع الرسمي، ويتوفر منه تطبيقات لأنظمة الأندرويد وiOS. ثري دي ماكس Autodesk 3DS Max التصنيف: تصميم ثلاثي الأبعاد الصورة من موقع Autodesk يعد هذا البرنامج شائعًا جدًّا بين المصممين العاملين على التصاميم ثلاثية الأبعاد، حيث يستخدم لإنتاج الرسوم المتحركة ورسومات الألعاب. تشمل الميزات القياسية الهياكل العظمية والحركية العكسية، ومحاكاة القماش، والتحكم في الشخصية للحركة على قدمين. يدعم إنشاء المضلع التقليدي وNURBS وكذلك تصحيح الأسطح. ويمكن إخراج التصاميم باستخدام مجموعة واسعة جدًا من أنظمة التصيير (رندر)، بما في ذلك Renderman التي تم إنشاؤها بواسطة Pixar ومينتال راي. السمات العامة: غير مجاني، يمكن تحميله من الموقع الرسمي، ويعمل على نظام ويندوز فقط. بلندر Blender التصنيف: تصميم ثلاثي الأبعاد الصورة من موقع Blender برنامج مجاني ممتاز وقوي للنمذجة ثلاثية الأبعاد، ويستخدم أيضًا لإنشاء رسومات متحركة ثنائية الأبعاد. كان يستخدمه الهواة في السابق في إنشاء معارك فضائية متحركة أو أفلام روبوت عملاقة، لكنه تطور الآن لدرجة أن العديد من الشركات التجارية تستخدمه لإنشاء عناصر مؤثرات للأفلام ذات الميزانية الكبيرة. ونظرًا لأن الكود المصدري لهذا البرنامج مفتوح المصدر، فقد نشأ مجتمع كبير من المطورين الذين وسعوا الوظائف فيه لمنافسة بعض الحلول الأكثر تكلفة. السمات العامة: مجاني، يمكن تحميله من الموقع الرسمي، ويعمل على أنظمة ويندوز ولينوكس وماكنتوش. أدوبي أفتر إفّكتس Adobe After Effects التصنيف: تحرير فيديو وتصميم رسومات بيانية متحركة (موشن جرافيك) الصورة من موقع Adobe يعد أفضل وأقوى برنامج إنشاء تصاميم للرسومات البيانية المتحركة (موشن جرافيك) كما أنه محرر فيديو ممتاز. يعتمد برنامج الرسوم المتحركة هذا على الطبقات والشرائح ويعمل كمزيج من محرر الفيديو ومحرر الصور مثل الفوتوشوب. يعمل بشكل جيد مع أنظمة التحرير الأخرى مثل Avid Media Composer وFinal Cut Pro X. كما أنه يتكامل بمرونة مع التطبيقات ثلاثية الأبعاد مثل 3ds Max وMaya وCinema 4D. وهو مميز في إنتاج تأثيرات بصرية نوعية وإنشاء وإدارة أعمال الرسوم المتحركة وإنشاء تأثيرات للرسوم المتحركة ثنائية الأبعاد والتخطيط والتركيب وتتبع الحركات وحذف الكائنات وتأثيرات النماذج والجسيمات وإنشاء قوالب وإجراء تصحيح الألوان وتحريرها. ويعد محرر فيديو أدوبي الأساسي المستخدم في تحريك ودمج الرسومات المتحركة بعد تطوير القصص المصورة والعناصر في الفوتوشوب والإليستريتور. عند الانتهاء من تحريك مشروع After Effects، يمكنك تصدير الفيديو النهائي إلى برنامج لتحرير الفيديو. السمات العامة: غير مجاني ويحتاج إلى اشتراك شهري، يمكن تحميله من الموقع الرسمي، ويعمل على أنظمة ويندوز وماكنتوش. خاتمة هنالك العشرات من برامج التصميم وبمختلف الاختصاصات ولا يمكننا حصرها جميعها والتحدث عنها، إلا أننا تحدثنا عن أهم هذه البرامج والأكثر شيوعًا. ويجب علينا كمصممين أن نتعلّم المهارات الأساسية للبرامج الأشهر والأهم في عالم التصميم، ولذلك سنتحدث في المقالات القادمة عن برنامجي أدوبي فوتوشوب وأدوبي إليستريتور.1 نقطة -
احتاج معرفة كيف يمكنني تصنيف الملفات في مسار معين واضافتهم ل list ضمن لغة البايثون؟1 نقطة
-
ال setTimeout عبارة عن امر نمرر اليه امر اخر فعندما تقوم بتمرير this.setState فان this. سوف تشير الى النافذة لان الامر تابع للنافذه و this سوف تشير الى الجزء او الobject الذي ينتمي اليه الامر لذلك يمكنك ببساطة خلق متغير اخر يحمل المؤشر الي ال component المراد العمل عليه و من ثم استخدامه مره اخرى ادخل ال setTimeout كالتالي Class Counter extends React.Component({ getInitialState() { return {count: 0}; } componentDidMount() { var that = this; # نضيف هنا مؤشر الcomponent المراد اضافة الامر عليه setTimeout(that.setState({count: 1}), 3000); } render() { return ( <div className="count-wrapper"> {this.state.count} </div> ); } }); ReactDOM.render(<Counter />, document.getElementById('app'));1 نقطة
-
السلام عليكم اخي الكريم بإختصار . و للأمانة انا انصحك بفريق لمسة هب - lamsa hub . يعتبرون الأفظل على الاطلاق في هذا المجال في الوطن العربي . و هذا رابطهم يا غالي : lamsahub.com و اتمنى لك كل التوفيق و النجاح1 نقطة
-
خلاص ي غالي، الحمد لله بعد رحلة من البحث، وجدت العمل ، وكان كالتالي: ListTile( trailing: Icon(Icons.logout), title: Text('Logout'), onTap: () { Navigator.pushAndRemoveUntil( context, PageRouteBuilder(pageBuilder: (BuildContext context, Animation animation, Animation secondaryAnimation) { return LoginScreen(); }, transitionsBuilder: (BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation, Widget child) { return new SlideTransition( position: new Tween<Offset>( begin: const Offset(1.0, 0.0), end: Offset.zero, ).animate(animation), child: child, ); }), (Route route) => false); }, ), مشكور يا غالي على الاهتمام1 نقطة
-
للحصول على المعلومات من ال axios عليك استحدام دلالة ال then و ال catch هذان مفهومان تابعان لل asyn بحيت ان الارسال request الي السيرفير سوق ياخد وقت و لن يعود بالمعلومات بنفس الدقيقة ممكن ان يتاخر حسب سرعه الانترنت مثلا و السيرقير و عوامل اخرى كثيرة لذلك ان كان السطر التالي يعتمد على الطلب الذي قمتي به بالaxios request عليك استحدام await قبلها و من هنا سينتظر البرنامج الى ان ينقذ السطر و يعود بالبيانات من السيرفير و ايضا علينا تحديد ان كان هذا الطلب من فئة post , get, pus .. الخ لذلك سيكون طريقة كتابة سطر تنفيذ الaxios كالتالي : await axios.post('/api',{ anyparametername:valueofparamete}) هذا في حالة ان كنت تريد ان ترسل معلومات الى السيرقر اما في حالة طلب معلومات من السيرفر فسوق يكون كالتالي : await axios.get("api") الان هنا قما بتنفيذ الaxios و لكننا لم ناخذ المعلومات الراجعه منه بعد و كما قلنا فان الaxios لن يقوم بارجاع النتيجة مباشرة لذلك سيقوم بحفظ المعلومات ك promis و هي حاضنة للاحداث حيث انها سترجع pendding ان لم يقوم السيرفر بارجاع البينات بعد اما ان قام بارجاها سيقوم بحفظ النتيجة بداخلها لذلك علينا استحراج هذا البيانات من ذاحلها بهذا الطريقة await axois.get("api").then(result=>{ console.log(result) }) }) هنا في حالة ان كل شئ تم بطريقة صحيحة و تم استعاده معلومات اما في حالة انه حصل خطأ بالسيرفير او نقس العمليه علينا استحدام ال catch لنتبين ما هو الخطأ الذي حصل اثناء التنفيذ كالتالي await axois.get("api").then(result=>{ console.log(result); }) .catch(error=>{ console.log(error) }) ارسلت لك يعض الصور التوضيحية لذلك
1 نقطة -
لا يلزم أخي، الآن عند فتح التطبيق، تظهر ال Splash Screen ، ثم هناك سطر في ال Splash Screen: var isLogin = true; حسب هذا المتغير، إما أن تظهر صفحة ال Home Screen وإما أن تظهر صفحة ال Login Screen ( بحيث لا يمكن إظهر صفحة ال Home Screen بتاتا ) الآن عندما يكون قيمة المتغير true ,وظهر للمستخدم بالفعل صفحة ال Home ثم من ال Drawer قام بعمل Logout تظهر صفحة Login لكن عندما يقوم المستخدم بالرجوع خطوة للوراء تظهر صفحة ال Home Screen وأنا لا أريد أن يحصل هذا.1 نقطة
-
يوجد العديد من الأسباب التي من الممكن أن تؤدي لبطئ في عمل موقع ووردبريس. بعض الإضافات المثبتة غير كفوئة و تستهلك موارد كثيرة. تضارب عمل بعض الإضافات و تسبب بطيئ التحميل تثبيت إضافات لا داعِ لها سرعة الانترنت في المخدم server لديك قوة المعاجة للمخدم والاستضافة ضغط و تقليل حجم الصور استخدام خدمات CDN عادة تحتاج لتوظيف مبرمج ليقوم لك بالتعديلات، يمكنك ذلك من خلال موقع مستقل.1 نقطة
-
لدي هذا المثال الذي يعرض المنطقة حسب التقسيم الجغرافي للمملكة $saudi_regions = [ 'مناطق المملكة'=>'منطقة مكة المكرمة منطقة المدينة الخ', ' makkah_Region'=>[1,2,3], ' madinah_Region'=>[1,2,3], ' al_Qassim_Region'=>[1,2,3], ' eastern_Region'=>[1,2,3], ' asir_Region'=>[1,2,3], ' tabuk_Region'=>[1,2,3], ' hail_Region'=>[1,2,3], ' northern_Border_Region'=>[1,2,3], ' jizan_Region'=>[1,2,3], ' najran_Region'=>[1,2,3], ' al_Baha_Area'=>[1,2,3], ' al_Jouf_Region'=>[1,2,3], ]; ?> <?php foreach ($saudi_regions as $key => $value): ?> <?php for ($i=0; $i < count($key) ; $i++):?> <?php echo "$('#select2').append('<option value='هنا يتم جلب مناطق المملكة بصفة عامة من خلال السطر الاول'>'+kingdom_regions_matrix[i]+'</option>')"; ?> /* وفي داخل الوسم ارغب بجلب المناطق الفرعية التي هي عبارة عن مصفوفة مقابل المفتاح فتكون النتيجة <option class="riyadh_Region">المزاحمية </option> <option class="riyadh_Region">عسير </option> <option class="riyadh_Region">الخ</option> ثم <option class="makkah_Region">جدة</option> <option class="makkah_Region">الجموم</option> <option class="makkah_Region">الخ</option> الخ كيف يتم ذلك */ <?php endfor ?> <?php endforeach ?> وأيضا المدن التي تتبع هذه المنطق بواسطة جافا سكريبت تم حل الموضوع بطريقة استهلكت واخصرت الكثير من الكود أي بمقدار 50 بالمائة ولاكن أرغب عرض الكود ب php كونه أكثر سهولة وانضف في الكود انضر للمثال أدناه ثم أجب1 نقطة
-
يمكنك إنشاء متغير باسم bool hideButton = false; ثم إنشاء الزر الخاص بك و عند الضغط عليه يغير قيمة المتغير من false إلى true FlatButton( onPressed: () { setState(() { hideButton = !hideButton; }); }, child: Text("Country"), ), هذا الكود كاملاً import 'package:country_list_pick/country_list_pick.dart'; import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState(); } class _MyAppState extends State<MyApp> { bool hideButton = false; @override void initState() { super.initState(); } @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, home: Scaffold( appBar: AppBar( title: const Text('Country Code Pick'), backgroundColor: Colors.amber, ), body: Column( children: [ FlatButton( onPressed: () { setState(() { hideButton = !hideButton; }); }, child: Text("Country"), ), hideButton != false ? CountryListPick( appBar: AppBar( title: Text(''), ), theme: CountryTheme( isShowFlag: true, isShowTitle: true, isShowCode: false, isDownIcon: true, showEnglishName: true, ), onChanged: (CountryCode code) { setState(() {}); }, ) : Container(), ], ), ), ); } }1 نقطة
-
مرحبا اسماعيل هناك خيارات كثيرة لمحرر النصوص froala , يمكنك اضافتها على شكل كائن من نوع JSON ويمكنك الغاء حذف زر ادراج الصور و الفيديوهات بوضع هذا الخيار imageUpload: false يمكنك معرفة المزيد من خلال الموقع الرسمي لمحرر النصوص froala, يمكنك الذهاب الى طريقة استخدام الخاصية imageUpload: false من هنا شكرا لك1 نقطة
-
البرنامج لا يحتوي على إلا على واجهات فقط, يرجى وضع المشروع بصورة كاملة بإكواد الأتصال بbackend وكل شيء حتى أستطيع حل المشكلة.1 نقطة
-
لم أنظر إليه في هذا الوقت ولكن سأعمل على حل المشكلة.1 نقطة
-
يمكنكي استخدام مكتبة react-native-webview كالآتي: import React, { Component } from 'react'; import { WebView } from 'react-native-webview'; class MyInlineWeb extends Component { get content() { return '<h1>Hello world</h1>'; } render() { return ( <WebView originWhitelist={['*']} source={{ html: this.content }} // هنا نقوم بإعطاء البيانات للمكون /> ); } }1 نقطة
-
السيرفر الخاص بك يرسل لك object { id: 1, name: "Adam" } ولا يمكنك في React وضع Object في دالة render لهذا يجب عليك في الكود وضع الاسم الذي في object كما في الأسفل ،بدلاً من وضع object نفسه class Data extends React.Component { state = {}; async getData() { const res = await axios('/api'); this.setState(res.data); } componentDidMount() { this.getData(); } render() { return <div>{this.state.name}</div>; // يجب اختيار الاسم الذي داخل الحالة } }1 نقطة
-
هناك بعض الأمور البيسطة في الكود المرفق 1- فيما يتعلق بإستخدام "axios" فيمكنك الحصول على البيانات مباشرة من خلال res.data كالتالي const res = await axios('/api'); console.log(res.data); 2- فيما يتعلق بالخطأ المرفق فذلك لأن الناتج من الدالة getData() عباره عن كائن "object" وفي ريأكت لايمكن أن يكون الإبن المطلوب عرضه وطباعته للمستخدم عباره عن كائن يحتوي على داتا وإن كان لابد من أن تعرض البيانات المحموله في هذا الكائن يمكنك إستخدام "JSON.stringify()" وذلك كالتالي JSON.stringify(this.getData()) 3- ولكن هناك أمر أخر سوف يتم عرض قوسين كالتالي "{}" فارغين للمستخدم دون وجود أي بيانات ؟!! ذلك لأنه في أول مرة يتم عرض المكون للمستخدم "component rendering" سوف تكون عملية جلب البيانات من الداله "getData()" لم يتم الإنتهاء من جلب البيانات بعد وكما نعلم لكي يتم إعادة عرض المكون بعد تمام عملية جلب البيانات لابد من أن نقوم بتخزين هذه البيانات في State وبذلك فور أن يتم إعطاء قيمه جديده ل State سوف يتم عرض البيانات لليوزر وبالتالي يمكن أن يكون الشكل النهائي للكود كالتالي class Data extends React.Component { state = {}; async getData() { const res = await axios('/api'); console.log(res.data); this.setState(res.data); } componentDidMount() { this.getData(); } render() { return <div>{JSON.stringify(this.state)}</div>; } }1 نقطة
-
اعمل على موقع باستخدام مدونة WordPress يقوم بتسويق بعض المنتجات اليدوية وارغب في ربط الموقع بحساب ال PayPal الخاص بي لاستقبال المدفوعات ، كيف يمكن ربط حساب ال PayPal بالموقع ؟1 نقطة
