لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 10/15/20 in أجوبة
-
أعتقد أن المحرر يعمل بشكل صحيح، هذا هو دوره، فهو في النهاية يقوم بتحويل النص المكتوب به وتنسيقاته إلى أكواد HTML. ما يجب عليك ان تقوم به هو التالي: بدل طباعة المحتوى بالشكل العادي كما تقوم بطباعته حاليًا ( على شكل نص string )، يجب عليك أن تقوم بعمل render لهذا النص وتحويله إلى HTML. سأقدم لك حلين للقيام بهذا: الحل الأول: عن طريق إستخدام الخاصية dangerouslySetInnerHTML. لنقل مثلًا أن الخاصية أو المتغير الذي يحتوي على هذه الأكواد التي أرسلها المحرر هو content. بدل كتابة الكود أسفله لعرض المحتوى: <div> {content} </div> يجب كتابة كود مشابه للكود التالي: <div dangerouslySetInnerHTML={{__html: content}} /> الحل الثاني: يمكنك إستخدام بعض المكتبات التي تقوم بنفس الدور ( تحويل html على شكل نص string إلى عناصر HTML )، أذكر كمثال مكتبة html-react-parser التي يمكنك تثبيتها في مشروعك عن طريق الأمر: npm i html-react-parser ثم إستخدامه بالشكل التالي: import parse from 'html-react-parser'; ثم: <div> {parse(content)} </div>2 نقاط
-
بالتأكيد ستظهر الصفحة عير منسقة, بسبب ستتلخبط لك أكوادك الخاصة بمشروعك والأكواد العائدة من محرر tiny, أنصحك أن تستعمل المثال التالي محل سريع للمشكلة: <div style="width:100%,overflow:hidden"> <!-- وهنا ستضع الأكواد العائدة من المحرر --> </div> لا تنس أن تعدل على div حتى تكون جميع الأكواد العائدة من المحرر بداخله فقط.1 نقطة
-
المرجو مشاركة الكود الكامل ( الجزء الذي استخدمت فيه محرر tiny )، والطريقة التي اشتغلت بها لإستخدام محرر tiny. في الرابط التالي ستجد طريقة إستخدام محرر tiny مع تطبيق React، لا أعلم إن كنت قد استخدمت نفس الطريقة أم أنك اشتغلت بطريقة أخرى. أحتاج توضيحات أكثر حتى أستطيع مساعدتك، أيضًا أحتاج فهم ما الذي تقصده بإرسال المحتوى؟1 نقطة
-
السلام عليكم اذا كان لدي مثلا section خاص بعرض صور اعمالي وارفقت صور من قوقل واحجام هذه الصور مختلفه اذا اردت تنسيقها ف شاكله كل سطر يحتوي على ثلااثه صور مثلا كيف يمكنني التعديل ف حجوم الصور حتى لا تصبح واحده كبيره والاخرى اصغر وتكون متناسقة وشكرا
1 نقطة -
أقترح عليك استخدام هذه التنسيقات الجميلة: <!DOCTYPE html> <html> <head> <style> div.gallery { <!-- تنسيق العنصر الحاوي للصور --> margin: 5px; border: 1px solid #ccc; float: left; width: 180px; } div.gallery:hover { <!-- تأثير عند مرور الفأرة --> border: 1px solid #777; } div.gallery img { <!-- DIv تنسيق للصورة داخل العنصر --> width: 100%; height: auto; } div.desc { <!-- توصيف الصورة ويقع أسفلها --> padding: 15px; text-align: center; } </style> </head> <body> <div class="gallery"> <a target="_blank" href="img_5terre.jpg"> <img src="img_5terre.jpg" alt="Cinque Terre" width="600" height="400"> </a> <div class="desc">Add a description of the image here</div> </div> <div class="gallery"> <a target="_blank" href="img_forest.jpg"> <img src="img_forest.jpg" alt="Forest" width="600" height="400"> </a> <div class="desc">Add a description of the image here</div> </div> <div class="gallery"> <a target="_blank" href="img_lights.jpg"> <img src="img_lights.jpg" alt="Northern Lights" width="600" height="400"> </a> <div class="desc">Add a description of the image here</div> </div> <div class="gallery"> <a target="_blank" href="img_mountains.jpg"> <img src="img_mountains.jpg" alt="Mountains" width="600" height="400"> </a> <div class="desc">Add a description of the image here</div> </div> </body> </html> وسيكون شكلها :
1 نقطة -
من خلال إستخدام خصائص الارتفاع والعرض (width و height) وذلك لتعيين ارتفاع وعرض عنصر. قد تحتوي خصائص الارتفاع والعرض على القيم التالية: auto - هذا افتراضي. المتصفح يحسب الارتفاع والعرض length - يحدد الارتفاع و العرض بالبكسل والسنتيمتر وما إلى ذلك. % - يحدد الارتفاع والعرض بالنسبة المئوية للكتلة المحتوية initial- يضبط الارتفاع و العرض على قيمته الافتراضية inherit - سيتم توريث الارتفاع و العرض من قيمته الأصلية أمثلة على ارتفاع وعرض CSS المثال الأول من هنا : ستجد قيمة الإرتفاع 200 بكسل من الشاشة . بينما العرض تم وضع قيمته 50 بالنسبة المئوية ويتم حساب النسبة من عرض الصفحة المثال الثاني من هنا : قيمة الإرتفاع 200 بكسل من الشاشة وقيمة العرض 500 بكسل لتعرف على خاصية width بالتفصيل من wiki.hsoub أيضاً لتعرف على خاصية height بالتفصيل من wiki.hsoub1 نقطة
-
مرحبًا @خالد مجذوب يمكنك تعديل حجم الصور من خلال إضافة style خاص إلى عنصر الصور عن طريق ملف CSS. حيث تسمح لك الخاصيتين Height و Width تعديل الإرتفاع والعرض للصورة. في البداية عليك إضافة صنف (class) جديد لعنصر الصورة المراد تعديل حجمها من ثم الذهاب إلى ملف ال CSS الخاص بك وتقوم بإضافة العرض والإرتفاع المراد للصورة. img { height: 200px; width: 50%; } أو يمكنك مباشر التعديل على ملف HTML من خلال إضافة الخاصية style كما في المثال التالي: <img src="#" style="height: 200px; width: 50%;">1 نقطة
-
يمكنك التعديل على حجم الصور باستخدام css كما يلي: img { width: 400px; /* العرض الذي تريده*/ height: 300px; /* الطول الذي تريده*/ object-fit: contain; /*و تحتفظ بمعالمها نقوم باستخدام هذا التنسيق حتى لا تتشتت الصورة */ }1 نقطة
-
يوجد الكثير من ال plugins التي تساعدك على السماح للمستخدم بإقتصاص الصورة التي حملها ثم تمررها لل backend وأشهرها: 1- Tinycrop 2- Croppie 3- jQuery Guillotine 4- Croppic 5- React Drop n Crop 6- Cropper 7- Jcrop 8- Smartcrop.js شخصيا أحب إٍستخدام tinycrop لسهولة دمجها مع تطبيقك كما أنها تحتوي على ميزات أخرى مثل تغيير لون الخلفية وإضافة brightness للصورة والكثر من باقي الميزات...
1 نقطة -
المبرمج هو إنسان لذالك فهو غير معصوم عن النسيان والتطبيق المستمر يقلل من هذه المشكله فعند تعلم لغة برمجه معينه حاول أن تمارس كتابة الأكواد بشكل مستمر وبناء مشاريع فهو من يكسبك مهارة وخبره وترسخ معلوماتك البرمجيه بشكل قوي . فمعظم المطورين لديهم ظاهرة النسيان ولكن الجميع يلجأ للتوثيق Documentation أثناء عمله .فالبرمجه هي لغه مثل باقي اللغات العالم( العربيه و الانجليزيه ..الخ ) لكنها لغه لتخاطب مع الحاسوب وأخيرا أقول الممارسه المستمره هي من أسباب النجاح1 نقطة
-
كل ذلك أمر طبيعي في بداية التعلم النسيان أمر طبيعي ولكن يمكنك أن تعالج هذا عن طريق التطبيق الكثير كل درس وتجميع الدروس أيضاً والتطبيق عليها و ربط الدروس ببعض . وأنصحك بالتدوين دون كل شئ تتعلمه ثم راجع عليه كل يوم قبل الدخول في درس جديد . وبعد كل ذلك سوف تنسى أيضاً بعض الأشياء لأن هذا طبيعي تداخل كمية معلومات كبيرة من الصعب نقلها من ذاكرة المدى القصير إلي الكبير ولكن عليك بالتطبيق ثم ما سوف ينسى بعد ذلك سوف تراجع وتبحث عنه في موقع الموسوعة سوف يفيدك كثيراً من هنا .1 نقطة
-
مرحباً @Barmaja Barmaja نحن كمربمجين أو كمطورين لسنا مُلزمين بحفظ الأكواد أو الشيفرات البرمجية إنما علينا إيجاد حلول برمجية للمشاكل وفهم الأسس و المبادئ على سبيل المثال يُمكننا نسيان طريقة كتابة حلقة for في لغة جافاسكربت لكن لا يُمكننا نسيان مفهوم الحلقة و ماهي فائدتها و لماذا نستخدمها فإذا نسينا طريقة الكتابة يُمكننا ببساطة الرجوع إلى توثيق اللغة أو درس من دورة ما أو مقال و سنتذكر طريقة الكتابة لكن إن نسينا المفهوم في حد ذاته هنا المشكلة. بما أنك في بداية المشوار فهذا الأمر طبيعي لكن بالممارسة و التطبيق العملي و إنشاء مشاريع كثيرة ستتعود على كتابة الشيفرات البرمجية حتى و إن نسيت يُمكنك المراجعة حينها فنحن لسنا في إمتحان. الخلاصة ببساطة يمكنك أن تنسى طريقة تطبيق المفهوم، لكن لا يليق بك أن تنسى المفهوم نفسه. بالتوفيق.1 نقطة
-
وعليكم السلام ورحمة الله وبركاته @Barmaja Barmaja, النسيان هو شيء طبيعي في البرمجة بل في الواقع لا يكاد يوجد مبرمج يقوم برمجة مشروع الا و يستخدم موارد في الانترنت للتذكير او لعدم معرفة شيء . عندما تدرس شيء و تتمكن من فهمه فهذا هو المطلوب , اما ان تنسى طريقة كتابته فلا بأس في ذلك , مع بناء مشاريع اكثر سيُساعد ذلك في تذكر الكود البرمجي لكن الاهم دائما هو الفهم .1 نقطة
-
أمر طبيعي أن يحدث معك هكذا, فبعد التمرن الكثير والخبرة ستصبح الأمور تقليدية بالنسبة لك بل ولن تحتاج حتى كتابة الكود من أوله وإنما ستسعمل أطر أو مكتبات خاصة لتسهيل العمل وتقليل الوقت. حاول أن تنوع التطبيقات التمرينية وإهتم بالنوع أكثر من الكم.1 نقطة
-
هناك طرق عديدة لاستخراج الافكار الابداعية منها التغذية البصرية والعصف الذهني والبحث والاكتشاف وغيرها من طرق تحفيز الابداع يمكنك قراءة مقالات تفصيلية عن كل طريقة من هذه الطرق في هذا الرابط من موقع اكاديميا: استخراج الافكار.1 نقطة
