10+ دروس جافا سكريبت مفيدة لمطوري WordPress في عام 2017

في عنوان حالة الكلمة لعام 2015 لمات مولينويج ، أعطى لمجتمع WordPress بأكمله واجبًا منزليًا - "تعلم JavaScript ، بشكل عميق". هذا التركيز ، جنبًا إلى جنب مع التطورات مثل Calypso و REST API ، هو السبب في أننا نشرنا للتو منشورًا تعليميًا أساسيًا لـ JavaScript للمبتدئين لبدء استخدام JavaScript.

يركز هذا المنشور بالكامل على دروس JavaScript الأساسية. في هذا المنشور ، سأأخذ الأمور إلى أبعد من ذلك قليلاً وأعطيك قائمة دروس JavaScript التعليمية للمحتوى الذي يركز بشكل خاص على JavaScript كما ينطبق على WordPress .

نظرًا لأن التركيز ينصب على JavaScript المطبق ، بدلاً من الأساسيات ، فمن المحتمل أنك ستحتاج على الأقل إلى فهم أساسي لـ JavaScript للحصول على قيمة من هذه البرامج التعليمية. إذا كان هذا يبدو مثلك ، فأنا أدعوك للحفر وتعلم بعض JavaScript القابل للتطبيق في WordPress!

دروس JavaScript مفيدة لمطوري WordPress

قبل أن أصل إلى قائمة البرامج التعليمية ، أريد أن أمضي ثانية في إعطاء بعض المعلومات الأساسية عن كيفية إنشاء هذه القائمة بالفعل.

كما ذكرت في المقدمة ، هذه ليست قائمة بالبرامج التعليمية العامة لمساعدتك على تعلم JavaScript. بدلاً من ذلك ، لإدراجه في هذه القائمة ، كنت أبحث عن شيئين:

• يتعلق المورد بشكل خاص بتطبيق JavaScript على WordPress
• المحتوى يغطي شيئا "لحمي". وهذا يعني أنه أكثر من مجرد مقتطف شفرة قصير أو شرح موجز.

بالإضافة إلى هذين المطلبين ، تغطي البرامج التعليمية في هذه القائمة مجموعة انتقائية إلى حد ما من التطبيقات. بالإضافة إلى ذلك ، معظمها عبارة عن برامج تعليمية قائمة بذاتها ، على الرغم من أن بعضها عبارة عن دورات أو مجموعات أوسع.

وأخيرًا ، معظم البرامج التعليمية مجانية ، ولكن هناك أيضًا بعض الخيارات المدفوعة مختلطة في القائمة. سأتأكد من ملاحظة أيهما بحيث يمكنك العثور على شيء يناسب ميزانيتك (أو عدمه).

حسنًا - يكفي الدردشة. هيا بنا إلى القائمة ...

1. استخدم AngularJS كواجهة ووردبريس أمامية

في هذا البرنامج التعليمي من Andrea Terzani ، يأخذك من خلال إنشاء تطبيق AngularJS بسيط لتقديم محتوى المنشور. Andrea إيطالي ، لذا فإن القواعد ليست دائمًا مثالية ( هذا ليس نقدًا ، وأنا أقدر ثنائية اللغة!) ، لكنه يتضمن الكثير من أمثلة التعليمات البرمجية ، ويمكنك دائمًا الحصول على الحزمة الكاملة من صفحة GitHub الخاصة به.

السعر: مجاني | معلومات اكثر

2. JavaScript for WordPress

Zac Gordon معروف إلى حد ما في مجتمع WordPress بفضل دروسه في Treehouse بالإضافة إلى محادثاته في عدد كبير من أحداث WordCamp.

JavaScript for WordPress هو برنامج "الدورة التدريبية الرئيسية" الخاص به لتعلم JavaScript كما ينطبق على WordPress.

الدورة ليست متاحة للجمهور ولا مجانية. في الواقع ، عليك حجز مقعد قبل أن تتمكن حتى من الانضمام إلى الدورة.

وذلك لأن زاك يفضل العمل إما بشكل فردي أو في مجموعات صغيرة ، بدلاً من اتباع نهج "اضبطه ونسيانه" في التعلم.

