Frontend Weekly Digest (11 - 17 مارس 2019)

نصدر هذا الأسبوع مجموعة كبيرة حقًا من الأخبار الأساسية التي قد تكون فاتتك في تطوير الواجهة الأمامية. تأكد من مراجعة آخر التحديثات على CSS و HTML و JavaScript.

تطوير الويب

• واجهة خالية من جافا سكريبت
• التخطيط للصور المستجيبة
• قبل 30 عامًا ، تغير العالم إلى الأبد
• تخزين KV: أول وحدة مدمجة للويب
• رؤى إمكانية الوصول هي أداة اختبار # a11y جديدة تمنحك معلومات سريعة وقابلة للتنفيذ حول مشاكل إمكانية الوصول في منتجاتك
• إضافة دعم من الدرجة الأولى لتحميل البرنامج النصي التفاضلي

• الأداء:
  • الإعلان عن Lite Pages for Chrome: تجربة تحميل أسرع للمستخدمين على شبكات * بطيئة للغاية. التقيد عبر "توفير البيانات" لتقديم الخوادم المسبقة وتحديد أولويات الموارد الفرعية للصفحة. يعمل على HTTPS.
  • جعل الشعور صفحات كروم لايت
  

• الأدوات:
  • نص سامية 3.2 هو خارج! بوابة المتكاملة وما زال الحريق السريع
  • كيفية استخدام Chrome باعتباره IDE
  

CSS

• WebP في CSS - ملحق PostCSS ونص JS صغير (128 بايت) لاستخدام WebP في خلفية CSS
• كيف يمكنك البدء باستخدام CSS Grid
• تصميم وحدة نسبة الارتفاع إلى CSS
• تصحيح أخطاء CSS أمر صعب
• إذا البيانات وللحلقات في CSS
• كيفية التعامل مع ألوان CSS باستخدام JavaScript
• إعادة تصميم مستنداتنا - الجزء 4 - بناء بنية CSS قابلة للتطوير
• لماذا لا يمكنني ضبط حجم خط الرابط الذي تمت زيارته؟
• معايير الويب تفي بأرض المستخدم: استخدام CSS-in-JS لتصميم عناصر مخصصة
• البدء في استخدام PostCSS في عام 2019
• نقل تسطير القائمة الملاحة

جافا سكريبت

• Node.js Foundation و JS Foundation Merge لتشكيل OpenJS Foundation
• تحديث على الميزات التجريبية في Node.js
• GraphQL في العمق: ماذا ولماذا وكيف
• كيف خربت شفرة JavaScript الخاصة بي وما زلت أفوز في تحدي الترميز
• جافا سكريبت في 14 دقيقة

• النظرية:
  • تحويل معاودة الاتصال إلى الوعود
  • عندما "Zoë"! == "Zoë". أو لماذا تحتاج إلى تطبيع سلاسل Unicode
  • 7 الحيل مع الراحة ونشر كائنات جافا سكريبت
  

• فوجس:
  • كيفية استبدال jQuery مع Vue
  • كيفية إعداد استجابة واجهة المستخدم استجابة في Vue.js
  • مشروع مجتمع Vue a11y - Vue.js لتحسين إمكانية الوصول إلى الويب.
  

• الرد:
  • رد فعل السنانير: كيفية البدء وبناء بنفسك
  • إضافة الرسوم المتحركة إلى React Apps مع React-Lottie
  • هيكل الملف الأمثل لتطبيقات React
  • لا تحتاج إلى إطار يتوهم لاستخدام GraphQL مع React
  

• الزاوي:
  • ترقية تلقائيا وحدات كسول محملة لبلاب!
  • تنفيذ تحميل الملفات باستخدام العقدة والزاوي
  • بناء تطبيقات الزاوي ويتفاعل جنبا إلى جنب مع NX
  

• ليبس و الإضافات:
  • لماذا يجب ألا تستخدم Moment.js ...
  • أدوات الوعد: الأدوات المساعدة التي تشبه لوداش ، والاعتماد على الوعود ES6 الأصلي
  • async موازية / المسلسل foreach في جافا سكريبت
  • lax.js - البرنامج المساعد للفانيليا جافا سكريبت بسيط وخفيف الوزن (2 كيلو بايت مصغر ومضغوط) لإنشاء رسوم متحركة سلسة وجميلة عند التمرير
  

شكرا للقراءة! لا تتردد في إرسال مقالاتك إلينا أو محتوى جديد مفيد تريد رؤيته في الملخص التالي.