ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوع الماضي رقم 325 (30 يوليو - 5 أغسطس 2018)

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

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

---

الوسائط

• Frontend Weekend podcast # 64 - أوليغ موخوف حول كيفية قيادة المطورين بشكل مريح وصحيح
• بودكاست "معايير الويب" ، العدد 132: البث الصوتي ، المتصفحات الجديدة ، الثغرات في رد الفعل وليس فقط ، خطوط الأنابيب غير الصحيحة ، الشبكات الفرعية جاهزة ، شبكة معقدة يدويًا ، مكونات الويب
• CSSSR Podcast News 512 - الإصدار رقم 17 (07.30 - 05.08)
• بودكاست Devshahta: Night Frontend # 44 —كيفية نقل جميع المطورين في الشركة إلى دراجتك

تطوير الويب

• اتجاه الويب هراء
• لا يزال الويب هو سلاح DARPA
• Frontend News # 2: دورة تحطم على واجهة برمجة تطبيقات الحافظة
• بخصوص الحالة المهملة لـ xlink: href في SVG
• إنهم يهاجموننا! 23+ Node.js أفضل ممارسات الأمان

• الأداء:
  • تكلفة JavaScript في 2018
  • قم بتحميل الموارد ديناميكيًا باستخدام Network Information API والعاملين في الخدمة
  • كيفية تسريع تحميل موقعك باستخدام صور WebP
  • خمس خطوات لتسريع المواقع المحملة بالصور
  

• سلطة المياه الفلسطينية:
  • سلطة المياه الفلسطينية عادلة
  • إنشاء تطبيق ويب تقدمي (PWA): بدون تفاعل وزاوية و Vue
  • ما هي سلطة المياه الفلسطينية ولماذا يجب أن تهتم؟
  

• إمكانية الوصول:
  • بطاقات الملحقات التي تصف مبادئ إمكانية الوصول للمكونات الموجودة بشكل شائع على الويب
  • سارة سويدان على تصميم وصنع مفاتيح بأسعار معقولة
  

• الرسوم المتحركة:
  • مربية شارب نقية CSS
  • مدينة صغيرة - تصور ثلاثي الأبعاد للشارع الكروي باستخدام ClayGL
  • احتواء فيديو HTML5 في الخلفية باستخدام لوحة الرسم
  
  

CSS

• طرق وأدوات تطوير أنماط صفحات الويب
• كيف قمنا بواجهة الويب الخاصة بصور Google: انظر تحت الغطاء
• انقر نقرًا مزدوجًا فوق CSS خالص
• CSS Grid - دليل المبتدئين
• Flexbox - دليل متحرك
• StyleURL هي أداة عبر الإنترنت لتصدير ومشاركة تغييرات CSS مباشرة من Chrome DevTools
• التركيز مع وحدات إطار العرض المتنقل
• تشن هوي جينغ حول استثناءات CSS ردا على مقالة Ben Frain الأخيرة حول نفس الموضوع
• التمرير المتحكم فيه باستخدام CSS Scroll Snap
• دليل عملي لمتغيرات CSS (الخصائص المخصصة)

جافا سكريبت

• شبيبة الجمعة: لعبة خط 0 شبيبة و CSS
• كود JS ، الأرقام الرومانية ، الألغاز الهندسية: كيف نقوم بتشفير عصرنا
• تفاعل جافا سكريبت: مثال بسيط وبديهي
• مقدمة إلى MutationObserver API من JavaScript
• JavaScript ES6: 5 تجريدات جديدة لتحسين التعليمات البرمجية الخاصة بك
• لقد أنشأت نفس التطبيق على React و Vue. وهنا الاختلافات
• مستودعات جافا سكريبت الأكثر شعبية على GitHub لشهر يوليو 2018
• سد الفجوة بين مكتبات JavaScript ذات المستوى المنخفض والعالي للتخطيط
• تقديم Fusion.js: إطار ويب عام للمكونات الإضافية (بواسطة Uber)
• سطر جافا سكريبت من الكود يبطئ FT.com عشرة أضعاف

• VueJS:
  • إتقان Vuex - من الصفر إلى البطل
  • إنشاء مدقق كلمة المرور عبر الإنترنت
  • وحدة اختبار Vue-Router
  • دليل VuePress المتعمق: توثيق Vue والمدونة
  • 5 أدوات لتسريع التطوير على Vue.js
  

• رد فعل:
  • [ترجمة] 4 طرق لأسلوب تصميم مكونات التفاعل
  • خطط لتصبح مطور رد فعل
  • تنفيذ بحث GraphQL
  • قد لا تحتاج إلى MobX أو Redux
  • أخطاء Linter الشائعة لـ ES6 / React
  • تفاعل + TypeScript = الحب
  • تطبيقات رد الفعل الدولية مع مكتبة React-Intl
  

• الزاوي:
  • ميزات Angular 6.1 الجديدة
  • الميزات الجديدة في WebStorm لـ Angular
  • سمات وتوجيهات النموذج في الزاوي
  • أحداث الزائفة الزاوية
  

• الليبس والمكونات الإضافية:
  • انتظار - ينتظر المجمّع لتبسيط معالجة الأخطاء دون محاولة الالتقاط
  • between.js - محرك جافا سكريبت خفيف الوزن (ES6) للرسوم المتحركة
  • موجة صوتية دائرية - مكتبة JS لتصور الصوت بشكل دائري
  • apexcharts.js - مكتبة لإنشاء مخططات ومرئيات JS تفاعلية باستخدام واجهة برمجة تطبيقات بسيطة
  • 7 مكتبات JS للقراءة الذهنية مع تخطيط كهربية الدماغ في 2018
  

المتصفحات

• كل شيء أميغو. الآن أصبح الأمر رسميًا
• يتجاوز فايرفوكس الحماية بسهولة في واجهة Gmail الجديدة
• ضد الشعور الانهزامي في الخصوصية. لماذا لا يزال بإمكان المتصفحات التوقف عن بصمات الأصابع
• التفاصيل الفنية لإصدار Firefox 61 على مدونة Marat Tanalin
• قررت Mozilla تغيير شعار Firefox وتطلب من المستخدمين ترك ملاحظاتهم
• أصدرت Google الإصدار الرسمي من VR Chrome لمنصة Daydream
• حصلت Microsoft Edge على دعم متقدم لتقنية مصادقة الويب
• يسمح لك الخطأ في متصفح Microsoft Edge بسرقة الملفات المحلية

مسلية

• قرارات مهنية على سبيل المثال ألعاب الكمبيوتر في أوائل 2000s
• منظمة العفو الدولية ، قدم نفسك! لماذا وكيف تميز السيارة عن الشخص
• المطورون الصغار والمتوسطة والكبار: ما هو الفرق - يجيب الخبراء
• يدمج GitHub أداة Google Build Cloud Build Tool
• واجهة مستخدم متوافقة مع الإصدارات السابقة
• تصنيف لغات البرمجة 2018 من منشور IEEE Spectrum
• أطلقت Yandex خدمة مجانية لإنشاء استطلاعات وجمع ملفات التعريف
• من روبوتات الدردشة إلى الذكاء الاصطناعي للمحادثة: تطوير مساعدين تجاريين أذكياء
• إنترنت الأشياء المحمول يتوقع نموًا هائلاً
أ.

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

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