هذا الاهتمام الشخصي لا يأتي بثمن بخس - فالدورة التدريبية تصل إلى 697 دولارًا. ولكن إذا كنت جادًا في تعلم JavaScript لتطوير WordPress ، فإن بيانات اعتماد Zac تدعم بالتأكيد علامة السعر المرتفعة.

السعر: 697 دولار | معلومات اكثر

3. بناء ملحقات WordPress التفاعلية

قام Delicious Brains ، صانعو المكون الإضافي WP Migrate DB المحبوب من قبل المطورين ، بوضع الكثير من البرامج التعليمية عالية الجودة التي تركز على المطورين على مدونة WordPress الخاصة بهم. هذه السلسلة المكونة من ثلاثة أجزاء حول إنشاء إضافات WordPress التفاعلية ليست استثناءً.

تركز كل من المنشورات الثلاثة في السلسلة على بناء نفس مكون WordPress الإضافي البسيط ، فقط باستخدام تقنية واجهة أمامية مختلفة.

عبر السلسلة بأكملها ، يمكنك أن ترى كيف تم إنشاء المكون الإضافي باستخدام:

• Backbone.js
• Vue.js
• الدردار

البرامج التعليمية طويلة وموضحة جيدًا ، لذلك ستحصل بالتأكيد على الكثير من القيمة من هذه السلسلة.

السعر: مجاني | معلومات اكثر

4. استخدام العمود الفقري داخل مدير WordPress

في هذا البرنامج التعليمي المكون من جزأين من Envato Tuts + ، ستتعلم أولاً كيفية تطبيق Backbone JS داخل الواجهة الخلفية لـ WordPress ، متبوعًا بالجزء الثاني حول استخدام Backbone على الواجهة الأمامية.

يأخذك Shane Osbourne إلى كل شيء ، بما في ذلك الكثير من أمثلة التعليمات البرمجية ولقطات الشاشة.

كما هو معتاد ، يمكنك أيضًا التحقق من قسم التعليقات لبعض الجدل حول جودة الكود.

السعر: مجاني | معلومات اكثر

5. دروس Yoren Chang حول بناء السمات باستخدام AngularJS و WP REST API

منذ أكتوبر 2014 ، كانت هواية Yoren Chang تبني موضوعات WordPress باستخدام AngularJS. لماذا هذا مهم بالنسبة لك؟ لأنه خلال ذلك الوقت ، قام أيضًا بتوثيق هوايته في عدد من منشورات البرنامج التعليمي على موقعه.

حاليًا ، نشر 21 درسًا مختلفًا ، كلها مخصصة لاستخدام AngularJS مع قوالب WordPress.

بعض الدروس سريعة الضربات ، في حين أن البعض الآخر يتعمق قليلاً. ضعهم جميعًا معًا ، وستحصل على مجموعة عميقة لإبقائك مشغولًا لبعض الوقت.

السعر: مجاني | معلومات اكثر

6. العمل مع JavaScript و WordPress

العمل مع JavaScript و WordPress عبارة عن دورة PluralSight القصيرة من المطور Brian Hogg.

في أقل من ساعتين ، الدورة ليست التزامًا كبيرًا. يأخذك من خلال مقدمة قصيرة ، باستخدام JavaScript في المكونات الإضافية والسمات ، واستخدام AJAX لإرسال البيانات وحفظها.

بينما تحتاج من الناحية الفنية إلى عضوية PluralSight للوصول إلى الدورة ، يمكنك الحصول على نسخة تجريبية مجانية من PluralSight لمدة 10 أيام والتي من المفترض أن تمنحك أكثر من الوقت الكافي لاستهلاك الدورة.

السعر : مجاني مع نسخة تجريبية مجانية | معلومات اكثر

7. إنشاء تطبيقات صفحة واحدة باستخدام WordPress و Angular.js

برنامج JavaScript التعليمي هذا هو إضافة أحدث من Tom Whitbread في Envato Tuts +. نظرًا لأنه يمكنك على الأرجح الاستقاء من الاسم ، فإنه يأخذك خلال عملية استخدام AngularJS لإنشاء تطبيق صفحة واحدة يعتمد على WordPress.

