التحديث الشهري لتطوير الويب 12-2017: الإصدار العملي والعناصر المخصصة واتخاذ القرارات

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

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

أخبار

• أخبار كبيرة بخصوص WHATWG: طورت المنظمات التي تقف وراء محركات المتصفح الأربعة الرئيسية - Apple و Google و Microsoft و Mozilla - سياسة وهيكل إدارة سياسة حقوق الملكية الفكرية (IPR) لـ WHATWG. نأمل أن يؤدي هذا إلى تحسين مستوى المعيشة الذي يوفر موردًا أكثر فائدة.
• تم إطلاقه بالفعل في نوفمبر ، إليك الجديد في Firefox 57. يأتي الآن مع محرك Quantum جديد فائق السرعة. أصبحت امتدادات الويب حقيقة واقعة أيضًا ، ويمكن توقع المزيد من إصلاحات الأخطاء للمشكلات القديمة وتحسينات الأداء في المستقبل. لكن ماذا عنا نحن كمطورين؟ يدعم Firefox 57 <input type="\\[date|time]"> ، تم إصلاح الكثير من أخطاء CSS بفضل المحرك الجديد ، وتم الآن تمكين Performance Observer API ، تمامًا مثل Storage API و Abort API (على سبيل المثال لطلبات الجلب). أخيرًا وليس آخرًا ، يدعم وضع مقطوعة الرأس الآن علامة --screenshot المفيدة بشكل لا يصدق. بالمناسبة ، سيأتي محرك Quantum إلى Firefox على Android 59 قريبًا أيضًا.
• تم إطلاق Chrome 63 الآن مع بعض الميزات الجديدة الرائعة: وحدات JavaScript الديناميكية ، والمكررات والمولدات غير async ، overscroll-behavior CSS (الذي يدعم في الأصل السحب للتحديث) ، ودعم Intl.PluralRules API ، على سبيل المثال. علاوة على ذلك ، تطلب واجهة مستخدم الأذونات الآن الحصول على إذن في شكلي لتوضيح أن مالكي المواقع يجب أن يطلبوا أذونات إضافية فقط عند الضرورة والمفيدة. تم تضمين واجهة برمجة تطبيقات Intl.PluralRules أيضًا في هذا الإصدار.

عام

• أمازون مذهلة ، أليس كذلك؟ سحابتهم سريعة وكبيرة ورخيصة. يقدم متجرهم كل شيء ويسلم بسرعة. أعلنت Amazon Web Services هذا الأسبوع عن شيء مثير جدًا للاهتمام: "توفر AWS الآن لمجتمع الاستخبارات الأمريكي قدرة سحابية تجارية عبر جميع مستويات التصنيف: غير مصنف ، وحساس ، وسري ، وسري للغاية." نعم ، لقد قرأتها بشكل صحيح: يبدو أن أمازون ستكون الشركة المسؤولة عن استضافة بيانات فائقة السرية لخدمات الاستخبارات الأمريكية. أنا متأكد من أنها ليست فكرة جيدة أن تبدأ الخدمات الحكومية في الاعتماد بشكل كامل على خدمة السحابة الحصرية للشركة مع عدم وجود خيار للعودة بسهولة إلى المنافس أو البديل الخاص بهم. ضعها فيما يتعلق بما تمثله أمازون: ما يصل إلى 70٪ من حركة المرور على الإنترنت تمر عبر مركز بيانات AWS Virginia ، وتريد أمازون كاميرا وميكروفون في غرفة نومك ، وغرفة المعيشة الخاصة بك وأيضًا مفتاح ذكي لشقتك أو منزلك ، و من المستحيل بالفعل عدم استخدام AWS إذا كنت تستخدم الإنترنت. ماذا سيحدث لمجتمع الاستخبارات الأمريكية إذا كانت سحابة AWS الآمنة هذه تعاني من انقطاع الخدمة كما حدث هذا العام؟ هل سيظلون قادرين على العمل؟ ماذا لو حدث أثناء التحقيق النشط؟

الأدوات

