ملخص للمواد الطازجة من عالم الواجهة للأسبوع الماضي # 436 (5-11 أكتوبر 2020)

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

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

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

• CSSSR Podcast: CSS Grid في Chrome DevTools 87 ، Microservices ، TypeScript Tricks ، Spamtoberfest ، VS Code Era

• معايير الويب Podcast # 250. Edge in VS Code، Grid Inspector، Gaps and Flexes، Math in CSS، Hacktoberfest، Open Source

• Podcast "Frontend Youth" # 159: SOLID vs SOLOD

تطوير الشبكة

• إنشاء رمز مفضل لموقع 2020

• استخدام سياسة أمان المحتوى (CSP) لحماية تطبيقات الويب

• توسيع مسؤوليات مطوري الواجهة الأمامية

• لم يتم إنشاء الويب للخصوصية ، ولكن يمكن ذلك

• أصبح تطبيق الصفحة الواحدة الخاص بك الآن متعدد التعبئة

• API
  
  • — Event Conversion Measurement API.
  
  • Web Share API
  
  • The File System Access API:
  
  

• 
  
  • Webpack 5
  
  • DevTools (Chrome 86)
  
  • RSLint — JS-, Rust, , .
  
  • npmx — CLI npm
  
  

• 
  
  •
  
  • HTML5 Lazy Loading CSS JavaScript
  
  • Cumulative Layout Shift
  
  • Cumulative Layout Shift
  
  

• 
  
  • :
  
  

• 
  
  • WebGL Curtains.js
  
  • Webgl SLider
  
  

CSS

• متغيرات CSS 101: دليل شامل لمتغيرات CSS مع أمثلة

• تحريك العدادات باستخدام CSS

• : التركيز المرئي هنا

• حل CSS Grid الأنيق للتخطيطات مع محتوى مركزي مفصول بواسطة كتلة بعرض كامل

• دليل نموذج HTML / CSS (بدون الاختراق)

• أمثلة لطيفة للتحولات ثلاثية الأبعاد في CSS

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

• موازنة المحور مع Flexbox

• Flexbox غريب ولكن يعمل: مخططات تفاعلية مع Flexbox

• clamp () للتصميم سريع الاستجابة

جافا سكريبت

• أفضل الممارسات لمعالجة الأخطاء في JavaScript الحديثة

• إطار عمل Javascript لتطوير تطبيقات الأعمال

• التعامل مع طلبات النطاق في عامل الخدمة

• كيفية العمل مع عنصر متعدد التحديد في Vanilla JS

• كيفية إنشاء زر تمرير غير مزعج

• ما هو المستقبل لـ JavaScript؟

• ما أعجبني في TypeScript 4.0

• 
  
  • - JavaScript
  
  • - JavaScript:
  
  • JavaScript
  
  • Event Loop Call Stack JavaScript
  
  • JavaScript —
  
  

• React
  
  • MobX, Redux,
  
  • useEffect
  
  • - React (PWA)
  
  • React Hooks:
  
  • JavaScript-less Static SSR Styled Components
  
  • Render React ?
  
  • Figma React
  
  

• Vue
  
  • - Vue.js
  
  • To-Do: Composition API Vuex
  
  

• Angular
  
  • Angular Component Libraries Accessibility
  
  • Inputs & Outputs: Angular
  
  • : Angular
  
  • angular/router: RouterScroller ?
  
  

• Ember
  
  • The Ember Times — Issue No. 165
  
  • in-element Ember.js
  
  • Ember Octane Glimmer Components
  
  • React Ember:
  
  • React Component Ember.js
  
  

• Libs & Plugins
  
  • ZzFXM - Tiny JavaScipt music generator
  
  • meta-fetcher: محلل البيانات الوصفية الصغير لعنوان URL محدد
  
  • Spotify-api - غلاف سريع للتفاعل مع Spotify api
  
  

المتصفحات

• بدأ Chrome في تنشيط IETF QUIC و HTTP / 3

• إصدار Chrome 86

• يظل Google Chrome هو المتصفح الأكثر شيوعًا في الصين

• كشفت Microsoft عن سبب إنشاء المتصفحات في Windows 10 للعديد من العمليات

• أعلنت Microsoft عن ميزات جديدة لـ Microsoft Edge

• سجل متصفح الويب



← خلاصة الأسبوع الماضي

أعدت مادة dersmoll و alekskorovin