ملخص المواد الطازجة من عالم الواجهة للأسبوع الماضي # 426 (27 يوليو - 2 أغسطس ، 2020)

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

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

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

• بودكاست "Frontend Youth (18+)" # 148: Vue ، React ، Svelte ، Typescript ، PWA

• CSSSR بودكاست: Vue 3 RC ، إصدارات NodeJS ، Svelte + TS ، TSDX ، V8 8.5 ، JS للمستقبل ، نتائج الاستطلاع من JetBrains

• Make Me Pretty Podcast Issue # 39: مرحبًا Svelte! وداعا لحظة.

تطوير الشبكة

• أوقفه عن التشفير المزدوج أو الاتصال ثنائي الاتجاه بين التصميم والرمز

• التخزين المحلي أو ملفات تعريف الارتباط؟ تخزين JWTs بشكل آمن على العميل

• حول دور مطور الواجهة الأمامية

• التغييرات القادمة في WordPress 5.5 التي يجب على مطوري القوالب معرفتها

• التحضير لفهرسة الجوال أولاً - مع وضع وقت إضافي في الاعتبار

• نهضة عدم وجود رمز لمطوري الويب

• هذا مقابل ذلك : شرح الفرق بين المفاهيم المتشابهة في تطوير الويب

• تصور عمل CORS

• PWA
  
  • PWA
  
  • PWA Google, 1
  
  • , - , W3C: 5
  
  

• 
  
  • Lock- npm
  
  • Chrome DevTools 2020
  
  • Webpack:
  
  

• 
  
  •
  
  • HTML-
  
  

CSS

• ابتكارات CSS - يوليو 2020 (فجوة ، نسبة العرض إلى الارتفاع ، الماسونية ، Subgrid)

• CSS وخلفيات متعددة

• مقارنة مرئية لـ 13 إطار عمل CSS

• منشئ سمات الألوان

• الحصول على أقصى استفادة من الخطوط المتغيرة في Google Fonts

• تحليل CSS باستخدام CSS OM: الحصول على الخصائص المدعومة والاختصارات والتفاصيل الأخرى

• إضافة PostCSS لإصلاح الخطأ 100vh في iOS

• ماذا يعني 100٪ في CSS؟

• رسوم كاريكاتورية متعددة لـ CSS

• استخدام CSS لاكتشاف سمات الموقع وتبديلها وفقًا لإعدادات النظام

• تريد أن تصبح أفضل في البرمجة؟ تعليم شخص ما CSS.

• نص غامق عند التمرير ... لا يوجد تغيير في المحتوى

• لماذا لا يحل CSS Grid Layout محل شبكة إطار العمل

جافا سكريبت

• كتابة خادم WebSocket الخالي من التبعية في Node.js

• style9: مترجم CSS-in-JS استنادًا إلى أفكار Stylex من Facebook

• تنفيذ JavaScript حديثًا في المكتبات

• إيقاف تكرار الثوابت في JS و CSS

• تطوير ونشر micro-frontend باستخدام Single -منتجع صحي

• 
  
  •
  
  • JavaScript
  
  • ?
  
  • Javascript 1 , 2
  
  

• React
  
  • React: 50
  
  • React, 4: Cypress Cypress Testing Library
  
  • React Query
  
  • React Guitar — React.
  
  • reactivue — API Vue Composition React
  
  

• Vue
  
  • Vue.js , 7:
  
  • Vue.js , 8:
  
  • Vue 3 RC!
  
  • React Vue. . [ 2020 ]
  
  

• Angular
  
  • Angular
  
  • Angular Language Service Visual Studio
  
  • Blogit — AngularJS + Github
  
  • 10 Angular,
  
  • 15 Angular
  
  • 11 , NGXS Angular
  
  

• Ember
  
  • Ember 3.20
  
  • The Ember Times — Issue No. 158
  
  • ember-csz: CSS-in-JS Ember
  
  • Ember Octane:
  
  

• Libs & Plugins
  
  • tinykeys — (~ 400 B)
  
  • moment-guess —
  
  • svelthree — Svelte three.js
  
  

• دمر Chrome (تقريبًا) امتدادًا كنا نعمل عليه لمدة ثلاث سنوات ، ولا نريد التحدث عما

• إصدار Firefox 79 ، تفاصيل لمطوري الويب من Marat Tanalin

• المتصفحات المحمية: اختيار الأفضل

• تعطل متصفح Microsoft Edge الجديد ، إذا تم تثبيت Google افتراضيًا فيه

• سيسمح لك إصدار Android من Chrome بتأكيد المدفوعات باستخدام المصادقة البيومترية

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

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

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