فريق المنظومة المتكاملة لتطوير الويب - ملخص شهر فبراير

Mariko Kosaka
X
مرحبًا بك في الجزء الأول من ملخّص شهري نعرض فيه ما حدث في فريق منظومة مطوّري الويب✨.

نحن فريق من المهندسين والمتواصلين الذين ينشرون مقالات ونماذج رموز برمجية، مثل الموقع الإلكتروني أساسيات الويب وبوابتنا الجديدة تمامًا web.dev. يمكنك أيضًا الاطّلاع على أعمالنا على قناتنا على YouTube، وعدمลืม متابعتنا على @ChromiumDev :)

شهر شباط قصير، ولكنّنا نملك الكثير من المحتوى. لنبدأ بالإصدارات الكبيرة التي طرحها الفريق.

الإصدارات

Workbox

لقد تم طرح الإصدار Workbox 4.0 قبل أيام قليلة،🎉 وهو يتضمّن ميزات جديدة رائعة، مثل workbox-window، وتحسينات على العديد من حزم Workbox الحالية. إذا كنت تستخدم Workbox، يمكنك الاطّلاع على دليل نقل البيانات من الإصدار 3 إلى الإصدار 4. هل تتساءل عن كيفية استخدام Workbox في مشروعك الحالي؟ في ما يلي دليل حول كيفية استخدامها مع حِزم اختيارك. لست متأكدًا من المشكلة التي يساعدك Workbox في حلّها؟ يمكنك الاطّلاع على مقابلة حول مشغّلات الخدمات في برنامج State of the Web.

lit-html وLitElement

كان فريق مشروع Polymer مشغولاً بالعمل على تطوير إصدار ثابت من lit-html وLitElement، وهما مكتبتان من الجيل التالي لتطوير الويب. هل تريد تجربتها؟ ابدأ باستخدام دليل تجربة LitElement 📝.

الأنشطة الموثوق بها على الويب

مع إصدار Chrome 72، أصبح نشاط الويب الموثوق (TWA) متاحًا. تتيح لك تطبيقات الويب المتوافقة مع العلامات التجارية (TWA) استخدام Chrome في وضع ملء الشاشة داخل نشاط Android، ما يعني أنّه يمكنك عرض محتوى الويب في نطاق التطبيقات.📱 اطّلِع على دليل البدء هذا أو تعرَّف على كيفية نشر تطبيق الويب المتقدّم (PWA) على "متجر Google Play" من خلال @svenbudak.

الخطوات التالية

مع اقتراب موعد طرح الإصدار الثابت من Chrome 73 (12 آذار (مارس))، لدينا الكثير من الميزات المثيرة للاهتمام لنشاركها معك.

V8: يتضمّن محرّك JavaScript في Chrome مجموعة من التعديلات، بما في ذلك Object.fromEntries و String.prototype.matchAll. اطّلِع على ملاحظات الإصدار 8.

هل تعمل على الصوت والفيديو على الويب؟ أصبح بإمكانك استخدام مفاتيح الوسائط في الأجهزة، وأصبح الزر "تخطّي الإعلان" متاحًا في نافذة "صورة في صورة" في الإصدار التجريبي من الإصدار الأصلي. اطّلِع على تعديلات الصوت والفيديو في الإصدار 73 من Chrome لمعرفة المزيد.

في ما يتعلّق بفترة الإصدار التجريبي من الإصدار الأصلي، استعد لاستخدام ميزة "أولوية الجلب" باستخدام أولوية الجلب، حيث يمكن للمطوّرين ضبط أهمية عنصر <script> أو <img> أو <link> لإعلام المتصفّح بكيفية تحميلها. لا تزال هذه الميزة قيد التجربة، لذا يُرجى تجربتها و إرسال ملاحظاتك.

نحن نولي دائمًا أهمية كبيرة لأداء العرض. في الإصدار 73 من Chrome، ستكون مستمعَي wheel وmousewheel المسجَّلين على استهدافات الجذر (النافذة أو المستند أو النص) مستمعَين سلبيَين تلقائيًا، ما يوفر التمرير السريع باستخدام عجلة الماوس تلقائيًا.

