جي كويري هي مكتبة جافا سكربت، الغاية منها تسهيل العمل على المطورين وذلك باختصار النصوص البرمجية والمهام المعروفة بكلمات بسيطة، شعارها "اكتب قليلا وأفعل كثيرا".
معرفة أساسية بلغة HTML
| المدة | الدروس (43) |
|---|---|
|
المقدمة
-
لا يوجد وصف
|
|
| 00:05:13 |
مقدمة مع بعض الأمثلة
بعض الأمثلة لعرض كيف تعمل جي كويري |
| 00:03:02 |
متطلبات البدء بالدورة
كيف يمكنك البدء في تعلم jquery |
| 00:06:04 |
إضافة jQuery لصفحتك
كيفية اضافة المكتبة على الصفحة |
| 00:01:29 |
إضافة برمجتك الخاصة على الصفحة
كيفية كتابة الشفرات البرمجية |
| 00:02:33 |
ماهو DOM في جي كويري؟
مالمقصود بـ DOM في الصفحات وكيف تتعرف عليه jquery |
| 00:02:35 |
كيف تصل للعناصر DOM بالمتصفح
كيف تستخدم المتصفح لكي تصل للعناصر في الصفحات |
| 00:04:41 |
كيف تتم كتابة شفرات جي كويري
تعلم كيفية كتابة شفرات jquery المخصصة |
| 00:07:59 |
كيف تصل للعناصر DOM في جي كويري
حان الوقت لتعرف كيف يمكنك استخدام jquery للوصول لعنصر في الصفحة |
|
تبديل قيم الخصائص
+
لا يوجد وصف
|
|
| 00:04:02 |
التعريف بالدوال .html() .text()
تبديل النصوص والعناصر في الصفحة |
| 00:06:29 |
التعامل مع الدالة .attr()
تغيير قيم العناصر |
|
الأحداث
+
التعامل مع الأحداث التي تتم داخل الصفحة
|
|
| 00:01:40 |
الأحداث Events
مقدمة للتعريف بالأحداث Events |
| 00:02:55 |
استخدام this
تعرف على استخدام this في jquery |
| 00:07:07 |
أحداث الفأرة mouse events
كيفية التعامل مع الإجراءات التي تحدث عن طريق الفأرة |
| 00:08:16 |
أحداث لوحة المفاتيح keyboard events
كيف تتعامل مع الإجراءات التي تحدث من خلال لوحة المفاتيح |
|
المؤثرات البصرية
+
كيفية إضافة مؤثرات بصرية على الصفحة
|
|
| 00:05:46 |
المؤثرات: hide - show - toggle
مؤثرات إظهار وإخفاء المحتوى من الصفحات |
| 00:08:07 |
المؤثرات: fade
تأثير الإخفاء والإظهار التدريجي |
| 00:04:23 |
المؤثرات: slide
كيفية إدراج العناصر باستخدام مؤثر الزحلقة slide |
| 00:05:14 |
المؤثرات: animate
وضع مؤثراتك الخاصة باستخدام animate |
| 00:04:36 |
إيقاف المؤثرات: stop
كيف تقوم بإيقاف المؤثرات أو مؤثر واحد |
| 00:06:31 |
الردود: callbacks
عند إنتهاء دالة من عملها، يمكنك التحقق من ذلك وفعل المزيد. |
| 00:04:19 |
التسلسل بالمؤثرات: chaining
وضع سلسلة مترابطة من الدوال على العناصر |
|
تبديل المحتوى على الصفحة ديناميكيا
+
التعامل مع العناصر في الصفحة وتبديل القيم والنصوص بشكل ديناميكي
|
|
| 00:08:20 |
جلب البيانات مع التحدي #1
سنتعرف على text val html attr بشكل مكثف |
| 00:04:21 |
جلب معلومات css وحل التحدي #1
الحصول على المعلومات من العناصر |
| 00:04:52 |
الإضافة: append - prepend
كيف تقوم بإضافة محتوى على العناصر |
| 00:01:27 |
before - after تحدي #2 شاشة المحادثة
الإضافة قبل أو بعد العناصر |
| 00:05:33 |
حل التحدي #2 نافذة المحادثة
كيفية تنفيذ نافذة محادثة |
| 00:03:04 |
الحذف باستخدام: remove - empty
كيف يتم تفريغ العناصر أو حذفها من الصفحة |
| 00:07:20 |
التعامل مع css
إضافة و تعديل خصائص css في الصفحات |
| 00:10:55 |
الأبعاد
التعامل مع أبعاد العناصر |
|
التنقل الشجري بين العناصر
+
كيفية القيام بالتنقل الشجري بين العناصر في الصفحة
|
|
| 00:04:16 |
التنقل الشجري Traversing
مقدمة تعريفية بـ Traversing |
| 00:02:58 |
التنقل الشجري - الأسلاف
كيفية معرفة أسلاف العنصر"ancestors" في الصفحة |
| 00:02:16 |
التنقل الشجري: التابعون
كيفية الوصول للتابعين "descendants" في الصفحة |
| 00:05:35 |
التنقل الشجري بشكل أفقي - الإخوة
كيفية التنقل بشكل أفقي للوصول للعناصر المجاورة "siblings" |
| 00:06:29 |
التنقل الشجري - ترشيح العناصر filters
كيفية وضع فلاتر "ترشيح" للعناصر في الصفحات |
| 00:04:30 |
التنقل الشجري - أمثلة عملية
أمثلة عملية لاستخدامات التنقل الشجري في الصفحات |
| 00:15:25 |
البحث باستخدام filter مع أمثلة متعددة
كيفية البحث عن العناصر في الصفحات باستخدام .filter() |
|
طلب البيانات باستخدام http
+
كيفية طلب البيانات من مصادر خارجية للصفحة
|
|
| 00:03:49 |
مقدمة في AJAX
AJAX عبارة عن تحميل بيانات للصفحة دون تحديثها! |
| 00:02:55 |
الحصول على البيانات - load
تحميل البيانات من ملفات على الصفحة |
| 00:03:29 |
الحصول على البيانات - http post
إرسال البيانات عبر http |
| 00:08:30 |
الحصول على البيانات - http get
الحصول البيانات عبر http |
|
دروس إضافية
+
ستجد هنا دروس إضافية تتضمن كيفية التعامل مع التعارضات ومشروع الدورة
|
|
| 00:05:13 |
حل التعارض باستخدام noConflict
طريقة العمل مع مكتبات جافاسكربت أخرى دون تعارض |
| 00:11:15 |
هدية الدورة: برمجة لعبة بسيطة
لعبة مبسطة هدفها توضيح مايمكن فعلة من ماتعلمنا في الدورة |
| مقال |
هدية الدورة: تحميل ملف اللعبة
تحميل الشفرة المصدرية لصفحة اللعبة |
| عرض الكل + إخفاء الكل - | |
جيكويري jQuery هي مكتبة شهيرة للغة JavaScript غرضها الأساسي هو تبسيط طرق التعامل مع لغة جافاسكربت JavaScript مع إضافة خصائص جاهزة لها مثل المؤثرات البصرية وتستخدم في بناء صفحات الإنترنت.
مدرب في فلكس كورسز وقائد فريق التطوير والبرمجة في هذا الموقع الرائع. إذا كنت ترغب بمعرفة المزيد عني يمكنك زيارة موقعي الشخصي.
المزيد ...