DE {CODE}: 2022 - سنة مطور WordPress

لم يكن هناك وقت أفضل للتخصص في تطوير WordPress. يستمر WordPress في تناول الإنترنت باعتباره نظام إدارة المحتوى المفضل في العالم (CMS) ، وحتى نظام إدارة المحتوى بدون رأس الأكثر شيوعًا. في هذه الجلسة الرئيسية من DE {CODE} 2022 ، يناقش مؤسس WP Engine وكبير مسؤولي الابتكار جيسون كوهين التحديات والفرص التي تنتظر مطوري WordPress والمشاريع التي يعمل عليها WP Engine لتسهيل حياتهم.

تحقق من الفيديو الكامل أدناه!

شرائح الجلسة:

نص كامل

جيسون كوهين : مرحبًا ومرحبًا بكم في DE {CODE} ، المؤتمر السنوي لـ WP Engine حيث نحتفل بمطور WordPress. اسمي جيسون كوهين وأنا مؤسس WP Engine. أريد أن أبدأ DE {CODE} لهذا العام بقناعة ، وهي أن عام 2022 هو عام مطور WordPress. سأشرح لماذا أعتقد أن هذا العام يحمل الكثير من الآمال والفرص لنا جميعًا ، ثم أريد أن أتحدث عن كيف يمكنك تسريع حياتك المهنية في هذا السوق.

لذا اسمحوا لي أن أبدأ بسؤال ، كل مجتمع من مطوري البرامج معروف بشيء ما ، فما الذي يشتهر به مطورو WordPress؟ أود أن أقول إن مطوري WordPress معروفون بإنشاء مواقع ويب جميلة يحبها الناشرون. إذن هذا ما أعنيه ، نعلم جميعًا أن هناك ملايين المواقع التي تستخدم WordPress ولكن لديك أيضًا أشخاص مثل Under Armor ، وهي علامة تجارية متعددة الجنسيات للملابس تستخدم WordPress وتوظف مطوري WordPress.

حققت شركة Under Armor الآن مبيعات بقيمة 5 مليارات دولار العام الماضي ، لذا فهم لا يستخدمون WordPress لمجرد أنه مجاني. يمكنهم تحمل تكلفة شراء أي برنامج يريدونه. يستخدمون WordPress لأنه يلبي متطلباتهم ويستخدمون مطوري WordPress لأنك تعرف كيفية تلبية هذه المتطلبات وإنتاج مواقع ويب جميلة وسهلة التحديث. مثل هذه.

أو ناشيونال جيوغرافيك ، هي واحدة من العلامات التجارية الإعلامية الأكثر احترامًا في العالم وتحتاج Nat Geo إلى مواقع ويب جميلة وسهلة التحديث مع إدارة أصول رقمية متطورة يمكنها التعامل مع تجربة غنية بالوسائط. لذلك بالطبع يقومون بتوظيف مطوري WordPress. هذه حالة استخدام تشتهر بها. وماذا عن التكنولوجيا؟ هل ستستخدم شركة التكنولوجيا الحديثة WordPress؟

نعم ، يمكن للفريق في Dropbox إنشاء CMS من البداية إذا أرادوا ذلك أو يمكنهم استخدام أي من تقنيات Site Builder التي تظهر طوال الوقت. لكن Dropbox يختار العمل مع مطوري WordPress و WordPress لأجزاء موقعهم التي يجب أن تكون جذابة وسهلة النشر عليها. ماذا عن حالة الاستخدام حيث يريد فريق التسويق استخدام تقنية واجهة أمامية مختلفة من WordPress؟

لذا فهم يريدون استخدام WordPress لنظام إدارة المحتوى ولكن شيئًا مختلفًا للواجهة الأمامية ، هل لا يزال بإمكانهم استخدام WordPress؟ بالطبع ، هذا هو WordPress مقطوعة الرأس. حتى يتمكنوا من اتخاذ خيار مثل Android Authority والذهاب مع WordPress بدون رأس. لذلك لا تزال Android Authority تستخدم WordPress باعتباره CMS لإدارة الكتاب والمحتوى والوسائط وكل الأشياء الضرورية لإدارة النهاية الخلفية للموقع ولكن الواجهة الأمامية يتم التعامل معها من خلال إطار عمل مختلف.

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

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

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

ماذا عن اختبار A / B؟ أو الأفضل من ذلك ، لا يوجد اختبار للكود A / B؟ هذا خيالي. هذا مبتكر ، أليس كذلك؟ الآن عليك التدافع وتعلم هذه الأدوات الجديدة. حسنًا ، إلا أنك لا تفعل ذلك لأنك كنت تفعل هذا منذ سنوات. مثل ، حصلت هذه الفكرة على تمويل VC منذ ثماني سنوات أيضًا. مثل ، لا يوجد تغيير هنا. لا يوجد حتى الآن اختبار للرمز A / B وأنت تعرف بالفعل كيفية القيام بكل هذا. أنت بالفعل خبراء في كل هذا. هذا جيد.

يعرف الكثير منكم أيضًا التغييرات الأخيرة في بحث Google التي تستخدم تجربة الصفحة كعامل ترتيب. تعني تجربة الصفحة أشياء مثل سرعة الصفحة وأشياء أخرى ، وقد تعرف أيضًا عن هذا مثل تحديث Core Web Vitals. هل سبق أن أجرت Google تغييرات مثل هذه من قبل وكان عليك الرد عليها؟ حسنًا ، نعم ، طوال الوقت حقًا ، أليس كذلك؟ وأنت تعرف كيف تفعل ذلك.

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

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

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