يمكنك أيضًا العثور على جميع أكواد Tom في صفحة GitHub الخاصة به.

السعر: مجاني | معلومات اكثر

8. كيفية إنشاء تطبيقات React أعلى واجهة برمجة تطبيقات WordPress REST

هذه فكرة أخرى حيث يمكنك الحصول على فكرة جيدة عما يتم تناوله من العنوان فقط!

بالإضافة إلى العمق الذي ذهب إليه المؤلف Andrey ، أحب أيضًا أن يحتوي هذا البرنامج التعليمي على قسم تعليقات قوي لمزيد من النقاش.

يمكنك أيضًا الاطلاع على عرض توضيحي للواجهة الأمامية الأساسية التي ستقوم ببنائها ، بالإضافة إلى صفحة Andrey's GitHub التي تحتوي على جميع التعليمات البرمجية.

السعر: مجاني | معلومات اكثر

9. طريق بسيط لكتابة تطبيق React.js في مكون WordPress الإضافي

WPShout معروفة في المجتمع بدروس WordPress التي تركز على المطورين. على الرغم من أنهم لا يركزون حصريًا على JavaScript بأي حال من الأحوال ، فإن هذا البرنامج التعليمي من Fred يتعمق في موضوع مشابه مثل البرنامج التعليمي السابق من خلال توضيح كيفية كتابة تطبيق React.js داخل مكون WordPress الإضافي.

بالإضافة إلى أمثلة التعليمات البرمجية في المنشور ، يتضمن فريد أيضًا ملفًا مضغوطًا يحتوي على الكود الكامل من العرض التوضيحي.

السعر: مجاني | معلومات اكثر

10. JavaScript لمطوري WordPress من WPMUDev

قام دانيال باتاكي ، محرر WordPress في مجلة Smashing ومؤلف لمرة واحدة في Elegant Themes ، بتجميع سلسلة JavaScript متعددة الأجزاء لمطوري WordPress في WPMUDev.

تعتمد الدورة على الأساسيات وصولاً إلى موضوعات أكثر تقدمًا. إنها أكثر ملاءمة للمبتدئين في JavaScript من بعض البرامج التعليمية الأكثر تقدمًا في هذه القائمة. لذلك إذا شعرت بالضياع قليلاً حتى الآن ، فقد يكون هذا مكانًا جيدًا للبدء.

السعر: مجاني | معلومات اكثر

11. تطبيقات الصفحة الواحدة باستخدام AngularJS وواجهة برمجة تطبيقات WordPress REST

هذا هو برنامج تعليمي مفصل من Almir في SitePoint. يمنحك نظرة متعمقة على استخدام AngularJS لإنشاء تطبيق صفحة واحدة يعتمد على WordPress وواجهة برمجة تطبيقات REST.

يتضمن ألمير صفحات GitHub منفصلة لكل من تطبيق Angular وموضوع WordPress الفرعي الذي يستخدمه في المثال ، لذلك يجب أن تكون قادرًا على متابعة كل ما يحدث بسهولة.

السعر: مجاني | معلومات اكثر

التفاف الأشياء

مع التركيز المتزايد على REST API ، فإن JavaScript و WordPress سيقتربان فقط. اعتبارًا من مارس 2017 ، يمكنك حتى العثور على السمات المستندة إلى JavaScript في مستودع WordPress.org.

لذا ، إذا كنت ترغب في مواكبة مجتمع WordPress ، فأنت بحاجة ، كما قال مات ، "Learn JavaScript، Deeply".

آمل أن يساعد برنامج تعليمي JavaScript واحد على الأقل في هذه القائمة. وإذا كنت تعرف برنامجًا تعليميًا رائعًا يستحق أن يكون في هذه القائمة ، فسيكون من الرائع أن تشاركه في التعليقات حتى نتمكن من تحسين هذا المورد بشكل تعاوني.

صورة مصغرة للمادة بواسطة Teguh Jati Prasetyo / shutterstock.com