ملخص للمواد الطازجة من عالم الواجهة للأسبوع الماضي # 441 (9-15 نوفمبر 2020)

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

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

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

• "أخبار 512" من CSSSR: NodeJS 15.1.0 ، TS 4.1 RC ، وعود من الصفر ، رسم أصلي ، معدلات Travis-CI ، MDN Web DNA 2020

• Podcast "Make Me Beautiful" العدد رقم 49: حاول ألا تحرقه الصغار

• Podcast "Frontend Youth" # 162 : المئات من الرؤساء الجدد يأخذون خبزنا ، # 163 طلب الرئاسة

• Podcast "Web Standards" # 256: Chrome DevTools ، HTTP push ، Apple ARM ، markup ، CSS-book ، pixel-perfect ، مينيابس VK

تطوير الشبكة

• إعداد console.log () بشكل صحيح

• مقارنة سرعة مولدات الموقع الثابت

• هل هناك أي احتمالات لتطبيقات الويب متجانسة؟

• ما هي السمة rel = noopener

• Clickjacking الهجمات وكيفية منعها

• إنشاء واجهات صغيرة

• قصة انتقال Wix إلى React Native

• تطوير الويب للمبتدئين: منهج مدته 12 أسبوعًا يتكون من 24 درسًا حول أساسيات JavaScript و CSS و HTML من Microsoft

• تم إصدار Bootstrap 5 Alpha 3

• الأدوات
  
  • Chrome DevTools: إنشاء اختصارات لوحة مفاتيح مخصصة وتحسين الإنتاجية
  
  • الجديد في DevTools (Chrome 88)
  
  

• SVG
  
  • SVGBox — - SVG
  
  • SVG Path Editor
  
  • SVG
  
  

• 
  
  • Core Web Vitals Google
  
  • WebP WordPress: (+ )
  
  

• 
  
  • Puppetaria: accessibility-first Puppeteer
  
  • aria-label — Big Table Edition
  
  •
  
  

• 
  
  • 20 , -
  
  • Inline Menu Layout with Gallery Panel
  
  • WebGL- curtainsjs
  
  

CSS

• الجداول و CSS تطفو في تطوير الويب الحديث

• تخطيط البناء الأصلي في المستوى 3 لشبكة CSS

• مخططات دائرية بسيطة مع احتياطي

• نصيحة سريعة: كيفية إتاحة ميزة نظرة عامة على CSS الجديدة في Chromium Devtools

• تقنية Raven: خطوة واحدة أقرب إلى الحاوية الاستعلامات

• الحيلة الصحيحة لتنمية منطقة النص تلقائيًا

• ما هو النمو المرن ، والتقلص المرن والأساس المرن

• الغوص العميق في CSS Grid minmax ()

جافا سكريبت

• تحليل Markdown لإدراج جدول محتويات تلقائيًا في الصفحة

• كيف كتبت JavaScript لتجنب JavaScript

• 10 نصائح سريعة من تنفيذ TypeScript على نطاق واسع

• العاملين على الويب لتحسين أداء واجهة المستخدم

• النظرية
  
  • كل ما تحتاج لمعرفته حول الوكيل في JavaScript
  
  • الشروع في استخدام JavaScript الحديث - قوالب حرفية
  
  • ديكورات JavaScript من Scratch
  
  

• React
  
  • Intersection Observer API React
  
  • React Three.js
  
  • React Forms: ,
  
  • CSS React Context
  
  • React Frontload — React ,
  
  • React Auth0
  
  • Create React App:
  
  

• Vue
  
  • Vuejs
  
  • Vue Node.js
  
  • Vue.js Web Worker
  
  

• Angular
  
  • Angular 11
  
  • Angular
  
  • Hot Module Replacement Angular 11
  
  • Angular 11 —
  
  • Angular
  
  • Cypress Angular
  
  

• Ember
  
  • سلسلة مقابلات The Rock & Roll مع فرقة Ember: سيرجي كامبور ، ستيوارت جوثري
  
  • استخدامaction وtracked Decorators في فصول Ember Classic
  
  

• Svelte
  
  • Svelte هو إطار الواجهة الأمامية "الجديد"
  
  • لماذا Svelte ليست جاهزة لوقت الذروة بعد (ولماذا سيكون رائعًا في الوقت المناسب)
  
  

المتصفحات

• أغلقت Google ثغرتين أخريين من ثغرات يوم الصفر في Chrome. تم إصلاح خمسة منها في شهر واحد

• في Chrome تعتزم إزالة دعم تقنية Server Push

• Warp: أداء JS المحسن في Firefox 83

• توقف دعم IE11 - وهذا تحسن تدريجي

مسلية

• يذهب Guido van Rossum منشئ Python للعمل في Microsoft

• سيحدث أحدث إصدار من WordPress 5.6 تغييرًا رئيسيًا آخر في jQuery

• فرضت Google استخدام المصطلحات الشاملة في مشاريعها مفتوحة المصدر

• تحث Microsoft المستخدمين على التخلي عن المصادقة متعددة العوامل عبر الهاتف

• تطلب Google المساعدة من المستخدمين لتحسين خوارزميات صور Google

• ستتوقف صور Google عن كونها غير محدودة اعتبارًا من 1 يونيو 2021 ، وسيتم حذف ملفات الحسابات غير النشطة (لمدة عامين على الأقل)

• اضطرت الشركة البريطانية إلى تغيير الاسم الغريب لأنه أثار هجمات على مواقع Digest على



مدار الأسبوع الماضي...

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