تعلم jQuery: دورة برمجة
تعلم jQuery: دورة برمجة — تعلّم jQuery على هاتفك: اكتب سلسلة أوامر وشاهد صفحة حقيقية تتفاعل
تعلم jQuery: دورة برمجة هو تطبيق مجاني للبدء على iOS وAndroid، يعلّم مكتبة jQuery JavaScript — معالجة DOM والأحداث والتأثيرات وAJAX — للمبتدئين والطلاب والمطوّرين الذين يديرون مواقع jQuery. تقترن كل جلسة بمحرّر مباشر ومعاينة للصفحة، كما أن jQuery 3.7.1 مضمّن، لذا تعمل الشفرة التي تكتبها على الهاتف، حتى دون اتصال بالإنترنت. ويجيب مرشد AI عن الأسئلة المتعلقة بمحدِّد أو خطأ أو طلب AJAX.
- السعر
- مجاني، مع ترقية Pro
- المنصات
- iOS وAndroid
- اللغات
- 22
- التصنيف العمري
- 4+
- يتطلب
- iOS 15.1 أو أحدث
إذا كنت تعرف محدِّد CSS، فأنت تعرف معظم jQuery بالفعل.
تستعير jQuery محدِّداتها من CSS وتتيح لك تسلسل الإجراءات على النتيجة. وهذا يجعلها مدخلًا سلسًا إلى DOM والأحداث والشفرة غير المتزامنة، ومهارة عملية للمواقع الكثيرة الموجودة التي لا تزال تعتمد عليها.
ما هو
تعلم jQuery: دورة برمجة هو تطبيق دورة تعليمية على iOS وAndroid لمكتبة jQuery JavaScript. يضم 22 دورة تحتوي على 48 درسًا من المستوى A1 إلى C1، ومحرّر JavaScript مباشرًا مع معاينة لصفحة تعمل على الجهاز مع تضمين jQuery 3.7.1، و20 مهمة لتصحيح الأخطاء، و20 مشروعًا موجّهًا بتقنيات HTML وCSS، و50 سؤالًا للمقابلات، و50 سؤالًا للاختبارات، وورقة مرجعية تضم 91 مدخلًا. يشرح مرشد AI المحدِّدات والأخطاء وطلبات AJAX بلغة واضحة.
داخل التطبيق
كيف يبدو
الدورة
ما الذي تغطيه دورة jQuery
مستمدّة من قائمة دورات jQuery في CoddyKit، بدءًا من أول استدعاء للدالة $ وصولًا إلى الإضافات والاختبار والعمل إلى جانب JavaScript الحديث.
مرحبًا بك في jQuery والخطوات الأولى
ماهيّة jQuery، والمشكلة الفعلية التي حلّتها، وسبب استمرار استخدام عدد كبير من المواقع لها، ثم أول سلسلة وأساسيات المبتدئين.
تحديد العناصر والتنقّل في DOM
تحديد العناصر، ثم استخدام محددات السمات والفئات الزائفة المتقدمة، والتنقّل عبر DOM من عنصر إلى آخر.
معالجة DOM وتنسيقه
إنشاء العناصر وإدراجها ونقلها وإزالتها عبر دورتين، مع تغيير CSS والفئات من خلال الكود.
الأحداث والتفويض
إدارة الأحداث، ثم تفويض الأحداث للعناصر المُضافة لاحقًا، وإدارة الأحداث المخصّصة.
الرسوم المتحركة والتأثيرات
الرسوم المتحركة الأساسية، ثم الرسوم المتحركة المعقّدة والتأثيرات المخصّصة، مثل التسلسلات المتسلسلة وعمليات التيسير المخصّصة.
النماذج والبيانات والقوالب
محتوى ديناميكي باستخدام سمات البيانات والقوالب، إلى جانب التعامل المتقدم مع النماذج والتحقّق منها.
AJAX وكائنات Deferred والوعود
عمليات AJAX والتعامل مع البيانات البعيدة، ثم كائنات Deferred والوعود لإدارة الكود غير المتزامن.
الإضافات والأداء والاختبار
المحددات والتصفية المخصّصة، وتطوير إضافات متينة، وتحسين الأداء وأفضل الممارسات، ودمج jQuery مع JavaScript الحديث، واختبار تطبيقات jQuery.
كيف يعمل
كيفية عمل الدرس
يضع كل درس شرحًا قصيرًا إلى جانب شفرة تشغّلها بنفسك، فتختبر الفكرة قبل الانتقال إلى ما بعدها.
اقرأ درسًا قصيرًا واحدًا
افتح موضوعًا واقرأ شرحًا موجزًا لمحدِّد أو حدث أو تأثير. الدروس قصيرة بما يكفي لقراءتها أثناء رحلة بالحافلة، وتنتقل الدورة من أول سلسلة أوامر إلى الإضافات والاختبار.
اكتب السلسلة وشاهد الصفحة تتفاعل
في المحرّر المباشر، تكتب HTML وCSS وjQuery وتشغّلها دفعة واحدة. يعيد المحرّر تشغيل شفرتك عندما تتوقف عن الكتابة، من دون خادم أو خطوة بناء، وتعرض معاينة الصفحة النتيجة.
أصلح خطأً، ثم اسأل المرشد
تقدّم لك المهام شفرة معطّلة وتطلب منك العثور على الخلل: معالج نقر يكون فيه this هو window، أو قائمة تستمر في الانزلاق، أو عملية حفظ تُنفّذ مرتين. وعندما لا يكون مفهوم أو خطأ ما واضحًا، يشرحه مرشد AI مرة أخرى بكلمات أبسط.
ماذا يتضمن
محتويات التطبيق
22
دورات من A1 إلى C1
22 دورة تضم 48 درسًا، تبدأ من الدالة $ وسلسلتك الأولى، ثم تتابع عبر المحدِّدات ومعالجة DOM والأحداث والرسوم المتحركة والنماذج وAJAX والإضافات والأداء.
3.7.1
jQuery مضمّن
تعمل معاينة الصفحة على الجهاز مع تضمين jQuery 3.7.1، لذا يعمل المحرّر دون اتصال بالإنترنت أيضًا.
20
مهام تصحيح الأخطاء
أخطاء واقعية لإصلاحها، مثل سلسلة تنتهي بسلسلة نصية أو زر حذف لا يعمل إلا مع الصفوف الأولى.
20
مشاريع صفحات موجّهة
عشرون مشروعًا بتقنيات HTML وCSS تنشئ البنية التي ستعمل عليها محدِّداتك لاحقًا.
91
ورقة مرجعية واختبارات
ورقة مرجعية تضم 91 مدخلًا عن المحدِّدات والأحداث والتأثيرات وطرق AJAX، إضافة إلى 50 سؤالًا للاختبارات و50 سؤالًا للمقابلات.
AI
مرشد AI
اسأل عن محدِّد أو خطأ أو طلب AJAX واحصل على إجابة بلغة واضحة. تتضمن الخطة المجانية 3 أسئلة يوميًا.
خلفية
هل لا يزال تعلّم jQuery يستحق العناء، وفيمَ تُستخدم؟
jQuery هي مكتبة JavaScript تجعل تحديد العناصر في صفحة ويب وتغييرها والتفاعل مع النقرات وتحميل البيانات دون إعادة تحميل الصفحة أمورًا أكثر اختصارًا. وقد حلّت أطر أحدث محلّها في كثير من المشاريع الجديدة، لكن نسبة كبيرة من المواقع الحالية لا تزال تعمل باستخدام jQuery، لذا تظل قراءة هذه الشفرة وإصلاحها وتوسيعها مهارة عملية في تطوير الويب. كما أنها طريقة سلسة للتعرّف إلى DOM والأحداث وJavaScript غير المتزامنة قبل الانتقال إلى أدوات أكبر.
الدالة $ وتسلسل الأوامرسطر واحد، وإجراءات متعددة
يؤدي استدعاء $ باستخدام محدِّد إلى إرجاع كائن jQuery، وتعيد كل طريقة تقريبًا ذلك الكائن مرة أخرى. وهذا ما يتيح إنشاء سلسلة مثل تحديد قائمة وإضافة فئة إليها وإظهارها تدريجيًا في سطر واحد واضح بدلًا من أربع عبارات منفصلة.
المحدِّداتمعرفة CSS تنتقل معك
تعمل محدِّدات الفئات والمعرّفات والسمات والفئات الزائفة إلى حد كبير كما تعمل في ورقة الأنماط. ثم تتنقّل طرق الاجتياز من عنصر إلى آبائه أو أبنائه أو إخوته، وبذلك تصل إلى الصف الصحيح عندما تحتوي الصفحة على مئات الصفوف المتشابهة.
تفويض الأحداثالحل للعناصر المضافة لاحقًا
لا يتوفر معالج مرتبط بزر إلا للأزرار الموجودة عند تشغيل الشفرة. أما ربطه بعنصر أب وتصفية النتائج حسب المحدِّد فيجعله يعمل مع الصفوف المضافة بعد ذلك، وهو سبب شائع لعمل زر الحذف مع الصفوف القديمة فقط.
إلى ماذا يشير thisخطأ شائع
داخل معالج jQuery، يشير this إلى العنصر الذي تلقّى الحدث، لكن دالة السهم أو دالة الاستدعاء الموضوعة في غير موضعها قد تغيّر ذلك. ويُعد تصحيح معالج أصبح فيه this هو window خطأً حقيقيًا شائعًا في البداية.
AJAX والوعودبيانات دون إعادة تحميل
ترسل $.ajax() طلبًا وتتيح للصفحة التحديث عند وصول الإجابة. وتنظّم الكائنات المؤجّلة والوعود عدة طلبات من هذا النوع، بحيث تنتظر خطوةٌ خطوةً أخرى بدلًا من تشبيك دوال الاستدعاء.
الملاءمة
لمن يناسب — ولمن لا يناسب
يناسبك إذا كنت
- تعرف قليلًا من HTML وCSS وتريد جعل الصفحات تتفاعل مع النقرات والنماذج
- تتولى صيانة موقع مبني على jQuery وتحتاج إلى قراءة أكواده وإصلاحها
- تستعد لمقابلة لوظيفة في الواجهة الأمامية، حيث لا تزال jQuery القديمة تظهر
- تريد كتابة الكود على الهاتف ورؤية معاينة الصفحة فورًا
- تتعلّم بشكل أفضل في جلسات قصيرة وتحب وجود مرشد يمكنك طرح الأسئلة عليه
ليس الأداة المناسبة لك إذا كنت
- تريد تعلّم إطار حديث مثل React؛ فهذا التطبيق يعلّمك jQuery وDOM
- تحتاج إلى أن تكون كل الدورات مجانية: الدورة الأولى، والمشروع الأول، ومهمتان مجانًا، بينما يفتح Pro بقية المحتوى
- تتوقع أن تكون النسخة المجانية بلا إعلانات، إذ يزيلها Pro
الأسئلة
الأسئلة الشائعة
ما أفضل طريقة لتعلّم jQuery على الهاتف؟
الطريقة الأكثر فاعلية هي كتابة الكود ورؤية الصفحة تتغيّر، لا الاكتفاء بالقراءة عن المحددات. يقدّم تعلم jQuery: دورة برمجة لكل درس قصير محرّرًا مباشرًا مع معاينة للصفحة، وتأتي jQuery 3.7.1 مضمّنة ليعمل التطبيق على الجهاز، كما يشرح مرشد الذكاء الاصطناعي أي شيء غير واضح. ويمكنك البدء مجانًا على iOS وAndroid.
هل jQuery هي نفسها JavaScript؟
لا. JavaScript هي لغة البرمجة، أما jQuery فهي مكتبة مكتوبة بلغة JavaScript تختصر المهام الشائعة، مثل تحديد العناصر والتفاعل مع النقرات وإرسال طلبات AJAX. يعلّمك تعلم jQuery: دورة برمجة استخدام jQuery داخل محرّر JavaScript، لتتدرّب عليهما معًا وترى كيف تقابل السلسلة كود DOM العادي.
هل لا يزال تعلّم jQuery يستحق العناء؟
تختار فرق كثيرة أدوات أخرى للمشاريع الجديدة، لكن نسبة كبيرة من المواقع الحالية لا تزال تعمل باستخدام jQuery، لذا تُعدّ قراءة ذلك الكود وإصلاحه مهارة عملية. كما أنها طريقة سهلة للتعرّف إلى DOM والأحداث وJavaScript غير المتزامنة. ويتضمن تعلم jQuery: دورة برمجة أسئلة مقابلات لوظائف الواجهة الأمامية التي لا تزال تظهر فيها jQuery القديمة.
هل يتوفر تعلم jQuery: دورة برمجة على iPhone وAndroid؟
نعم. يتوفر تعلم jQuery: دورة برمجة على App Store لأجهزة iPhone التي تعمل بنظام iOS 15.1 أو إصدار أحدث، وعلى Google Play لأجهزة Android. وتتوفر الواجهة بـ 22 لغة، من بينها الإنجليزية والإسبانية والألمانية والفرنسية والبرتغالية واليابانية والكورية والعربية والهندية والتركية، بينما تظل لغة الكود الذي تكتبه jQuery وJavaScript مهما كانت لغة الواجهة.
هل يمكنني تشغيل كود jQuery دون اتصال بالإنترنت داخل التطبيق؟
نعم، بالنسبة إلى المحرّر. تأتي jQuery 3.7.1 مضمّنة في تعلم jQuery: دورة برمجة، لذا تعمل معاينة الصفحة على الجهاز حتى دون اتصال بالإنترنت. أما الميزات التي تعتمد على مرشد الذكاء الاصطناعي فتحتاج إلى اتصال بالإنترنت.
ما الموضوعات التي تغطيها دورة jQuery؟
تمتد الدورات الـ22 من دالة $ والمحددات إلى معالجة DOM والتنسيق والأحداث والتفويض والرسوم المتحركة والنماذج وAJAX وكائنات Deferred والوعود. ثم تتابع بالمحددات المخصّصة وكتابة الإضافات وتحسين الأداء ودمج jQuery مع JavaScript الحديث والاختبار.
ما مهام تصحيح الأخطاء؟
هي 20 تمرينًا تمنحك كود jQuery معطّلًا وتطلب منك العثور على الخطأ، بالطريقة التي تحدث بها الأمور في العمل. ومن أمثلتها معالج نقر تكون فيه this هي window، وسلسلة تنتهي بنص، وزر حذف لا يعمل إلا مع الصفوف القديمة، وقائمة تواصل الانزلاق بعد مغادرتك، وعملية حفظ تُنفّذ مرتين.
هل أحتاج إلى معرفة JavaScript أو HTML مسبقًا؟
تساعدك معرفة القليل من HTML وCSS، لأن محددات jQuery تعمل على الترميز وتستعير من CSS. كما يتضمن تعلم jQuery: دورة برمجة 20 مشروعًا موجّهًا لصفحات HTML وCSS، لتتمكن من بناء الترميز الذي ستستخدمه محدداتك. وتبدأ الدورة من السلسلة الأولى.
هل تعلم jQuery: دورة برمجة مجاني؟
يمكنك البدء مجانًا: الدورة الأولى، والمشروع الموجّه الأول، ومهمتان، والمحرّر، والاختبارات، وأسئلة المقابلات، والورقة المرجعية، و3 أسئلة يوميًا لمرشد الذكاء الاصطناعي. تعرض النسخة المجانية إعلانات. يفتح Pro جميع الدورات والمشاريع والمهام، وامتحان الشهادة، والاستخدام غير المحدود لمرشد الذكاء الاصطناعي، كما يزيل الإعلانات. ويتوفر على شكل اشتراك أسبوعي أو شهري أو سنوي، أو كعملية شراء لمرة واحدة مدى الحياة. ويُعدّ امتحان الشهادة في نهاية الدورة جزءًا من Pro.
هل يرتبط التطبيق رسميًا بـ jQuery؟
لا. jQuery علامة تجارية لمؤسسة OpenJS Foundation، وتعلم jQuery: دورة برمجة تطبيق تعلّم مستقل غير تابع لمؤسسة OpenJS Foundation ولا يحظى بتأييدها.
ابدأ الآن
اكتب سلسلة jQuery الأولى اليوم
ابدأ مجانًا على iOS وAndroid، وبـ22 لغة.
المزيد من CoddyKit
متاح على iOS و Android.