اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر

تعلم كيفية استخدام CRUD (إنشاء، قراءة، تعديل، حذف) يُعد خطوة مهمة جدًا، لأنه يطوّر مهاراتك في التعامل مع البيانات وتنظيم الكود بشكل والتعامل مع الأخطاء وتجنبها.

واستخدامك لـ DOM في البداية خيار ممتاز، لأنه يساعدك على فهم طريقة التفاعل مع عناصر الصفحة يدويًا، مما يمنحك أساسًا قويًا.

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

  • 0
نشر

مناسب لا مشكلة به، لكن قم بتقسيمه إلى مراحل صغيرة جدًا كما أخبرتك من قبل هنا:

فلا ضرر من البدء بمشروع الـ CRUD مباشرًة، فهو ليس بمشروع مُعقد،  بل 4 مشاريع صغيرة مدمجة معًا، الصعوبة هي في ربطهم ببعضهم البعض لكي يعمل منطق المشروع بشكل سليم.

وستحتاج إلى استيعاب التالي قبل تنفيذه:

  • المتغيرات let, const.
  • أنواع البيانات الأساسية Strings, Numbers, Booleans.
  •  كيفية إنشاء مصفوفة وكيفية إضافة وحذف عنصر 
  • كيفية إنشاء كائن واستدعاء خصائصه.
  • كيفية كتابة واستدعاء دالة.
  • أساسيات التعامل مع الـ DOM:
    • document.querySelector() أو getElementById() لاختيار عنصر.
    • addEventListener() للاستماع للأحداث (خصوصاً click و submit).
    • element.value لقراءة القيمة من حقل إدخال.
    • element.innerHTML أو textContent لتغيير محتوى عنصر.

لو واجهت صعوبة  قم بتنفيذ مشاريع أبسط وتم ذكرها في النقاش السابق بالأعلى. 

  • 0
نشر
بتاريخ 3 دقائق مضت قال Hxfhf Ucicic:

لكن ليس انا صاحب المشروع 

المشروع شرح من يوتيوب 

هل سأتعلم هكذا

بالتأكيد ستتعلم الكثير حتى لو كان المشروع شرحًا على يوتيوب ولم تبني المشروع بنفسك من الصفر.

فهذه التطبيقات التي تقوم ببناءها وراء المدرب ستعلمك ممارسات برمجية سليمة، وبناء هيكل المشروع بشكل صحيح، وتقنيات حل المشكلات .

ولكن حاول تطبيق مايلي للإستفادة بشكل اكبر 

أولاً عندما ترتكب خطأً حاول اكتشافه بنفسك قبل النظر إلى الكود المستخدم من قبل المدرب .

ثانياً حاول دائماً اسأل نفسك لماذا يفعل المعلم شيئًا بهذه الطريقة. لماذا يستخدم querySelector بدلاً من getElementById؟ لماذا ينظم بياناته بطريقة معينة؟

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

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...