ملخص المواد الطازجة من العالم الأمامي للأسبوع الماضي # 422 (29 يونيو - 5 يوليو 2020)

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

تطوير الشبكة

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

• توقف عن الترميز ، دعنا نصل إلى التنسيقات باستخدام الأتمتة

• أطلقت Google مكونًا إضافيًا تجريبيًا لنشر قصص AMP في WordPress

• الدليل الكامل للوضع المظلم على الويب

• الأوقات المظلمة لتطوير الويب

• تسليط الضوء على جزء من النص: كيفية الربط جزء معين من النص على صفحة ويب وتسليط الضوء عليه

• تطبيقات الويب التقدمية: دليل عملي

• 
  
  • npm 7 package-lock.json?
  
  • ESLint, Prettier TypeScript
  
  • tooling.report — - ,
  
  • DevTools (Chrome 85)
  
  

• 
  
  • 5
  
  • Browserstack SpeedLab:
  
  • JavaScript- ?
  
  • Core Web Vitals, Addy Osmani
  
  

• 
  
  • 6 ( )
  
  •
  
  

• 
  
  •
  
  • 3D ScrollTrigger
  
  • «UI Interactions & Animations Roundup #8»
  
  

CSS

• TailwindCSS - إطار آخر أم خطوة تطورية جديدة؟

• تبسيط صور الخلفية باستخدام التدرجات المخروطية

• حاويات التصميم لمحتوى صفحة الويب

• إنشاء صفحة هبوط بسيطة في 5 دقائق باستخدام كتل CSS الخلفية الجاهزة.

• صفوف الأكورديون في شبكة CSS

• الأداء - رسم CSS مقابل CSS Houdini Paint API

• روابط ذات شكل مخصص باستخدام Subgrid

• الحصول على قيم ترجمة CSS باستخدام JavaScript

• محاذاة صور الشعار في CSS

• استيراد CSS ديناميكي

• خصائص CSS الفاخرة

• صور متجاوبة بنسب متغيرة من الحاوية

• عندما لا ينكسر الخط. حول خيارات تنفيذ الواصلة القسرية في القوائم

• جديد في Chrome: نظرة عامة على CSS

• عندما تصطدم ميزات Sass و CSS الجديدة

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

جافا سكريبت

• جهاز تحميل بطيء في أطر الواجهة الأمامية الشائعة

• كيفية الحصول على أحجام الشاشة والنافذة وصفحات الويب في جافا سكريبت

• كوخ على أرجل متوافقة مع الإصدارات السابقة - تجميع JS للمتصفحات المطلوبة

• الصفوف في JS / ES و TypeScript في 2020

• لماذا نهج الفانيليا جافا سكريبت أولاً "قد لا يكون الخيار الأفضل

• دليل تقني لتحسين محركات البحث باستخدام Gatsby.js

• لا تحتاج مدونتك إلى إطار عمل جافا سكريبت

• تعلم التعبيرات العادية: دليل المبتدئين

• 
  
  • ?
  
  • Var, let const?
  
  • double-bang (!!) , JavaScript /
  
  • JavaScript
  
  

• 
  
  • Node 14
  
  • React Web SpeechRecognition API
  
  

• React
  
  • , React,
  
  • React React Testing Library
  
  •
  
  • Typed React Component
  
  • Push- Firebase React
  
  • Server Side Rendering React App Deno
  
  • React
  
  

• Vue
  
  • localStorage Vue
  
  • Vue Demi — , Universal Vue Vue 2 3
  
  • Nuxt Content
  
  • 9 Vue JS ,
  
  • Vue 3: 2020
  
  • Vue
  
  

• Angular
  
  • Angular 10
  
  • Angular Dependency Injection:
  
  • Angular resolvers
  
  • Angular 10
  
  • Angular
  
  

• Svelte
  
  • بناء مركز إعلام مع Svelte
  
  

• Libs & Plugins
  
  • emoji-picker-element - منتقي emoji بسيط يتم توزيعه كمكون ويب.
  
  • تأثير المنظر: يمكن استخدام تأثير المنظر في جافا سكريبت باستخدام تتبع الوجه لتحسين المشاهد ثلاثية الأبعاد
  
  

المتصفحات

• إصدار Firefox 78

• Firefox 78 ، التفاصيل الفنية للمطورين

• يتم توزيع Edge الجديد المستند إلى Chromium مع تحديثات نظام تشغيل قسرية وهو متطفل

• حطم Google Chrome سجله الخاص ، وواصل Windows 10 نموه

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

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

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