ملخص للمواد الطازجة من عالم الواجهة للأسبوع الماضي # 435 (28 سبتمبر - 4 أكتوبر ، 2020)

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

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

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

• UnderJS Podcast # 27 - V8 مرة أخرى 8. 3/4/5 و PHP 8

• Frontend Yunost podcast # 157: تعلم كيفية العيش على 280 ألف شهريًا

• بودكاست CSSSR - Firefox 81 ، تحويل JSX الجديد ، نقد مكونات الويب ، تحسين CDN ، V8 8.6، Hacktoberfest 2020

تطوير الشبكة

• لماذا نحتاج إلى فريق Frontend Core مخصص وكيف قمنا بتنفيذ نظام التصميم

• لماذا اخترت Next.js على Gatsby أو Gridsome أو Nuxt؟

• أنت لا تعرف كيف من المفترض أن تعمل النوافذ المشروطة

• كسول تحميل مقاطع الفيديو

• كيفية استخدام تتبع الوجه للتفاعل مع الطباعة

• اجعل PWA يبدو وكأنه تطبيق

• عفوًا ، أعتقد أننا (مطورو الواجهة الأمامية) أصبحنا الآن مطورين مكدس

• إنشاء تأثيرات مرآة باستخدام React-Three-Fiber و Three.js

• 
  
  • Edge Dev Tools Visual Studio Code
  
  • ESLint —
  
  • DevTools (Chrome 87)
  
  • DevTools
  
  

CSS

• الدليل الكامل لاستعلامات وسائط CSS

• إغلاق المساحات (في flexbox). مقالة مدونة Igalia حول استكشاف أخطاء مواصفات flexbox وإصلاحها

• تحقيق المحاذاة الرأسية (بفضل Subgrid!)

• كيفية ضبط حجم الخط تلقائيًا باستخدام CSS font-size- adjustment ؟

• المفتش لشبكة CSS في Chrome

• كيفية إنشاء طبقة شبه شفافة للخلفية باستخدام CSS دون التأثير على النص

• كيفية استخدام Tailwind CSS؟

جافا سكريبت

• حيل بسيطة من TypeScript تسمح لك بتوسيع نطاق تطبيقاتك إلى ما لا نهاية

• Declarative Shadow DOM. طريقة جديدة لتنفيذ واستخدام Shadow DOM مباشرة في HTML.

• إعلان MobX 6

• تجميع الشبكة العصبية لجافا سكريبت بأقل من 500 كيلو بايت

• تسرب الذاكرة في النوافذ المنفصلة

• النظرية
  
  • فهم الجزء الثاني من مواصفات ECMAScript
  
  • خيارات البرمجة الموجهة للكائنات (في JavaScript)
  
  • فهم عوامل TypeScript Generics
  
  • 8 أخطاء JavaScript شائعة يجب تجنبها
  
  • الثبات في JavaScript
  
  

• React
  
  • Visx — React-, Airbnb
  
  • JSX React 17 Release Candidate
  
  • SVG React React Icons Font Awesome
  
  • C JQuery React: HelloSign
  
  • Service Workers create-react-app
  
  • useEffect
  
  • react-chrono — react
  
  

• Vue
  
  • Vue 3.0 —
  
  •   Vue.js: « ,   »
  
  • Vue.js.
  
  • Composition API Vuex?
  
  

• Angular
  
  • Angular Pipes
  
  • RxJS. RxJS 7
  
  • Angular schematics
  
  

• Svelte
  
  • Svelte: 2020 .
  
  • Svelte
  
  • Svelte
  
  

• Libs & Plugins
  
  • Shoelace 2.0: مكتبة مكونات الويب المتقدمة
  
  • smolpxl - كتابة ألعاب رجعية منقطة في JavaScript.
  
  • البحث الذكي - طريقة فعالة لتحميل كميات كبيرة من البيانات في تطبيق الواجهة الأمامية والعمل معها بشكل حدسي
  
  

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

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