قبيل انعقاد WordCampWordCamp مؤتمرات WordCamp هي مؤتمرات غير رسمية تُنظَّم محليًا وتغطي كل ما يتعلق بـ WordPress. وهي إحدى الأماكن التي يجتمع فيها مجتمع WordPress ليعلّم بعضهم بعضًا ما تعلموه على مدار العام ويتشاركوا الفرح. تعرّف على المزيد. Europe، كان فريق التنظيم يعمل بجد على تحسين WordCamp.org ليصبح تطبيق ويب تقدميًا (PWA).
تم نشرهالنشر إطلاق التعليمات البرمجية من بيئة تطوير محلية إلى خادم الويب الإنتاجي، بحيث تصبح متاحة للزوار. في الأيام التي سبقت المؤتمر، مع إجراء تعديلات أثناء الفعالية نفسها. كان الهدف من المشروع تقديم منتج قابل للتطبيق بالحد الأدنىالمنتج القابل للتطبيق بالحد الأدنى “المنتج القابل للتطبيق بالحد الأدنى (MVP) هو منتج يحوي ما يكفي من الميزات لإرضاء العملاء الأوائل، وتوفير ملاحظات لتطوير المنتج مستقبلًا.” – ويكيبيديا لـ WordCamp Europe 2019، ثم مواصلة تطوير هذا العمل لجعل ميزات PWA مفيدة لجميع مؤتمرات WordCamp.
الحالة الحالية
تم إنجاز العمل على ميزات PWA في البداية كإضافة مستقلة، وقد دُمج الآن في مستودع شيفرة WordCamp.org. وهو يستخدم إضافة ميزات PWA إطارًا أساسيًا، ويضيف بعض الشيفرات المخصصة الإضافية فوقه. وهو نشط حاليًا فقط على موقع WordCamp Europe 2019، إذ إنه غير جاهز بعد للاستخدام على نطاق أوسع.
ميزات PWA التي تعمل على تحسين الموقع هي:
- المحتوى غير المتصل:
- بمجرد زيارة صفحة أثناء الاتصال بالإنترنت، سيتم حفظها على جهازك حتى تتمكن من الوصول إليها دون اتصال؛ مثلًا إذا تعطل اتصال WiFi في مكان الفعالية. (تنبيه 1، 2)
- عندما تكون غير متصل بالإنترنت وتزور صفحة غير محفوظة، سيُعرض لك قالب صفحة خاص يتضمن الجدول الزمني. وفي المستقبل، سيحتوي أيضًا على معلومات مهمة إضافية، مثل تاريخ الفعالية وموقعها.
- التخزين المؤقت للأصول الثابتة. يتم تخزين الملفات ونقاط نهاية REST APIREST API REST API هو اختصار لواجهة برمجة التطبيقات RESTful (API)، التي تستخدم طلبات HTTP لجلب البيانات ووضعها وإرسالها وحذفها. وهي الطريقة التي يمكن من خلالها للواجهة الأمامية لتطبيق ما (فكّر في «تطبيق الهاتف» أو «الموقع الإلكتروني») التواصل مع مخزن البيانات (فكّر في «قاعدة البيانات» أو «نظام الملفات»)
https://developer.wordpress.org/rest-api/ التي لا تتغير كثيرًا (مثل CSSCSS CSS هو اختصار لأوراق الأنماط المتتالية. وهو ما يتحكم في تصميم الموقع أو مظهره وإحساسه. وJavaScriptJavaScript JavaScript أو JS هي لغة برمجة حاسوبية كائنية التوجه تُستخدم عادةً لإنشاء تأثيرات تفاعلية داخل متصفحات الويب. يستخدم WordPress لغة JS على نطاق واسع لتحسين تجربة المستخدم. وبينما تُنفَّذ PHP على الخادم، تُنفَّذ JS داخل متصفح المستخدم.
https://www.javascript.com وملفات الصور) بشكل أكثر كثافة، بحيث تُحمّل الصفحات بسرعة أكبر عند الزيارات اللاحقة. - الإضافة إلى الشاشة الرئيسية. يمكنك «تثبيت» WordCamp.org على جهازك المحمول، بطريقة مشابهة لتثبيت تطبيق أصلي، بحيث تصل إليه بسرعة. وفي المستقبل، قد يتمكن الزوار الذين ثبّتوه من حفظ كل المحتوى دون اتصال بالإنترنت، أو الوصول إلى تحسينات أخرى.
- لا تدعم الإصدارات الأقدم من iOSiOS نظام التشغيل المستخدم على أجهزة iPhone وiPad. هذه الميزة.
بالإضافة إلى ميزات PWA التقليدية، أنشأ الفريق أيضًا قالب صفحة مخصصًا بعنوان «يوم الفعالية». يمكن استخدامه أثناء انعقاد الفعالية لعرض جدول زمني لحظي للجلسات الجارية حاليًا، والجلسات التالية، وآخر المنشورات من مدونة WordCamp. وهو متاح لجميع الزوار، حتى إذا كانت متصفحاتهم قديمة جدًا ولا تدعم ميزات PWA.
باستثناء إضافة الموقع إلى الشاشة الرئيسية، تتوفر جميع الميزات أعلاه للزوار بصرف النظر عن أجهزتهم، وتعمل بالطريقة نفسها على أجهزة سطح المكتب والمحمولة كما تعمل على الأجهزة المحمولة.
بعض الميزات الإضافية التي نوقشت، لكن تعذر إنشاؤها في الوقت المحدد، هي:
- التخزين المؤقت للمعلومات المتعلقة بالجلسات والمتحدثين دون اتصال افتراضيًا (أي من دون الحاجة إلى زيارة الصفحات ذات الصلة أولًا)
- رأس الموقعالرأس عادةً ما يكون رأس موقعك أول ما يراه الناس. ويُعد الترويسة أو صورة الرأس الموجودة أعلى صفحتك جزءًا من مظهر موقعك وإحساسه. ويمكن أن تؤثر في رأي الزائر حول محتواك وعلامتك التجارية أو علامتك التجارية لمؤسستك. وقد تبدو مختلفة أيضًا على أحجام الشاشات المختلفة. وتذييل محسنين للأجهزة المحمولة
- إشعارات فورية للجلسات القادمة التي وضع المستخدم علامة عليها كمفضلة
- إشعارات فورية للإعلانات المهمة
شكرًا لكل من شارك في مشروع PWA، سواء بإنشاء التصاميم أو تقديم الملاحظات حول المخططات الهيكلية أو توفير التوجيه أو طرح الأفكار أو كتابة الشيفرة:
@mburridge، @ziontrooper، @avillegasn، @Iceable، @tfrommen، @macloune، @marcusjwilson، @vdwijngaert، @westonruter، @hlashbrooke، @iandunn، @tjnowell، @jb510، @coreymckrill، @andreamiddleton، @sippis، @melchoyce، @karmatosed، @garyj، @webcommsat
التأمل في العملية
بعد انتهاء WordCamp Europe، سيكون من المفيد إلقاء نظرة على عملية التطوير وكيف سارت الأمور. لذا، إذا كنت مشاركًا في المشروع بأي شكل من الأشكال، فستكون ملاحظاتك هنا قيّمة. يُرجى التعليق أدناه والإجابة عن الأسئلة التالية:
- ما الذي سار جيدًا في مشروع تطوير PWA؟ (ما الذي ينبغي أن يستمر؟)
- ما الذي تعتقد أنه لم يسر جيدًا؟ (ما الذي ينبغي أن يتوقف؟)
- ما الذي تعتقد أنه يمكننا القيام به بشكل مختلف عند تطوير ميزات أو أدوات جديدة لـ WordCamp.org؟ (ما الأشياء أو الممارسات الجديدة التي ينبغي أن تبدأ؟)