التحديث الشهري لتطوير الويب 1-2019: إعادة التفكير في العادات وإيجاد حلول مخصصة

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

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

أخبار

• يوضح لنا جوزيف ميدلي عمليات الإيقاف والإزالة في Chrome 72 ، والتي تتضمن حظر النوافذ المنبثقة أثناء تفريغ الصفحة عبر window.open وتثبيت المفتاح العام المستند إلى HTTP وإيقاف TLS 1.0 و TLS 1.1.

UI / UX

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

أداء الويب

• يستكشف Jack Lenox مدى تأثير أداء موقع الويب على مناخ كوكبنا وتأثير الأداء على زوارك - بما يتجاوز أوقات التحميل الأفضل.
• يشرح Tim Kadlec سبب اعتبار الأداء نقطة أخلاقية لأنه يمكن أن يشمل الأشخاص أو يستبعدهم ، أو يزيد أو يقلل من إهدار الطاقة ، وحركة مرور الشبكة ، والوقت.

جافا سكريبت

• كيف نوفر زر "الرجوع إلى الأعلى"؟ حسنًا ، إليك طريقة فعالة وموجهة نحو الأداء تستخدم مراقب التقاطع لإظهار الزر وإخفائه.
• يصف أكرمان يوري كيف يمكننا استخدام FIDO2 وواجهة برمجة تطبيقات مصادقة الويب لتسجيل دخول المستخدمين بدون كلمات مرور.
• يعمل Chrome حاليًا على واجهة برمجة تطبيقات تسمى getInstalledRelatedApps تتيح لك اكتشاف ما إذا كان المستخدم قد ثبَّت تطبيقك الأصلي أم لا. قد يكون هذا مفيدًا لعدم إظهار لافتات التطبيق افتراضيًا بعد الآن أو السماح لهم بفتح ميزة منتج معين في التطبيق مباشرة من موقع الويب الخاص بك.
• يوضح Harry Wolff كيف يمكننا استخدام React.lazy والتشويق لتقسيم الشفرة في تطبيقات JavaScript. يعد هذا أمرًا مهمًا لتقليل حجم التحميل الأصلي لحزمة التطبيق ويمكن أن يحدث فرقًا كبيرًا في الأداء وتجربة المستخدم لموقع الويب.

CSS

• كتب Una Kravets مقالًا رائعًا عن استخدام Houdini و Paint API لـ CSS. توضح ذلك في مثال نمط تسطير مخصص لتزيين النص غير متوفر في CSS القياسي.
• يشرح إريك بورتيس مفهوم سمة HTML intrinsicsize التي ستساعدنا - كما نأمل قريبًا - في توفير تحميلات صور خالية من البيانات غير المرغوب فيها في المتصفحات من خلال تلميح الأبعاد المتوقعة للصور إلى المتصفح قبل تحليلها.
• قام Scott Jehl بتحديث وحدة select المظهر المخصص مفتوحة المصدر ، وفي منشور المدونة هذا ، يصف كيف يمكننا select النمط اليوم.
• لخص كريس كويير كيفية تصميم مكون ويب وتحديد ما إذا كنا نريده أن يرث أنماطًا عامة أو نبدأ من الصفر.

حياة العمل

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

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

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

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