مع إطلاق ميزات جديدة، علينا أيضًا إيقاف ميزات أخرى نهائيًا، لذا احرص على الاطّلاع على الميزات التي سيتم إيقافها نهائيًا أو إزالتها في الإصدار 73 من Chrome.

تطوير جديد

في ما يلي بعض الميزات التي نعمل عليها والتي ستصبح متاحة في متصفّح قريب منك.

للمساعدة في منع هجمات النصوص البرمجية عبر المواقع الإلكترونية، نحن بصدد تطوير واجهة برمجة تطبيقات جديدة تُسمى "الأنواع الموثوق بها". سيؤدي تفعيل الأنواع الموثوق بها (من خلال "سياسة أمان المحتوى") إلى قفل المستند من هجمات حقن DOM. نحن نعمل على توفير المزيد من أمثلة الرموز الإرشادية حول هذا الموضوع، ولكن في الوقت الحالي، يُرجى الاطّلاع على مزيد من المعلومات عن الأنواع الموثوق بها لتجربتها.

قد يصبح النقر على زرَّي الرجوع والتقديم في Chrome سريعًا جدًا قريبًا. نحن بصدد استكشاف ذاكرة تخزين مؤقت جديدة للرجوع/الانتقال إلى الأمام لتخزين الصفحات في الذاكرة عندما ينتقل المستخدم بعيدًا. يمكنك الاطّلاع على الشرح والنموذج الأوّلي لواجهة bfcache في هذه المشاركة.

أخيرًا، يقدّم الإصدار 2 من Intersection observer فكرة تتبُّع "مستوى الرؤية" الفعلي لهدف معيّن.

الميزات التي نعمل على تحسينها

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

فيديوهات وبودكاست جديدة

سيبدأ "مارتن" سلسلة جديدة بعنوان تحسين محركات البحث المستندة إلى JavaScript، وتتناول الحلقة الأولى طريقة "بحث Google" في فهرسة المواقع الإلكترونية التي تستخدم JavaScript. قدّمت "ميغين" مؤخرًا ملاحظات حول مشروع web.dev في اجتماع. يعود جاك وسurma مع حلقة بودكاست جديدة في HTTP203 تتناول تجربة "تدوير الصور".

نقدّم أيضًا برامج منتظمة على قناتنا على YouTube، مثل "الميزات الجديدة في Chrome"، "الميزات الجديدة في "أدوات المطوّرين"، و"حالة الويب".

شكر خاص

هل اطّلعت على أمثلة Puppeteer؟ ربما تكون قد قرأت تغريدة "إريك بيدلمان" "📯The 12 Days of Puppeteer 🤹🏻‍♂️🎁" العام الماضي. وهي مجموعة رائعة من نماذج رموز Puppeteer التي تتيح لك التفكير إبداعيًا في الإجراءات التي يمكنك تنفيذها باستخدام المتصفّح. ننصحك بالاطّلاع عليها.

(مع أطيب التحيّات، في مشروعك الجديد، إيريك. سنفتقدك.)

ملخص

ما رأيك بالملخّص الشهري الأول؟ إذا أعجبك الفيديو أو كانت لديك أفكار لتحسينه، يُرجى إعلامي على Twitter ‎@kosamari ✅

إذا أنشأت شيئًا جديدًا باستخدام الميزات التي تم تقديمها هنا أو غيّرت شيئًا في قاعدة بياناتك استنادًا إلى مقالاتنا، يُرجى إعلامنا على ‎@ChromiumDev.

في شهر آذار (مارس)، سنسافر إلى الهند للتعرّف على مزيد من المعلومات حول تجربة الويب على الأجهزة الجوّالة هناك ✈️ ونتطلّع إلى مشاركة ما نتعلمه هناك.

إلى اللقاء في الشهر المقبل.👋