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

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

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

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

• بودكاست "تفاعل خمس دقائق": ReasonML في 2020
• UnderJS Podcast # 22 - GitLab و GraphQL و Vue3 مع Natalia Teplukhina [مصباح]
• بودكاست CSSSR "Argumentarium": Svelte وأطر عمل JS الثلاثة الكبرى
• Pro Conf # 64: ReactEurope 2020 - استبدال Facebook Redux | سريع غاتسبي | تفاعل الأصلي للويب | Next.js
• روابط لجميع الشرائح ومقاطع الفيديو من ngVikings 2020
• Jamstack conf Virtual 2020

تطوير الشبكة

• لماذا يقوم الاتحاد الأوروبي بإزالة جدران ملفات تعريف الارتباط
• كيفية تأمين موقع الويب الخاص بك؟
• الطباعة على الويب
• أحدث إصدار من مجلة Increment ، المخصصة للواجهة الأمامية. مقالات موضوعية من نجوم الصناعة - كريس كويير ، ليا فيرو ، إيفان أنت وآخرون
• دليل بناء صورة HTML التكيفي
• أكبر الفضائح مع NPM
• مثال لاستخدام واجهة برمجة تطبيقات Wake Lock: زيادة بنسبة 300٪ في مؤشرات الرغبة في الشراء على BettyCrocker.com
• htmx - أدوات HTML قوية للوصول إلى AJAX و WebSockets وأحداث الخادم المرسلة مباشرةً في HTML باستخدام السمات
• تصميم الويب سريع الاستجابة عمره عشر سنوات.
• # 20 HTMHell خاص: إغلاق الأزرار. الأنماط والمضاربات لتطبيق أزرار الإغلاق
• استخدام البيانات المنظمة لتحسين تحسين محرك البحث

• الأدوات
  • Putout: جيل جديد من الجيل الجديد
  • اختبار محلي على iPhone
  • الإلمام بأدوات المطورين في Chrome و Firefox
  • تحويل gulpfile.js v3 الأساسي إلى gulpfile الإصدار v4
  

• الأداء
  • 10 طرق لتحسين سرعة الصفحة
  • منع تخطيط وفلاش للنص غير المرئي (FOIT) يتم إزالته عن طريق التحميل المسبق لخطوط إضافية
  • أدوات قياس عناصر الويب الأساسية
  

CSS

• سؤال للخبير: لماذا CSS لذا ... ما هو؟
• دليل المستخدم المتغير لـ CSS
• Tailblocks - كتل CSS جاهزة للاستخدام لـ Tailwind
• حول العناصر والخلفيات الثابتة
• نظرة أولية على نسبة العرض إلى الارتفاع
• إليك ما لم أكن أعرفه عن "المحتوى"
• التدرج اللوني المتوسع على الويب
• إنشاء تدرجات إضافية باستخدام مرشحات CSS
• أداة CLI لإنشاء تخطيطات شبكة CSS

جافا سكريبت

• ابتكارات ES2020 التي تعجبني حقًا
• حول التحسين اليومي لمبرمج JavaScript
• تأثير تشغيل الصفحة الواقعية على JS
• ما هو Deno وهل سيحل محل Node.js؟
• نظرة على جافا سكريبت من الجانب
• 5 أسباب رئيسية تجعل مطوري جافا سكريبت يفضلون دينو على العقدة
• تجريف الويب الأساسي لصفحات الويب باستخدام جافا سكريبت مع Node.js + Puppeteer
• ECMAScript 4: إصدار مفقود

• 
  • JavaScript
  • JavaScript?
  • JavaScript-. 3
  • 10 JavaScript
  • — JavaScript
  • JavaScript: , Console.log?
  • Cache API JavaScript
  

• React
  • React. 2: UseState, UseEffect
  • , Concurrent Mode React 2020
  • React
  • React Redux CRM
  

• Vue
  • : Vue 3
  • Vue.js /
  • Typescript VueJS 2.6+
  

• Angular
  • Angular Pug
  • Angular
  • Angular: The Unexpected
  • TDD Angular —
  

• Ember
  • The Ember Times — Issue No. 150
  • Empress-blog Netlify CMS
  

• Svelte
  • Svelte ?
  • , Svelte, JavaScript
  • Svelte
  

• Libs & Plugins
  • Alpine.js
  • Rough Notation — JavaScript
  • Fluor.js — JS , .
  • ac-colors — JS RGB, HSL, HEX, XYZ, LAB, LCHab, LUV LCHuv,
  • Motionia — .
  

• كيف تجعل Microsoft Edge متصفحًا أفضل لـ PWA
• لا تقدم المستعرضات محركات
• Chrome 84 Beta: Web OTP و Web Animations و New Origin Trials وغير ذلك الكثير
• سيقوم Chrome 84 بتشغيل الحماية من الإشعارات المزعجة بشكل افتراضي

مسلية

• تعمل Microsoft على تطوير مدير حزم جديد مفتوح الجناح
• أدى استهلاك شهادة جذر AddTrust إلى تعطل أنظمة OpenSSL و GnuTLS
• أكثر المواقع التي يتم الزحف إليها على الإنترنت (انظر بنفسك من خلال فتح وحدة التحكم)
• حقيقة ممتعة: تعمل واجهة التحكم في Dragon 2 على Chromium و JavaScript
• مسح مطوري Stackoverflow 2020: المسح السنوي للمطورين

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

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