تكليفات HTML الدروس من الدرس 28 إلى 30

المقاطع المطلوب مشاهدتها

الدروس من رقم 28 إلى رقم 30 من الدورة التعليمية الموجودة هنا

التكليف 01

  • قم بإنشاء نموذج يحتوي على ثلاث حقول إدخال
  • كل حقل يجب أن يحتوي على Label قبله
  • الحقول هي Token, Email, Username
  • تأكد أن حقل ال Token حقل مخفي ويحتوي على القيمة التالية b92f1fc2fce391ad7af633723afd3055
  • تأكد أن حقل ال Email لا يمكن التعديل عليه ويكون به القيمة التالية o@o.com
  • عند فتح الصفحة تأكد أن مؤشر الكتابة مركز عند الحقل Username
  • تأكد من أن حقل Username يقبل إسم مستخدم من 5 حروف إلى 20 حرف فقط ويكون إجباري
  • قم بعمل زر يقوم بإفراغ محتوى البيانات التي كتبها المستخدم ويكون إسمه Empty
  • قم بعمل زر لإرسال البيانات بإسم Send
  • يتم إرسال البيانات لنفس الصفحة
  • يجب أن تظهر البيانات التي تم إرسالها في الرابط بنفس الشكل الموجود في الصورة التالية

التكليف 02

  • قم بإضافة ما يلي للنموذج السابق
  • قائمة من الإختيارات Check تخص مهارات برمجية يمكن أن يختار الشخص منها أكثر من مهارة
  • على سبيل المثال Problem Solving, Logical Thinking, Advanced Search, Analysis, Planning
  • يجب أن يكون ال Label مرتبط بالإختيار بمعنى عند الضغط على ال Label يتم تفعيل الإختيار
  • قم بإنشاء قائمة أخرى من الإختيارات تخص وظيفة الشخص ويجب إختيار خيار واحد فقط منها
  • على سبيل المثال Front-End Developer, Back-End Developer, Business Analyst, Project Manager, Scrum Master
  • يجب أن يكون ال Label مرتبط بالإختيار بمعنى عند الضغط على ال Label يتم تفعيل الإختيار
  • قائمة الخيارات الأولى يكون إسمها skills
  • قائمة الإختيارات الثانية يكون إسمها job
  • في كل خيار من الخيارات يجب أن يكون هناك خيار واحد على الأقل Checked
  • يجب أن تظهر البيانات التي تم إرسالها في الرابط بنفس الشكل الموجود في الصورة التالية

التكليف 03

  • قم بإضافة ما يلي للنموذج السابق
  • قائمة من الخيارات تخص المجال البرمجي فيها مجموعة لغات برمجة بإصداراتهم لتختار من بينهم
  • شاهد الصورة لتقوم بعمل المهمة مثل الصورة
  • بعدها قم بإنشاء حقل يقبل كتابة نص طويل جدا ويكون إسمه brief
  • الحقل يحتوي على نص مسبق لتوضيح ما سوف يتم كتابته وقيمته هي Write Here Why You Want To Learn Programming

تسليم ومراجعة الحلول

يمكنك مراجعة الحلول والنقاش في كل ما يخصها في مجموعتنا على Facebook هنا

مشاركة الصفحة

إعلانات جوجل