ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوعين الماضيين رقم 323 (8 - 22 يوليو 2018)

نلفت انتباهك إلى مجموعة مختارة تحتوي على روابط لمواد جديدة من منطقة الواجهة الأمامية وحولها.

الإعلام | تطوير الويب | CSS | جافا سكريبت | المتصفحات | مسلية

---

الوسائط

• بودكاست "معايير الويب" ، العدد 130: فئات غير ملائمة وأي JS ، تظهر على الطاير ، شبكات بها أخطاء ، هبوط سيئ لـ SRI جيد ، العدد رقم 129: الفيروس في npm ، لماذا سياسة الميزات ، الحالة في Atom ، كود خامد ، فصل المسؤولية أو السهم أو الإصبع
• بودكاست Frontend Weekend: # 62 - Andrei Sitnik بشأن الانتقال إلى نيويورك ، السفر والإباحية على Twitter ، # 61 - Andrei Melikhov حول العمل في Yandex.Money ، Night Frontend والاستيلاء على السلطة في devSchacht
• بودكاست "Devshahta / Night Front End": # 42 - أتمتة CI / CD ، # 41 - أبحث عن مراجعة جيدة للرمز
• Podcast Frontend Youth (18+) # 56 مجتمع سام
• CSSSR Podcast News 512 - العدد رقم 15 (16 يوليو - 22 يوليو)

تطوير الويب

• ما يجب أن يتذكره مطور الويب للقيام SEO-Feng Shui
• ملحقات كود Visual Studio التي ستأخذ عملية التطوير إلى مستوى جديد
• مكونات الويب في 2018
• الكأس المقدسة للمكونات القابلة لإعادة الاستخدام: العناصر المخصصة و Shadow DOM و NPM
• تفاصيل إنشاء واجهة الويب الخاصة بصور Google
• تشريح النصوص الخبيثة: كيف يمكن لموقع ما أن يتولى متصفحك
• إمكانية الوصول للفرق - دليل سريع لدمج ممارسات الوصول والإدراج في عملية تطوير فريقك
• مستقبل WebAssembly - نظرة على الميزات والاقتراحات القادمة
• تحريك SVG باستخدام SVGator

• الأداء:
  • قياس الأداء باستخدام نموذج RAIL وأهدافه وإرشاداته لإنشاء صفحات سريعة (تم التحديث في 2018)
  • خلق ثقافة إنتاجية في فريقك
  • من هم عمال الخدمة وكيف يمكنهم تحسين الإنتاجية
  • كيف أدى تحسين الصورة إلى تقليل وزن الصفحة بنسبة 62٪
  • قائمة فحص أداء الواجهة الأمامية
  

• PWA / AMP:
  • PWACompat: بيان تطبيق الويب لجميع المتصفحات
  • بينتيريست: PWA بأثر رجعي للسنة
  • تتبع تطور AMP في لوحة بيانات AMP Roadmap الجديدة باستخدام الفلاتر والفئات
  • PWA لـ WordPress ، البرنامج المساعد الرسمي
  

CSS

• من اليمين إلى اليسار. كيفية تحويل واجهة الموقع تحت RTL
• CSS Paint API
• CSS: نوع جديد من JavaScript
• الكيمياء CSS CSS
• دليل Flexbox المصور الكامل
• أكبر 9 أخطاء مع CSS Grid
• DSS - الإصدار النهائي من الإصدار التجريبي الأول من أوراق الأنماط الحتمية ، وهو تناظري لوحدات CSS مع تجميع تلقائي في فئات CSS الذرية للحزم الصغيرة
• أشياء غريبة يمكن للخطوط المتغيرة القيام بها
• كيفية إصلاح مشاكل تخطيط CSS؟
• أشياء مفيدة يمكنك القيام بها مع أحداث مؤشر CSS
• هل يجب أن أستخدم إصدار IE من مخطط الشبكة في 2018؟
• حاولت CSS وظيفية وممتص
• كيف تتحسن في كتابة CSS

جافا سكريبت

• مقارنة أطر JS: React و Vue و Hyperapp ، Re: "مقارنة أطر JS: React و Vue و Hyperapp"
• جافا سكريبت ES6: نقاط الضعف
• برمجة جافا سكريبت
• 15 طريقة لعنصر HTML ربما لم تسمع عنها من قبل
• مصفوفة الكفاءة لمطوري Fullstack JS
• مقدمة إلى JavaScript MutationObserver API
• جافا سكريبت ES6 - أنت في الواقع لا تحتاج إلى تعلم المولدات
• إعلان TypeScript 3.0 RC

