التحديث الشهري لتطوير الويب 8-2018: تكلفة JavaScript والأخلاق في المصدر المفتوح و QUIC

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

نشر إريك ماير مقالاً يشرح بالتفصيل المشاكل التي تجلبها شبكة HTTPS فقط. في ذلك ، يكشف عن أن البلدان النامية تعاني كثيرًا من هذا التطور لأنها غالبًا ما يكون لديها اتصالات إنترنت سيئة ، وبسبب التشفير ، فإنها تواجه الآن أخطاء موقع الويب أكثر من ذي قبل . قفز بن ويردمولر ونشر مقال "أوقفوا البناء في سان فرانسيسكو" الذي أشار فيه إلى واحدة من أكبر المشاكل التي نواجهها كمطورين: نحن نستخدم أجهزة وبنية تحتية متميزة. نحن نبني الخبرات باستخدام أحدث أجهزة iPhone أو Macbooks المزودة بـ Gigabit أو اتصالات 4G السريعة ، لكننا لا نفكر أبدًا في أن معظم الأشخاص الذين نبنيهم لاستخدام الأجهزة والبنى التحتية البعيدة عن أن تكون مجهزة جيدًا. يُعد جعل الويب أكثر أمانًا فكرة رائعة ، ولا مجال للشك فيها ، ولكن يجب علينا أيضًا أن نضع في اعتبارنا العواقب التي قد تترتب على أحدث التقنيات وقرارات التصميم لدينا على الآخرين.

أخبار

• تم إصدار TypeScript 3.0 مع بعض ميزات وإصلاحات اللغة الملائمة.
• تم تطبيق تلميحات العميل في Chrome منذ فترة طويلة بالفعل ، وهي ميزة رائعة. لتحسين الخصوصية ، تغيرت وظيفة تلميحات العميل للصور المتجاوبة مع Chrome 67. يوضح Colin Bendell الاختلافات ولماذا تكون تلميحات العميل مفيدة جدًا للأداء.
• يسأل المطورون كثيرًا عن Safari's Intelligent Tracking Prevention (ITP) وكيفية تصحيح أخطاء مواقع الويب مع تمكينها. يشارك فريق WebKit الآن وضع تصحيح أخطاء ITP والذي يمنحك المزيد من المرونة والأدوات لتعقب المشكلات.
• اعتبارًا من أكتوبر ، لن تثق معظم المتصفحات بشهادات Symantec TLS تمامًا ، وبالتالي تمنع الوصول إلى مواقع الويب التي لا تزال تستخدمها. يرجى تحديث شهادتك إذا لم تكن قد قمت بذلك بالفعل.
• يقدم أحدث إصدار من Chrome (68) إشعارًا جديدًا "غير آمن" عند زيارة صفحات HTTP. كن على علم بهذا وقم بترقية مواقعك وفقًا لذلك. الجديد أيضًا في Chrome 68 هو واجهة برمجة تطبيقات Page Lifecycle الجديدة ، وواجهة برمجة تطبيقات جديدة رائعة لأحداث الصفحة ، بالإضافة إلى واجهة برمجة تطبيقات Payment Handler. يتم الآن تجاهل ذاكرة التخزين المؤقت لـ HTTP عند طلب تحديثات لعامل خدمة ، مما يجعل Chrome متوافقًا مع المواصفات والمتصفحات الأخرى. بصرف النظر عن ذلك ، فإن قيم cursor التي grabbing grab لم يتم تعديلها الآن في الإصدار الجديد - أخيرًا.

عام

• إذا كنت تقوم بالبناء لـ Open Source ، فأنت بحاجة إلى تحديد الترخيص الذي يجب أن يستخدمه مشروعك. الآن هناك خيار جديد ، ترخيص Just World. إنه للمطورين الذين "يتفقون بشكل عام مع مبادئ البرمجيات مفتوحة المصدر ولكنهم غير مرتاحين لاستخدام برامجهم كجزء من الجهود المبذولة لتدمير الأرواح وبيئتنا ومستقبلنا".
• تعد آلات التعلم العميق موضوعًا كبيرًا هذه الأيام ، لكن بعض الناس يستكشفون خوارزميات أفضل تتفوق بسهولة على آلات التعلم العميق في ألعاب الفيديو.
• يعد كتاب Drew DeVault "بسيط وصحيح وسريع: بهذا الترتيب" تذكيرًا رائعًا لتحديد الأولويات مباشرة في تطوير الويب والبرامج.
• كتب جوناثان فولتون موردًا مفيدًا بعنوان "مفاهيم الهندسة الأساسية التي كنت أتمنى أن أعرفها عندما بدأت كمطور ويب" ، وهي بنية ويب رائعة 101 وأساس للوافدين الجدد في صناعتنا.

