جي كويري
استخدام JQuery لإضافة مهام لموقعك
ماذا ستتعلم؟
- فهم أساسيات مكتبة جي كويري
- كتابة أوامر jQuery بسطر واحد
- تطبيق التأثيرات المختلفة على العناصر
- التعامل مع عناصر HTML وتعديلها
- تحديث محتوى الصفحة ديناميكيا
- التعامل مع الأبعاد برمجيا
- إضافة مهام تفاعلية للموقع
- الربط مع Servlet وJSP
عن الدورة
يشرح هذا الكورس مكتبة جي كويري (jQuery)، وهي مكتبة صغيرة وسريعة مبنية على JavaScript تجعل إضافة المهام والحركات إلى موقعك أسهل بكثير. فهي تقوم على مبدأ اكتب أقل وافعل أكثر، إذ تختصر العمليات الطويلة في سطر برمجي واحد. تبدأ بمقتطفات من الكورس، ثم تتعلم أساسيات جي كويري في ست محاضرات، وبعدها تنتقل إلى التأثيرات المختلفة، ثم التعامل مع عناصر HTML وتعديلها وتحديثها، ثم التعامل مع الأبعاد. وفي الختام تتعرف على الربط مع Servlet وJSP، وتجد ملحقات الكورس للتحميل. ينفع هذا الكورس كل من يصمم أو يطور مواقع ويب ويريد جعلها تفاعلية بأقل كود ممكن. يفضل أن تكون لديك معرفة بسيطة بـ HTML وJavaScript قبل البدء. الشرح مقسم إلى محاضرات قصيرة، فيسهل عليك المتابعة والتطبيق بنفسك على كل أمر. وفي النهاية ستكون قادرا على استخدام أوامر جي كويري لتطبيق التأثيرات، وتعديل عناصر الصفحة ديناميكيا، وتحسين تجربة المستخدم في موقعك.
نتائج متوقعة من الدورة
- إتقان استخدام مكتبة جي كويري لتطوير مواقع ويب تفاعلية.
- القدرة على تطبيق تأثيرات متقدمة لتحسين تجربة المستخدم.
- التعامل مع عناصر HTML لتعديلها وتحديثها بسهولة.
- العمل مع الأبعاد والعناصر الديناميكية لتصميم مواقع ويب احترافية.
- اكتساب مهارات تطوير مواقع ويب متطورة باستخدام جي كويري.
تقييمات المتدربين
- ★★★★★Baraa E.·منذ 3 شهرشاهد 54٪
تم عرض كل التقييمات (1)
محتوى الدورة
1أساسيات JQuery
7 درس
- مقتطفات من الكورسيشرح كيفية الحصول على مكتبة jQuery بنسختيها المضغوطة وغير المضغوطة، وإضافتها إلى مشروع، وكتابة أول كود داخل script باستخدام document ready مع زر وحدث click.14:12
- JQuery Basics (1)مقدمة مادة jQuery: مكتبة لتبسيط التعامل مع مكونات صفحة الويب، وفوائد إعادة استخدام التنسيق، وأن المطلوب معرفة أساسيات JavaScript قبل البدء.11:16
- JQuery Basics (2)مدخل بسيط إلى JavaScript داخل صفحات الويب: كيف تُكتب الأكواد بين وسمي script، مع أمثلة على حلقة تكرار تطبع قيما ومثال للتحقق من المدخلات.13:48
- JQuery Basics (3)يشرح إعداد jQuery للعمل: الحصول على المكتبة النسخة المضغوطة أو غير المضغوطة، وإضافتها إلى المشروع بملف JavaScript أو برابط على الإنترنت، ثم ربطها بصفحة HTML.18:01
- JQuery Basics (4)أول كود jQuery عمليا: ربط المكتبة بالصفحة، وكتابة الكود بين وسمي script داخل document ready، وإخفاء فقرات الصفحة عند الضغط على زر.9:14
- JQuery Basics (5)يشرح طرق تحديد العناصر في jQuery: بالـ id وبالـ class وبنوع العنصر، وكيف يمكن تطبيق الإجراء على زر واحد فقط أو على مجموعة عناصر تشترك في class واحد.19:58
- JQuery Basics (6)يشرح الأحداث في jQuery وكيف تُربط بها دوال، مثل mouseenter عند دخول المؤشر على العنصر، وfocus عند التركيز على حقل نصي، إضافة إلى click وdouble click.10:47
2مهام متقدمة
3 درس
- التأثيراتيشرح تأثيرات jQuery على عناصر الصفحة، مثل إظهار العنصر وإخفائه عند الضغط على زر، وكيف تُربط دالة لكل زر، وكيفية اختيار العناصر لتطبيق التأثير.30:22
- التعامل مع HTMLيشرح التعامل مع عناصر صفحة HTML عبر jQuery لقراءة محتواها وتغييره، كإضافة نص بخط عريض ودمج النصوص، وإضافة محتوى قبل العنصر أو بعده.27:46
- التعامل مع الأبعاديشرح قياس أبعاد العناصر في jQuery كالعرض والطول، ومعرفة أبعاد نافذة المتصفح، وتغيير الخصائص، مع مثال عملي على فلترة قائمة عناصر.15:46
3محاضرات مساعددة
2 درس
- Servletفكرة Java Servlet: ربط صفحة تسجيل دخول مصممة بـ HTML بـ class في Java على السيرفر، وقراءة القيم المرسلة من الصفحة عبر الـ request وطباعة اسم المستخدم.8:29
- JSPفكرة Java JSP أي Java Server Pages: كتابة كود Java داخل صفحة HTML بين وسوم خاصة، مع مثال حلقة تكرار ومثال لصفحة تسجيل دخول تقرأ قيم الحقول.10:01
4الملحقات
1 ملحقات
- حمل الملحقات من هنا
المحاضر
م/عزب محمد عزب
هذه الدورة ضمن دبلومة
