تبسيط البرمجة ب JavaScript باستخدام jQuery


الدرس: الخلاصة الشاملة


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

تغيير حجم نص المولد الخاص بك


كخطوة أولى ، أقترح عليك تحسين مظهر النموذج بحيث يتكيف حجم النص مع ما هو متاح في نافذة المتصفح. لا ينبغي أن يأخذك أكثر من عشر دقائق: عليك فقط تطبيق المكون الإضافي لـ WideText على النص "استخدم هذه الأزرار لإنشاء النموذج" المعروض في الجزء الأيمن للحصول على النتيجة التالية عند تغيير نافذة متصفحك:
jQuery web

إنشاء مولدات أخرى


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

#photo {
    border:groove 5px #345B18;
    
    -border-radius-topleft: 54px;
    
    -moz-border-radius-topleft: 54px;
    
    -webkit-border-radius-topleft: 54px;
    
    -border-radius-topright: 25px;
    
    -moz-border-radius-topright: 25px;
    
    -webkit-border-radius-topright: 25px;
    
    -border-radius-bottomleft: 10px;
    
    -moz-border-radius-bottomleft: 10px;
    
    -webkit-border-radius-bottomleft: 10px;
    
    -border-radius-bottomright: 38px;
    
    -moz-border-radius-bottomright: 38px;
    
    -webkit-border-radius-bottomright: 38px;
} 
هنا ، يعمل المستخدم على مؤشرات مختلفة ويتم إنشاء كود CSS3 المطابق أثناء تحليق مؤشر الماوس. هذا المثال مرئي في هذه الصفحة .
لا يوجد حد لما يمكنك القيام به مع مولد. الأمر كله يتعلق بإيجاد فكرة جيدة ومفيدة لكثير من الناس وسهولة الاستخدام. هكذا ولدت معظم الابتكارات ...
أتمنى لك الكثير من النجاح مع المولدات التي ستطورها في المستقبل!