• VueJS:
  • كيفية إنشاء مكونات Vue ، مثل المحترفين
  • Vue-UI - النظرة الأولى
  • رسالة حب إلى فيو
  • دورة مجانية لتعلم Vue.js
  • إنشاء مكون Vue "لا يتم تحويله"
  • أفضل تفسير لتفاعل JS
  

• رد فعل:
  • طريق تعلم رد الفعل . رحلتك لإتقان رد الفعل المعتاد ولكن البراغماتي. ترجمة كتاب شعبي إلى اللغة الروسية
  • أساسيات JavaScript قبل التعلم
  • مكونات رد فعل التصميم
  • بسهولة إنشاء الرسوم المتحركة المعقدة واجهة المستخدم في رد فعل
  • ما مدى سرعة تعلم رد فعل؟
  

• الزاوي:
  • ما الجديد في Akita for Angular: لقد أضفنا أكثر الميزات المطلوبة
  • تحسين أداء التطبيق الزاوي مع الكشف عن التغيير المحلي
  • أنت لا تعرف الزاوي - دليل الإسقاط الزاوي
  

• الليبس والمكونات الإضافية:
  • كيفية إنشاء لوحة تحكم حديثة على NVD3.js
  • coolHue - أداة لاختيار التدرجات وإنشاء لوحاتك الخاصة
  • draxt - حزمة تشبه NodeList / jQuery لنظام الملفات (node.js)
  • Popbox.js هو مكون إضافي صغير لإنشاء نوافذ مشروطة ذات طبقات. البرنامج المساعد بدون تبعيات وقابلة للتخصيص بالكامل
  • Pushbar.js هو مكون إضافي صغير لإنشاء لوحات الخروج في تطبيقات الويب.
  

المتصفحات

• تمت إضافة WebRender إلى الإصدارات الليلية من Firefox ، باستخدام GPU لعرض صفحات الويب.
• يقوم مشروع Browsh بتطوير مستعرض وحدة تحكم يستند إلى Firefox
• بدأ Firefox ASan يبني لتحديد مشاكل الذاكرة
• ثلاث ميزات رائعة جديدة في Chrome DevTools

مسلية

• الكثير من المعرفة وقليل من الوقت
• كن متخصصًا متعدد التخصصات ، ولكن أعلن عن نفسك كمتخصص في مجال واحد
• سرعة Linux على Windows 10 . قصيدة لمحطة باش على نظام ويندوز الفرعي لنظام لينكس.
• 6 نهج لتحديد أولويات المهام. تجربة ريدل ، ماكباو ، نحوي و EduNav
• قامت جوجل ومايكروسوفت وتويتر وفيسبوك بإعداد مشروع نقل البيانات
• تم إدخال معلمات مصادقة نسخ البرامج الضارة في وحدة NPM الشائعة
• الخوارزميات تنقذ الناس: كيف تنقذ الخوارزمية المتطابقة الأرواح
• تحدثت إنتل عن إنجازاتها العشرة الكبرى في 50 عاما
• قدمت Check Point مراجعة للتهديدات السيبرانية في النصف الأول من عام 2018: نمو مزدوج لعمال المناجم المشفرة وتغيير في ناقلات الهجمات على الغيوم
• تعمل AMD و Microsoft و NVIDIA و Oculus و Valve على تطوير معيار VirtualLink الذي سيسمح لك بتوصيل خوذات الواقع الافتراضي بجهاز كمبيوتر باستخدام كبل USB-C واحد
• النمط الداكن: كيف تجعل خدمات الويب يرتكب المستخدمون أخطاء في أفعالهم
• كيف يستخدم المكفوفون iPhone و MacBook و Apple Watch
أ.

نعتذر عن أي أخطاء إملائية أو روابط معطلة / مكررة. إذا لاحظت مشكلة - يرجى الكتابة في بريد إلكتروني شخصي ، فنحن نحاول إصلاحها بسرعة.

ملخص الأسبوع الماضي
المواد التي أعدتها dersmoll و alekskorovin