• من منا لا يعرف التحديات الكبيرة للإصدارات وكيف يمكن أن تستغرق وقتًا طويلاً. يقترح Raymond Rutjes الآن أن إصدار الإصدار يجب أن يكون ممكنًا للجميع في الفريق. يجب أن تكون سهلة وخالية من القلق - وربما الأهم من ذلك - سريعة.
• أنشأ Francesco Schwarz أداة جديدة لتصور خصوصية CSS الخاصة بك. من المفيد جدًا تحليل بعض المفاهيم الخاطئة في الهيكل الخاص بك أو لتحديد الوحدات التي يجب إعادة بنائها.

UI / UX

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

أداء الويب

• يوضح Michael Scharnagl كيف يمكننا استخدام عمال الخدمة (وهم أساسًا وكيل ويب) لتحميل الصور بناءً على واجهة برمجة تطبيقات معلومات الشبكة.
• غالبًا ما يجد هاري روبرتس الكلمات الصحيحة للكشف عن المشكلات التي ليست واضحة لكثير من الناس. تدور مقالته "مغالطات الحوسبة الموزعة (المطبقة على أداء الواجهة الأمامية)" حول وضع افتراضات للمستخدمين وحول الإهمال النشط أو الإفراط في التفكير في المشكلات مثل أداء الشبكة.
• "أفضل طلب هو بدون طلب ، تمت إعادة النظر فيه" هو مقال جديد بقلم ستيفان بومغارتنر يشرح ما يمكنك فعله باستخدام HTTP / 2 في الوقت الحالي والتغييرات التي تعمل من الناحية النظرية ولكنها ليست عمليًا بعد.
• يشرح Samuel Parkinson ما يحدث عند زيارة موقع ft.com. رؤية متعمقة تبدأ بـ DNS وتستمر في الرحلة من خلال سير عمل الطلب الكامل لـ Financial Times.

حماية

• وجدت شركة 4iQ ، وهي شركة لحماية الهوية ، قاعدة بيانات مسربة تحتوي على 1.4 مليار بيانات اعتماد نصية واضحة في شبكة الويب المظلمة. من المحتمل أنه أكبر مورد معروف متاح حتى الآن ، ويوضح مرة أخرى مدى أهمية استخدام كلمات مرور فريدة لكل خدمة.
• HSTS هي طريقة لإخبار المتصفح بالاتصال بأسماء مضيف معينة فقط عبر بروتوكول HTTPS الآمن. ومع ذلك ، فإن الطريقة التي يتم تنفيذها حاليًا في المتصفحات معطلة إلى حد كبير وعرضة للهجمات ، كما تظهر الأبحاث بشكل بارز.
• يشارك Tobias Tom كيف قاموا في Colloq بتنفيذ فحص كلمة المرور الذي يمنع المستخدمين من اختيار كلمة مرور تم الكشف عنها في خرق البيانات العامة. يعتمد على مجموعة البيانات المذهلة من Troy Hunt ويشارك بعض البيانات المثيرة للاهتمام حول كيفية التحقق من مجموعة بيانات Postgres بسعة 40 جيجابايت دون التأثير على أداء موقعك.
• ربما تكون قد سمعت عن تعدين العملات المشفرة في المتصفح بالفعل. يتحقق البرنامج النصي المكتشف حديثًا من دعم WebAssembly للاستفادة الكاملة من قدرة الأجهزة ثم إطلاق نافذة منبثقة تعمل على استخراج العملات المشفرة في الخلفية. التخفيف الوحيد هو فرض إغلاق جميع عمليات مهام المتصفح يدويًا. ومع ذلك ، هناك أيضًا بعض ملحقات المستعرض المتاحة التي تحظر برامج التعدين الأكثر شيوعًا بشكل مباشر.

إمكانية الوصول

• ما هو أفضل نهج لتصميم جدول يصلح للجميع وترميزه؟ يشارك Adrian Roselli كيفية إنشاء جداول سريعة الاستجابة ويمكن الوصول إليها.
• هذا هو Marcy Sutton يأخذ على عاتقه قيمة كتابة الاختبارات الآلية لإمكانية الوصول ولماذا لا يعني وجود مثل هذا أننا لسنا بحاجة إلى القيام بأعمال يدوية تتعلق بإمكانية الوصول بعد الآن.

CSS

• يشرح جوناثان سنوك كيف يمكننا إنشاء مخطط تقويم باستخدام CSS Grid.
• مع مواصفات CSS Selectors من المستوى 4 القادمة ، سنحصل على :is محدد زائف مشابه لـ :matches ولكن دون زيادة الخصوصية.

