ملخص المواد الطازجة من العالم الأمامي للأسبوع الماضي # 421 (22-28 يونيو 2020)

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

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

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

• بودكاست CSSSR - إلغاء قفل Telegram ، WWDC 2020 ، DX ، يتميز بـ NodeJS 14 ، Webpack 5 beta 18 ، VPN من Mozilla

• بودكاست معايير الويب رقم 235: الإنجيلي Safari ، Bootstrap 5 ، رؤية المحتوى ، الشبكات ، مربعات الاختيار ، النماذج ، API لـ PWA

• بودكاست "Frontend Youth (18+)" # 143: حياة المطورين مهمة

تطوير الشبكة

• كيفية إنشاء واجهات الويب بسرعة وكفاءة ومثيرة للاهتمام

• كيفية كسب المال من إلغاء الويب

• كيف تصبح قائد فريق أمامي وكيفية العيش بعد ذلك - فك تشفير البث

• بالنظر إلى خمس سنوات من وجود AMP

• نظرة عامة على تقنيات تمرير الصفحة

• 
  
  • DevTools (Chrome 85)
  
  •
  
  • npm v7 — `package-lock.json`?
  
  

• 
  
  •
  
  •
  
  • Core Vitals Google
  
  • WebP , JPEG?
  
  •
  
  • 100 Google PageSpeed ​​Insights
  
  

• 
  
  •
  
  • - +
  
  

• 
  
  • «Awesome Demos Roundup #16»
  
  • A Glitchy Grid Layout Slideshow
  
  • «Inspirational Websites Roundup #16»
  
  • Custom Shape Dividers — SVG
  
  

CSS

• مضاهاة تعبيرات الوسائط المختلفة في Chrome وتصحيح الوضع المظلم

• الخطوط التي تعرض عدم التطابق في المتصفحات

• مغلفات تخطيط التصميم في CSS

• تأثير الملصق المجعد على CSS

• التحقق من دعم الرسوم المتحركة باستخدام "حركة مخفضة تفضل"

• أساسيات CSS: الرسوم المتحركة

• تصحيح HTML استخدام محددات CSS المتقدمة

• استخدام خاصية "Stacks" المخصصة لترويض التعاقب

جافا سكريبت

• ما يجب أن يعرفه مطورو جافا سكريبت عن Curl

• تجاوز اختبار CAPTCHA باستخدام Headless Chrome

• محاكاة نمو الكريستال: تجميع محدود الانتشار على جافا سكريبت

• ذاكرة JavaScript - عدم وجود تسرب

• برنامج تعليمي. قائمة مهام السحب والإفلات

• كيفية الحصول على أبعاد الشاشة والنافذة وصفحة الويب في JavaScript

• ميزات جديدة في TypeScript 3.9

• مفاهيم JavaScript لإتقانها قبل تعلم رد الفعل

• React
  
  • - ReactJS Netlify PWA Store
  
  • 15 React
  
  • React 2020
  
  • SWR: React
  
  • React- Jest
  
  • React React Native — Wix.com
  
  • MDX: Markdown
  
  • Zelda BOTW React, Tailwind Framer-motion: 1
  
  • Next JS 9.4
  
  • React Query 2.0
  
  

• Vue
  
  • Vue.js: The Documentary ( )
  
  • PWA Vue.js
  
  • localStorage Vue
  
  

• Angular
  
  • DI Angular —
  
  • Angular 10
  
  • Angular 10
  
  • RxJS:
  
  • Angular
  
  

• Ember
  
  • The Ember Times — Issue No. 154
  
  • Ember
  
  • Ember:
  
  • Netlify-CMS Empress-
  
  

• Libs & Plugins
  
  • keen-slider — , typescript, , IE 10.
  
  • Checkboxland — JavaScript HTML-.
  
  • SolidJS:
  
  • tragopan — pan/zoom
  
  • Rando.js —
  
  • Noact — Virtual DOM
  
  

• قدم Chrome واجهة عارض PDF جديدة وأضاف دعمًا لـ AVIF

• سيحد Chrome و Firefox و Safari من عمر شهادات TLS إلى 13 شهرًا

• مرحبًا بك في Safari في مجتمع WebExtensions

• Safari والويب والمصادقة

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

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

أعدت المواد dersmoll و alekskorovin .