UI / UX

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

الأدوات

• كتب Prashant Palikhe قصة طويلة حول فن تصحيح الأخطاء باستخدام Chrome's Developer Tools ، والتي يمكنني أن أوصي بها بشدة لأنها مرجع كامل للغاية للتعرف على أدوات المطور الخاصة بالمتصفح. إذا كنت تستخدم متصفحًا آخر ، فهذه ليست مشكلة كبيرة لأن معظم الأدوات متشابهة تمامًا.
• WebP هو تنسيق صورة يحتوي على ميزتين رائعتين ومن المحتمل أن يكون أحد أشهر التنسيقات الجديدة إلى جانب تنسيقات JPEG / PNG الشائعة. ومع ذلك ، لا يزال إنشاء صور WebP يمثل تحديًا ، لذلك كتب Jeremy Wagner دليلاً حول كيفية تحويل الصور إلى WebP.
• يقدم Douglas Creager نظام تسجيل أخطاء الشبكة الجديد الذي يسمح لك بإرشاد وكلاء المستخدم إلى جمع نفس مجموعة المعلومات التي ستظهر في سجلات الخادم.
• كثير منا مدمن على أدوات الاتصال مثل Slack. قرر الأشخاص من Wildbit إغلاق Slack لمدة أسبوع - مع تأثير كبير على كيفية عملهم. دراسة حالة مثيرة للاهتمام حول كيف نميل إلى الشعور بالراحة مع أداة مفيدة وعدم استخدامها كما ينبغي بعد الآن. من وقت لآخر ، من المهم إعادة ضبط أذهاننا.
• نشر Dennis Reimann أول نسخة مستقرة من UIEngine ، وهي طاولة عمل للتطوير المدفوع بواجهة المستخدم.

حماية

• هناك مراقب جديد موجود: تتيح لك ReportingObserver API معرفة متى يستخدم موقعك واجهة برمجة تطبيقات مهملة أو يتدخل في تدخل المستعرض. حتى الآن ، يتوفر في Chrome 69. يمكنك بسهولة استخدام هذا لإرسال الأخطاء التي كانت متوفرة في السابق فقط في وحدة التحكم إلى الواجهة الخلفية أو خدمة معالجة الأخطاء.

أداء الويب

• هل تتذكر QUIC (اتصالات إنترنت UDP السريعة)؟ البروتوكول المصمم من قبل Google والذي يستخدمونه داخليًا ويتشكل جيدًا للاستخدام الأكبر؟ بينما يقوم IETF حاليًا بتوحيد التنسيق في نهاية العام ، يشارك مهندسو Cloudflare الآن تجربتهم من اختباره.

• عندما يكون لديك محتوى من إنشاء المستخدم ، فأنت لا تعرف غالبًا ما إذا كان لديك عنصر واحد فقط أو قائمة عناصر لإخراجها. في Colloq ، أردنا عمل الدلالات بشكل صحيح وأنشأنا نظامًا يسمح لنا بإخراج علامة p عندما يكون عنصر واحد فقط في الحاوية ، أو قائمة ol / ul مع عناصر قائمة متنوعة.

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

• يشارك Dave Rupert بطاقات التغذية A11Y ، وهو مشروع يحاول استيعاب وتبسيط توقعات إمكانية الوصول عندما يتعلق الأمر بتأليف المكون.
• تعد روابط التخطي من ميزات الوصول الشائعة. كتب Hampus Sethfors الآن مقالًا عن سبب استمرار تعطل العديد من الروابط وكيفية إصلاحها بشكل صحيح.

جافا سكريبت

