سامح أشرف

بتاريخ 2 دقائق مضت قال Mohamed Montaser3:

 

يبدو أنك لم تقم بعمل build للمشروع الخاص بك، حاول تنفيذ الأمر التالي، وأعد المحاولة:

webpack

ويجب أن يكون لديك مجلد باسم dist يحتوي على ملفات المشروع بعد البناء، وهذه الملفات هي التي تحتاج إلى رفعها وليس ملفات المشروع نفسه.

ملاحظة: أرجو منك أن تنشر الأسئلة المتعلقة بالدورات في التعليقات أسفل الدرس.

تحياتي.

بتاريخ 7 دقائق مضت قال Mohamed Montaser3:

انا عملت زي اللي في الفيديو بس ما ظبط

هل يمكنك توضيح المشكلة بمزيد من التفاصيل؟ هل تظهر لديك أي أخطاء في سطر الأوامر؟

بتاريخ On 11/13/2021 at 20:27 قال محمد عبد القادر السكري:

مرحبًا!

لم يتحمل لدي ال"Git"

شكرًا 

إن كنت تستعمل نظام MacOS فيمكنك تحميل وتثبيت git عبر Homebrew من خلال الأمر التالي:

brew install git

أو يمكنك تحميل ملف التثبيت بصيغة dmg من هنا، فقط أضغط على Download وإنتظر 5 ثواني.

بتاريخ On 7/8/2020 at 22:42 قال Abo Hmza:

هل عناصر الوهمية تعمل مع كافة العناصر...

لان عمل احاول اعملها للinput ماعم يشتغل:

طبعا position relative مع ال input

.container .content form input::before {

  display: inline-block;

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 50px;

  height: 50px;

  background-color: blue;

}

 

مرحبًا أبو حمزة

للأسف لا يمكن إضافة العناصر الزائفة لحقل إدخال input 

والسبب هو أن العنصرين ::after و ::before يحتاجان إلى عنصر حاوي container اي أن له وسم بداية ووسم إغلاق closing tag مثل div أو span أو button، بينما العناصر مثل input و img هي عناصر ذاتية الإغلاق self closing tags أي أنها لا تملك وسم إغلاق.

بدلًا من ذلك يمكنك أن تستخدم الجافاسكريبت مع مكتبة jQuery لإضافة عناصر قبل وبعد العنصر input 

$(".mystyle").after("add your smiley here");

يمكنك الإطلاع على توثيق الدالة after من موقع jQuery

إن كنت تحاول وضع أحد العنصرين الزائفين after:: وbefore:: على حقل إدخل input من نوع submit، فبإمكانك أن تستخدم العنصر button بدلًا منه:

<!-- بدلُا من هذا -->
<input type="submit" value="Send"/>

<!-- إستخدم هذا -->
<button type="submit">Send</button>

لأن العنصر button يحتوي على وسم إغلاق فيمكن إضافة أحد العنصرين الزائفين after:: وbefore:: عليه.

شرح رائع لكن يعيبه بعض العيوب في بعض الأكواد الموضحة

شرح ممتاز ودرس أكثر من رائع.

شكرا جزيلاً

مقال رائع لكن يحتاج مزيدًا من الشرح من "التفاف العناصر المرنة إلى صفوف" إلى النهاية.