ملخص للمواد الطازجة من عالم الواجهة للأسبوع الماضي # 431 (1 - 6 سبتمبر 2020)

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

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

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

• CSSSR Podcast: Chrome 85 و NodeJS 14.9.0 و css-reset vs css-normalize وإصدارات إطار عمل JS و PHP وداعًا PhoneGap

• UnderJS Podcast # 25 - استراحة صغيرة ، TypeScript 4 ، Angular 10

• الواجهة الأمامية للشباب (18+ ) - # 153 تحرير PSD في VSCode

• Podcast "Make Me Beautiful" ، العدد رقم 43: كلما كانت الشفرة أسوأ ، كان المبرمجون أفضل (في Aviasales)

• بودكاست "معايير الويب" # 245. Firefox 80 و Chrome 85 ، لا أحد جديد IE ، لماذا Yarn 2 و AVIF الجديد و WebP v2

• The CSS Podcast # 023: المرشحات

• بودكاست Toolsday: "Svelte: A Second Look"

تطوير الشبكة

• مقارنة بين أدوات Blazor و JavaScript

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

• حول Shadow DOM

• كيفية ضمان أمان REST APIs

• 4 طرق لانتحال واجهة برمجة التطبيقات في تطوير الواجهة الأمامية

• 11 إطارًا صغيرًا للواجهة الأمامية يجب أن تعرفها

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

• 
  
  • . 2. Event loop, layout, paint, composite
  
  •
  
  • GTmetrix : Lighthouse, , PRO .
  
  • JavaScript ( )
  
  • SVG
  
  

• 
  
  • -
  
  •
  
  •
  
  

CSS

• خصائص مخصصة في CSS. الجزء 1: ما هو وكيف يعمل ، الجزء 2: اعتبارات التطبيق ، الجزء 3: القيود

• معالجة الصور باستخدام CSS

• كيفية استخدام CSS Grid لربط الرأس والتذييل

• Stroke text باستخدام CSS: الدليل الكامل

• تقنية إضافة التفاف إلى سطر جديد بعد عنصر مضمّن

• علامات مخصصة باستخدام CSS :: marker

• ما وراء استعلامات الوسائط: استخدام ميزات HTML و CSS الجديدة للتصميم سريع الاستجابة

• تخطيط الرأس باستخدام CSS Flexbox

• خيارات لحل خطأ منفذ العرض في Mobile Safari

• كيفية إنشاء مكون سريع الاستجابة باستخدام بطاقة منتج بدون استعلامات وسائط

• أنماط CSS مخصصة لحقول الإدخال والنص

• إنشاء شريط تمرير مخصص في 24 سطرًا من CSS

جافا سكريبت

• نظرة عامة على ts-migrate - أداة لترجمة المشاريع الكبيرة الحجم إلى TypeScript

• وصفات لإعداد التطبيقات غير المتصلة بالإنترنت

• معالجة الأخطاء في JavaScript

• 10 واجهات برمجة تطبيقات ويب غير معروفة يمكنك استخدامها

• 
  
  • JavaScript:
  
  • JavaScript Array Insert — JavaScript — Push, Unshift Concat
  
  • JavaScript - Native Private Fields
  
  • async/await JavaScript
  
  • JavaScript:
  
  

• React
  
  • React
  
  • Temper — React
  
  • React
  
  • React Storybook
  
  • React Emotion
  
  

• Vue
  
  • 5 Vue.js,
  
  • 4 Vue
  
  • Vue
  
  • Vue 3.0 Composition API
  
  • VueJS
  
  

• Angular
  
  • NgRx
  
  •
  
  

• Ember
  
  • Ember.js
  
  • Ember Domain Components
  
  • CI GitHub Actions Ember: 2
  
  

• Svelte
  
  • Svelte —
  
  • Svelte/Sapper vs Vue
  
  

• Libs & Plugins
  
  • fg-modal — - filament group
  
  • Brahmos — JS API React .
  
  

• وعدت Microsoft بالتخلص من Adobe Flash في متصفحاتها بحلول نهاية العام

• Mozilla: يكفي سجل المتصفح لتحديد المستخدم بشكل موثوق

• حماية DNS - الآن في Chrome لنظام Android

• Chrome 86: التركيز المحسن ، WebHID والمزيد

• لماذا يعد التنوع ذا قيمة المتصفحات؟

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

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

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