8 دروس جوتنبرج للمطورين

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

ملاحظة سريعة

قبل أن نتعمق في الأمر: تمت كتابة جوتنبرج بمكتبة جافا سكريبت تسمى React. إنها نفس المكتبة التي كتب فيها Instagram ، بالإضافة إلى ديفي بيلدر المحبوب. لذلك يمكننا أن نؤكد أنها أشياء جيدة تريد أن تتعلمها.

لأنه إذا كنت ترغب حقًا في التعمق في تطوير Gutenberg ، فستنتقل أيضًا إلى JavaScript. كما قال مات مولينويج قبل بضع سنوات ، سوف تتعلم جافا سكريبت. بشدة." لدينا بعض المقالات الجيدة التي يمكنك الاطلاع عليها لمعرفة نوع الأشياء التي ستناسبك.

خذ بعض الوقت ، انظر من خلال هؤلاء ، وشاهد ما يشبه. وعندما يكون لديك إشارة مرجعية أو حفظها في Pocket ، فاستقر وألق نظرة على بعض من أفضل دروس Gutenberg عبر الويب.

1. صفحة جوتنبرج الرسمية

يجب أن تبدأ مع موقع WordPress Gutenberg الرسمي. أعني ، إذا كنت لا تعرف الوثائق الأساسية ، فلن يكون أي شيء أعلاه منطقيًا. لقد جعلوا الصفحة الأولى مؤخرًا عرضًا توضيحيًا تفاعليًا بالكامل للمُنشئ ، بالإضافة إلى توفير روابط إلى الأسئلة الشائعة في الكتيب الخاص بهم وبرنامج تعليمي يسمى The Language of Gutenberg ، وهو أمر مطلوب إلى حد كبير للقراءة قبل المضي قدمًا في التطوير.

2. جوتنبرج

على الرغم من أنه ليس برنامجًا تعليميًا تقنيًا ، إلا أن Gutenberg.news يجمع بعضًا من أعلى مستوى / جودة عالية من جميع أنحاء الويب في مكان واحد. أركض هناك من حين لآخر لأرى ما هو جديد وينتهي بي الأمر بالسقوط في حفرة النقر في كل مرة. لديهم مزيجًا من البرامج التعليمية للمطورين والمستخدمين ، ولكنك ستجد أشياء مثل إنشاء كتل Gutenblock المخصصة باستخدام مكون نص منسق وتغريدات مع روابط إلى مستودعات Github التي يمكن أن تعلمك كيفية تحويل الرموز القصيرة الحالية إلى كتل Gutenberg.

3. دليل تطوير جوتنبرج

أعتقد أنه يوجد في الاسم ، أليس كذلك؟ دليل تطوير Gutenberg عبارة عن سلسلة من البرامج التعليمية التي تمتد من مطوري المبتدئين إلى قدامى المحاربين في WP. يشبه Gutenberg Hub إلى حد كبير Gutenberg.news ، لكن المحتوى لا يتداخل دائمًا (في بعض الأحيان يحدث). مرة أخرى ، هذا هو ثقب النقر إذا كنت تبحث عن دروس Gutenberg للمطورين (أو أي شخص ، حقًا). اعتبر نفسك حذرًا.

4. دورة تطوير جوتنبرج لزاك جوردون

ليست كل أفضل الأشياء في الحياة مجانية ، ودورة تطوير Gutenberg المذهلة التي قدمها Zac Gordon هي شهادة على ذلك. واحدة من أول كبير (إن لم يكن الأول) من الالف إلى الياء بالطبع على تجربة جديدة WP تحرير. يتم تحديث الدورة بمعلومات جديدة مع تحديث Gutenberg ، لذلك لا تخف من دفع 79 دولارًا مقابل شيء سيكون قديمًا. Zac معروف جيدًا في مجتمع WordPress ، وستوضح لك هذه الدورة التدريبية السبب تمامًا. حتى أن هناك أمثلة على مقاطع فيديو تعليمية يمكنك استخدامها. بهذه الطريقة ستعرف ما الذي ستدخل فيه في وقت مبكر.

5. مدونة زاك جوردون

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

6. كيف تعد الإضافات الخاصة بك لجوتنبرج

يحتوي TutsPlus على إرشادات قوية حقًا لجميع الطرق المختلفة التي ستحتاج إلى معرفتها للتأكد من عدم تعطل المكونات الإضافية عندما يكون المستخدم نشطًا في Gutenberg. بدءًا من كيفية عمل مربعات التعريف الآن إلى واجهة برمجة تطبيقات REST وتسجيل أنواع مختلفة من الكتل ، هذا هو متجرك الشامل لمعرفة جميع الطرق التي يمكنك من خلالها دمج المكونات الإضافية مع محرر Gutenberg الجديد لـ WordPress.

7. رد فعل Fullstack

يجب أن يكون أي مطور في Gutenberg على دراية بـ React ، كما ذكرت من قبل. Fullstack React هو أحد برامجي المفضلة للتعرف على المكتبة. إنه برنامج مدته 30 يومًا ، وستتعرف على الأساسيات المختلفة التي ستحتاجها لاستخدام المكتبة. في حين أن الإلمام بجافا سكريبت هو الأفضل على الأرجح ، فقد دخلت دون أن أكون قادرًا على كتابة وظيفة وفهمت ما كان يجري. على الرغم من وجود دورة تدريبية مدفوعة ، يمكنك تنزيل الكتاب بالكامل مجانًا كملف PDF (أكثر من 300 صفحة) ، حتى تتمكن من معرفة ما إذا كان هذا هو ما تريد استخدامه للغوص في بيئة Gutenberg.

8. رد الفعل الحديث مع الإحياء

يستخدم Gutenberg أيضًا حاوية JavaScript Redux. في Udemy ، لدى Stephen Grider دورة تدريبية ستعلمك كيفية استخدام حاوية Gutenberg المفضلة مع مكتبتها المفضلة. من المسلم به أن السعر القياسي 179.99 دولارًا قليلًا ؛ ومع ذلك ، تقدم Udemy بانتظام خصومات كبيرة على الدورات (كما أكتب هذا ، هناك تخفيضات مجنونة على 10.99 دولارًا على سبيل المثال). إذا كان السعر أعلى مما تريد دفعه الآن ، إذا كنت قادرًا على الانتظار قليلاً ، فمن المحتمل أن تحصل على صفقة بشأنه. وقال، لقد اتخذت شخصيا في Grider الرد والرد بالطبع الأصلية، لذلك أنا أستطيع أن أجزم جيدا كيف يجب أن يكون هذا واحد.

دعونا نذهب "القناة الهضمية"

هذا جوتنبون ، أترى؟ على محمل الجد ، مع ذلك ، فإن Gutenberg هو مستقبل WordPress. سواء كنت تحب الطريقة الجديدة لإنشاء المحتوى أو قمت بتثبيت المكون الإضافي Classic Editor لإبقائه في المدرسة القديمة ، فهو هنا. وإذا كنت مطور WordPress ، فسيتعين عليك التعامل معه. ليس من الصعب حقًا مواصلة تعليمك ورؤية الاتجاه الذي يسير فيه جوتنبرج. أي من البرامج التعليمية المذكورة أعلاه يجب أن تجعلك (أو تحفزك ) في طريقك للاستيعاب الكامل لقوة المحرر وقابليته للتوسع.

ما هي البرامج التعليمية أو الموارد التي استخدمتها في Gutenberg لتحضير نفسك للعصر الجديد من تطوير WordPress؟

المادة مميزة صورة 32 بكسل / shutterstock.com