• بعد عام واحد من طرح تطبيق الويب التقدمي ، ألقى Zack Argyle من فريق Pinterest الهندسي نظرة إلى الوراء. من المهم ملاحظة سبب قرارهم إنشاء PWA: "لم تكن تجربة الويب على الأجهزة المحمولة للأشخاص في بيئات النطاق الترددي المنخفض وخطط البيانات المحدودة جيدة". لكن النتائج بالنسبة لهم مدهشة.
• يقدم Philip Walton واجهة برمجة تطبيقات Page Lifecycle الجديدة التي تساعدنا في تحديد حالات الصفحة في المتصفح بسهولة أكبر عبر الأحداث ، مثل أن تكون الصفحة في الخلفية (غير مرئية) أو نشطة أو مجمدة أو حتى منتهية.
• عفوًا ، تعلمون جميعًا أن eval() في JavaScript سيء ، أليس كذلك؟ لهذا السبب نمنع عادةً استخدامه في سياسات أمان المحتوى. لكن Remy Sharp يذكرنا أن هناك سطرًا من التعليمات البرمجية يضر بالأمان بنفس القدر.
• بحثت Addy Osmani في تكلفة JavaScript في 2018 وتشارك الآن الدليل على أن كل بايت من JavaScript لا يزال أغلى مورد يمكننا إرساله إلى الهواتف المحمولة لأنه يمكن أن يؤخر التفاعل بشكل كبير. هذه مشكلة خاصة بالنسبة للهواتف غير القادرة التي تستخدم على نطاق واسع خارج صناعة التكنولوجيا.
• يشرح Hidde de Vries كيف يمكننا إتاحة الوصول إلى عناوين الصفحات في تطبيق JavaScript Single Page.

CSS

• استكشف Max Bock بعض تقنيات CSS Grid لبناء تخطيطات الغد برمز بسيط نسبيًا.
• توضح سارة سويدان كيف يمكننا إنشاء مفاتيح تبديل شاملة باستخدام HTML و CSS الحديث.
• تشترك Jen Simmons في أخطاء CSS Grid الشائعة وكيفية حلها.
• يشرح إيثان fr الوحدة التي لا تزال جديدة نسبيًا والتي نستخدمها في الغالب لشبكات CSS.

حياة العمل

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

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

• كتب Tobias van Schneider عن سبب نجاح استوديو Sagmeister-Walsh من خلال بقائه صغيرًا ولماذا يكون الحلم كبيرًا ولكن البقاء صغيرًا أمرًا مهمًا جدًا للتفكير الإبداعي.
• يشارك Ben Werdmuller أفكاره حول مدى اختلاف بدء عمل تجاري عندما تكون ، على سبيل المثال ، في سان فرانسيسكو. هذه قصة حيث يُعتبر 117000 دولار "دخلًا منخفضًا" في سان فرانسيسكو وكيف يحد هذا من الأفكار.
• يجعلنا جيريمي ناجل نفكر في تأثير كودنا مفتوح المصدر: بصفتنا مطورين نميل إلى الاعتقاد بأن إتاحة الكود الخاص بنا مجانًا هو خطوة رائعة ولكننا ننسى أننا نجعلها متاحة للاعبين السيئين أيضًا - لعمال مناجم الفحم ، الشركات المساهمة في التلوث ، لأولئك الذين يستخدمون الناس للثراء بينما يسيئون معاملتهم ، لأولئك الذين ينهبونك بشكل غير مباشر. ليس الأمر أنه لا يمكنك فعل أي شيء حيال ذلك ؛ يجب أن تكون على دراية بهذه المشكلات وتطبيق ترخيص أفضل أو إضافة بيان مخصص إلى التعليمات البرمجية الخاصة بك.
• الهند لديها مشكلة كبيرة في النفايات البلاستيكية. منذ شهرين ، لم يعد زوجان من الصيادين يتجاهلون مشكلة البلاستيك بعد الآن ، لكنهم يجمعون كل النفايات في شباكهم بدلاً من ذلك ، ويعيدونها إلى الشاطئ حيث تُستخدم لبناء الطرق. فكرة رائعة عن الاستفادة من القمامة بكفاءة.