ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوع الماضي رقم 408 (23 - 29 مارس 2020)

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

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

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

• بودكاست "معايير الويب" رقم 223. Safari وملفات تعريف الارتباط الثالثة وخزائنك ، أجمل ، صور سريعة ، حيل قديمة ، تلقائية في CSS
• بودكاست CSSSR: News 512 - Angular 9.1 ، Prettier 2.0 ، CSS auto ، مارس JS النقي وتعلم الحجر الصحي
• UnderJS Podcast No. 18 - Yarn2 وعلة طول ...
• Devshahta / الواجهة الأمامية: مراقبة node.js باستخدام دراسة حالة مثيرة للاهتمام
• بودكاست "Frontend Youth (18+)" رقم 130: الأول المعزول
• بودكاست "معايير الويب" رقم 222. GitHub و npm و iPad مع المؤشر وعناوين URL والجداول اللاصقة وكيل المستخدم وتنضيد الحروف وإغلاق العلامات!
• Repozitorro # 39 - التصميم والواجهة الأمامية
• CSS Podcast 003: الخصوصية

تطوير الشبكة

• هندسة نظيفة للواجهة الأمامية
• Google PageSpeed ​​Insights الجديدة على محرك Lighthouse 6 (بيتا): تحقق من المؤشرات التي سيحتوي عليها موقعك
• طرق التعامل مع التعليمات البرمجية القديمة على سبيل المثال من GitLab
• بنية الواجهة الأمامية : الأساسية
• زيادة المدخلات وحقول النص تلقائيًا
• حديث تنسيقات الصور: استخدام Webp في HTML و React
• إزالة الثغرات الأمنية في تبعيات npm في أقل من 3 دقائق
• كيفية استخدام Web Storage API
• Favicons : Emojis as favicon ، Lifehack by Chris Koyer: استخدام رمز آخر للتطوير
• خلاصات RSS الأمامية (إصدار 2020)
• Bootstrap 5 يرفض دعم IE 10 و 11: ما الذي سنبقى معه؟

• إمكانية الوصول
  • الامتثال ADA أمر لا بد منه للوكالات الرقمية ، إليك كيفية القيام بذلك
  • لماذا 2020 هو العام الذي تحتاجه لأخذ إمكانية الوصول على محمل الجد: المحكمة العليا لم تعد تمزح ولا يجب عليك
  

• التأثيرات
  • تأثيرات حركة الجسيمات عند اختيار النص
  • تأثيرات متحركة للمؤشر
  

CSS

• CSS: دليل كامل لوظيفة calc ()
• مجموعات في CSS: الخصائص المخصصة و :: التحديد
• شرح تفاصيل CSS لفترة الخمس سنوات
• كيفية تكرار النص كصورة خلفية في CSS باستخدام العنصر ()
• إشارة إلى موضع التمرير في الصفحة باستخدام CSS
• كيفية تحريك النص باستخدام SVG و CSS
• تصميم أشرطة التمرير باستخدام CSS: طريقة حديثة لتصميم أشرطة التمرير

جافا سكريبت

• استدلال الأنواع في TypeScript باستخدام صيغة البناء والكلمة الرئيسية المستنتجة
• ميزات TypeScript الجديدة التي تعزز راحة التطوير
• أوراق الغش الأمنية: Nodejs
• DIY 3D. الجزء 1: وحدات البكسل والخطوط
• واجه مشروع CoreJS مشاكل في الصيانة بسبب سجن المؤلف
• أفضل 14 مؤتمر JavaScript للمشاركة في عام 2020
• كيفية بدء اختبار الوحدة البرمجية JavaScript
• كيفية استخدام أحدث ميزات JavaScript في أي متصفح
• VueJS مقابل ReactJS : من سيحكم في 2020؟
• كيف تتحكم في HTML DOM باستخدام الفانيليا JavaScript فقط؟

• 
  •
  • JavaScript – map, reduce filter
  •  MDXJS
  

• React
  • react-redux, redux-saga
  • FuseBox React
  • Server-Side Rendering React — Redux
  • React: Gatsby
  • Airbnb Enzyme, React
  • React Firebase
  

• Vue
  • i18n Vue.js vue-i18n
  • , ref() Vue 3?
  • Vue.js — 3 ( VDOM)
  

• Angular
  • Angular
  • : MEAN.js AngularJS Create-React-App
  • 9.1 Angular — TypeScript 3.8,
  

• Ember
  • The Ember Times — Issue No. 141
  • Ember GraphQL
  • Ember Octane: Components
  • Ember Octane:
  

• Svelte
  • لماذا يجب عليك البدء في استخدام Svelte Js لمشاريع الويب إذا كنت لا تزال لا تفعل ذلك
  • قائمة منسقة مع موارد على Svelte JS
  

• Libs & Plugins
  • نظرة عامة على مشغلات الفيديو للويب
  • 9 أفضل محركات الألعاب ومكتبات JS في عام 2020
  • تقدم Rsup - مؤشر تقدم صغير يدعم الوعود
  • jsSHA - تنفيذ JavaScript لعائلة Secure Hash Standard الكاملة
  

المتصفحات

• يقدم Firefox وضع "HTTPS فقط"
• في Chrome 83 ، يبدو أن أحد الإعدادات يعرض عنوان URL الكامل في شريط العناوين
• ستتخطى Google إصدار Chrome 82

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

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