لذا فإن أشياء مثل اختبار A / B و SEO قد تتغير ببطء شديد وبشكل أساسي لا تتغير على الإطلاق ولكن التكنولوجيا يجب أن تكون على رأس ذلك وهذا ما أريد أن أقضي ال 20 دقيقة القادمة في الحديث عنه. ما هي بعض هذه الأشياء؟ إذن ما هي بعض هذه التغييرات الجديدة والمثيرة في التكنولوجيا التي أعتقد أنه يجب عليك إلقاء نظرة عليها وربما حتى تبنيها؟ أريد أن أعطيكم لمحة عما أراه مرتعًا للتغيير المثير للاهتمام في مساحتنا.

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

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

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

ما يعنيه هذا هو بعد أن يملأ المستخدم نموذجًا ، أو يعطي المعلومات ربما لتنزيل مستند تقني أو الحصول على شيء ما ، يتذكر HubSpot أنه في المرة التالية التي يريد فيها هذا الشخص الحصول على شيء ما ، لا يُطلب منه هذه المعلومات مرة أخرى. هذا يعني أنه من المرجح أن يذهب الشخص للحصول على مزيد من المعلومات ، والانخراط في الموقع أكثر وعدم إزعاجه.

هذا مثال رائع على تجربة تكيفية. لكن هناك مقايضة. أدى استخدام هذا البرنامج النصي التابع لجهة خارجية ، مثل منتديات HubSpot وكان هناك آخرون في هذا المثال ، إلى إبطاء موقع الويب. في الواقع ، كانت نتيجة تطبيق Lighthouse Mobile الخاصة بهم 40 فقط من أصل 100 ، مما يعني أن موقعهم بطيء ويعني أنهم لن يحتلوا مرتبة عالية في مُحسّنات محرّكات البحث. لذا فأنت تريد هذه التجربة التكيفية ولكنها تسبب مشكلة في السرعة. ماذا تفعل حيال ذلك؟

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

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

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

لذا فإن مجرد التبديل إلى صور AVIF يمكن أن يؤدي إلى تسريع موقع المجلة أو أي موقع بشكل كبير. الآن هذا هو الشيء المضحك. قلت ، ربما تعرف هذا. لقد قدمت عرضًا تقديميًا حول AVIF العام الماضي عندما كان عمره بضعة أشهر فقط والآن بعد عام ، هل تستخدمه؟ لا ، لا أحد يستخدمه تقريبًا. وفقًا لـ W3Techs ، يستخدم أقل من 0.1٪ من مواقع الويب AVIF حتى مع WebP ، إلا أن أقل من 4٪ من مواقع الويب تستخدمه.

لذا فهذه تقنيات قديمة أو يجب أن تكون معروفة بطريقة ما ، ومع ذلك فأنت لا تزال متقدمًا إذا كنت تستخدمها. إنها طريقة سهلة حقًا لتسريع مواقع الويب ، وهي بالطبع مفيدة للمستخدمين وجيدة لتحسين محركات البحث بتنسيقات الصور ولا يزال الأشخاص لا يقومون بذلك بشكل عام. الآن ، قد تكتشف أن WordPress لا يدعم AVIF ولكنه يدعم صور WebP.

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

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

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

لذا ، كشيء واحد اعتدنا عليه جميعًا في هذه المرحلة هو أنني سأأخذ موقعي وسأختبره لحجم الهاتف المحمول ، ثم أختبره لجهاز iPad ، ثم اختبرها لجهاز كمبيوتر محمول ، ربما تم اختبارها مرة أخرى للحصول على شاشة عريضة للغاية ولكن هذا بالفعل ثلاثة أو أربعة أشياء حصلت على اختبار. لكن الآن - حسنًا ، ماذا عن في كل حالة من هذه الحالات ، ماذا لو تم تعيين حجم الخط كبيرًا حقًا؟ هل ما زالت تبدو صحيحة؟ هل تختبر ذلك؟ ماذا عن وضع الضوء مقابل الوضع المظلم؟ هذا عدد مضاعف من الأشياء التي يجب عليك اختبارها.

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

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

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

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

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

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

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

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

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

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

لذلك هذا هو الشيء الذي سواء كنت تستخدم JavaScript بدون رأس أو تستخدم WordPress أو تكتب HTML و CSS خام ، فلا يزال عليك التفكير في المكونات. لذلك هناك الكثير من القيمة لذلك. إنه يشبه إلى حد ما كيفية قيام البرمجة الموجهة بالكائنات بتغليف البيانات والرمز. وبالمثل ، تغلف مكونات الويب الشكل والمظهر ، والسلوك ، وكذلك البيانات والرمز أيضًا ، وتجعلها قابلة لإعادة الاستخدام وهو أمر رائع.

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

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

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

الحيلة هي هذه التكنولوجيا الجديدة للتعلم والاستفادة من ذلك ، بدلاً من أن تتخلف عن الركب ، فإنك تستفيد من أشياء مثل التجارب التكيفية ، والأدوات الكامنة وراءها ، والمكونات من أجل بناء هذه الأشياء. ولذا في DE {CODE} ، تم تصميم العروض التقديمية هنا لمساعدتك على القيام بذلك بالضبط. لذلك في DE {CODE} لدينا مسار لـ WordPress بدون رأس ، يمكنك معرفة متى تستخدم بدون رأس للعميل ، ومتى لا تستخدم بدون رأس. لدينا ورش عمل لمساعدتك على البدء في لعبة مقطوعة الرأس من الصفر ، بسرعة كبيرة مثل دقائق. لذا ، إذا كنت تشعر بالفضول حيال ذلك ، فانتقل إلى هؤلاء.

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

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