جافا سكريبت

• كتب Brian Kardell منشورًا مهمًا حول كيف يمكننا قريبًا استخدام Custom Elements كامتداد لعنصر أصلي مشترك. يعد هذا أمرًا رائعًا بشكل خاص لأننا لن نحتاج بعد ذلك إلى بناء كل شيء من البداية ولكننا سنكون قادرين على توسيع العناصر الأصلية باستخدام التخصيصات مع الاستمرار في وراثة إمكانية الوصول الكاملة وسهولة الاستخدام من العنصر الأصلي. بصرف النظر عن ذلك ، تسمح هذه الميزة ببناء عناصر مخصصة مُحسّنة تدريجيًا.
• تحقيق استعلامات الحاوية باستخدام الأدوات الحديثة في JavaScript؟ يشارك علي علاء كيف يمكننا القيام بذلك مع MutationObserver.
• يحتوي Safari على دعم import() موجود بالفعل في إصدارات المعاينة ، وسيدعمه Chrome 63 أيضًا. يشرح ماتياس بينينز ما يعنيه هذا وكيف يمكننا استخدامه. import() هو في الأساس import على نار ويتيح لك تحميل وحدات JavaScript كاملة أثناء الطيران فقط عندما تكون في حاجة إليها حقًا.
• يشرح جيك أرشيبالد الاختلاف الدقيق والحيوي بين await return return await ويعطي نصائح حول وقت استخدام أي منهما.

حياة العمل

• "كان هناك وقت يمكنك فيه كتابة بعض القصائد ، وتموت من مرض السل ، وتسميها حياة تعيشها بشكل جيد." نشر كوين نورتون فكرة "ضد الإنتاجية" وعن السعي الغريب فينا جميعًا لزيادة الإنتاجية في الحياة.
• يشرح جيمس كلير لماذا تبدو الحياة دائمًا أكثر تعقيدًا وما يمكننا فعله حتى لا نشعر بالارتباك بسبب هذا.
• وفقًا لصحيفة The Guardian ، يستخدم الكثير من أصحاب العمل بالفعل مجموعة من التقنيات لمراقبة أنماط تصفح الويب لموظفيهم وضربات المفاتيح ومنشورات الوسائط الاجتماعية وحتى تطبيقات المراسلة الخاصة. إنها مراقبة العمل التي تظهر عدم الثقة المطلق في الشركة تجاه موظفيها. ولكن ماذا يمكنك أن تفعل إذا قام صاحب العمل بنفس الشيء؟ من الأفضل التحدث إلى رئيسك في العمل أنك تعتقد أنه لا يقدر عملك وأنه يشعر وكأنه لا يثق بك إذا كان يراقبك.
• يشارك Ryan Singer سبب عدم نجاح عمل Agile. تكمن المشاكل في فعل الأشياء الخاطئة ، والبناء على المواصفات ، وتشتيت الانتباه. العثور على الأشياء المناسبة للعمل عليها ، والقيام بها بعناية وفي دورات هو عمل رشيق حقيقي. لا تنشغل بالأرقام والمصطلحات ، وركز على الأشياء المهمة بدلاً من ذلك.
• تطرح Alida Miranda-Wolff مسألة لماذا تعتبر "التحرك بسرعة وكسر الأشياء" فكرة سيئة عندما يتعلق الأمر بالناس لأن "الشيء" الذي يتم كسره هو شخص. قضية ساعات العمل ، السعادة في العمل ، المواهب المتنامية ولماذا من المغري اتباع الأنماط المؤذية.
• يشارك دان كيم سبب اعتقاده أن الوقت قد حان لإنهاء الاجتماعات المتكررة من أجل العمل معًا بطريقة لا تضيع الوقت ولكنها تركز على الأشياء المهمة التي يجب مناقشتها. نداء للتفكير بشكل معقول حول الاجتماعات المتكررة.

الذهاب إلى ما بعد ...

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

نأمل أن تكون قد استمتعت بتحديث تطوير الويب هذا. ومن المقرر أن يكون اليوم التالي في التاسع عشر من كانون الثاني (يناير). ابقوا متابعين!