ملخص للمواد الطازجة من عالم الواجهة للأسبوع الماضي 432 (7-13 سبتمبر 2020)

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

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

وسائل الإعلام

• بودكاست "معايير الويب" رقم 246. Chrome 86، focus، :: marker، font debugging، screen screen، modals، flexes and select

• Frontend Youth (18+) podcast # 154 حافظ على الإجراءات شابة

• CSSSR podcast - تحسين الواجهة الأمامية ، القدرة على التكيف في عام 2020 ، توسيع NodeJS ، SSH -بيت وفجما للمطورين

تطوير الشبكة

• إصلاحات أخطاء غريبة واستراتيجيات تصحيح أخطاء تم اختبارها على مدار الوقت

• TeX في SVG: حل مفتوح المصدر لمساعدة مطوري الويب في المشروعات التعليمية

• المسار إلى Federated GraphQL

• أمان مشروعات npm ، الجزء 2

• هل تعرف ما هو GeoJSON؟

• البرمجة النصية عبر المواقع (XSS): الكشف والوقاية

• 5 ميزات صغيرة معروفة لـ Chrome DevTools

• Google تبدد الخرافات الشائعة حول المحتوى

• تغيير أحرف معينة باستخدام CSS و JavaScript

• دليل عملي لواجهة برمجة تطبيقات تشفير الويب

• 
  
  • imagesize imagesrcset
  
  • PRPL : -
  
  • AVIF
  
  •
  
  • Lighthouse
  
  

• 
  
  • Reduced Motion ,
  
  • SEO
  
  •
  
  

• التأثيرات
  
  • كيفية الحصول على رسوم متحركة مكتوبة بخط اليد بضربات خشنة باستخدام SVG Stroke
  
  • أزرار تأثير النثار
  
  

CSS

• تصميم رؤوس المواقع باستخدام CSS Flexbox

• أزرار مخصصة للراديو / مربع الاختيار يمكن الوصول إليها مع محاذاة مثالية

• Parsel: محلل صغير لمحددات CSS

• كيف يعمل المنظور في CSS

• كيفية إنشاء تدرجات نصية بسهولة باستخدام CSS.

جافا سكريبت

• TypeScript. الأنواع المتقدمة

• العمل مع البيانات غير المتوقعة في JavaScript

• العمل مع استعلامات الوسائط في JavaScript

• تحديث بنية DevTools: التبديل إلى وحدات JavaScript النمطية

• بوصلة حقيقية في متصفحات الأجهزة المحمولة باستخدام Javascript

• النظرية
  
  • طريقة وظيفة ربط DIY
  
  • الشروع في استخدام JavaScript - Proxy حديث
  
  • فهم تكرار الأحداث ، والردود ، والوعد ، وعدم التزامن / الانتظار في JavaScript
  
  • أفضل 5 ممارسات للترميز النظيف في JavaScript
  
  

• React
  
  • React:
  
  •
  
  • Jotai, React
  
  • React Chrono — React
  
  • React : ,
  
  • Redux
  
  • React
  
  

• Vue
  
  • Vue Teleport — Vue3
  
  • () Ionic Vue Beta
  
  • VueJs
  
  

• Angular
  
  • 3 , CSS Angular
  
  • ControlValueAccessor contenteditable Angular
  
  • Angular Ivy
  
  • rx-query Angular
  
  • State Observables Angular
  
  • Angular 4
  
  

• Ember
  
  • The Ember Times — Issue No. 163
  
  • Embroider
  
  • Parent Model Route Boundaries
  
  

• Svelte
  
  • Svelte JS:
  
  

• Libs & Plugins
  
  • الحساب الرمزي في JavaScript باستخدام Math.js
  
  • الفانيليا الملونة - منفذ رد الفعل الملون لعناصر الفانيليا المخصصة.
  
  

المتصفحات

• قدمت Mozilla ميزات جديدة للترويج للإضافات إلى Firefox

• في Chrome بدأ في تضمين إعلانات مانعة للموارد كثيفة الاستخدام

• سرقت حزمة npm الخبيثة ملفات Discord والمتصفحات

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

استوعب الأسبوع الماضي .

المواد المعدة dersmoll و alekskorovin .