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

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

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

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

• بودكاست CSSSR: تعريفات جديدة لـ Github و Three.js و SVG وعلامات الواجهة الأمامية و Vue 3 Beta.2 و git وإصدارات أمان Oracle
• UnderJS Podcast # 19 - Cypress و Material UI وحوالي OpenSource
• AvitoTech x FrontendConf 2019: مقاطع فيديو من ستة مؤتمرات Oleg Bunin لعام 2019 وواحد لعام 2020
• فيديو من Odessa Frontend MeetUps # 14 و 15

تطوير الشبكة

• متصفح يحرس طلبات واجهة برمجة التطبيقات: بناء اتصال أمامي آمن مع الواجهة الخلفية
• العمل مع الصور على الويب
• تحديات الواجهة الأمامية: مجموعة مختارة من الخدمات حيث يمكنك اختبار معرفتك
• إنشاء موقع ويب مع وثائق باستخدام JAMstack
• النظام البيئي JAMstack [الرسوم البيانية]
• الدروس المستخرجة عند إنشاء PWA على COVID-19

• الأدوات
  • إصدار Puppeteer v3.0.0 ، الآن مع دعم Firefox
  • أدوات سير عمل مطور الويب: دليل المبتدئين
  • كود Visual Studio: دليل المستخدم المتقدم
  

• 
  • HTTP/3 HTTP/2
  • WebPageTest Request Data
  • -
  • Performance Kit — , ,
  

• 
  • ARIA: role=progressbar aria-live=polite
  • - « » . -
  

• 
  • WebGL
  • JavaScript
  • - «Awesome Demos Roundup #15»
  • «ALL YOUR HTML» #s3e21, Particles animation by Étienne Jacob
  

CSS

• اكتشافات CSS مثيرة للاهتمام في تصميم Facebook الجديد
• ألوان LCH في CSS
• إدراج رسوم توضيحية شبه عشوائية باستخدام CSS
• استخدام CSS لوضع نص داخل دائرة
• إنشاء مسار CSS متجاوب؟ بالطبع نستطيع!
• مخطط CSS للرسوم المتحركة: إنشاء آلة Goldberg
• شبكات CSS محدودة بدون عرض أقصى.
• إنشاء تحريك الرسوم المتحركة باستخدام مسار مقطع CSS
• شريط تمرير CSS مع مؤشر التقدم
• إنشاء تخطيطات استجابة دون استخدام استعلامات الوسائط

جافا سكريبت

• دعم اللمس في JavaScript
• إصدار jQuery 3.5.0
• html5-boilerplate: مناقشة github ، هل يجب ترقية jQuery إلى 3.5.1 أو ... حذف؟
• أداء جافا سكريبت أفضل الممارسات
• نسخة مطبوعة على الآلة الكاتبة الهجرة استراتيجيات
• 23+ المتقدمة جافا سكريبت أسئلة المقابلة (مع الأجوبة)
• الواجهة السروال: كيفية إنشاء المشاهد ارتباط باستخدام تتفاعل، فيو والفانيليا جافا سكريبت

• النظرية
  • أكثر 8 هياكل بيانات شيوعًا باستخدام JavaScript
  • هياكل البيانات النظرية وتطبيقها في JavaScript. النقطة رقم 1. أزواج
  • شرح 7 مفاهيم جافا سكريبت الأساسية ببساطة
  

• React
  • React —
  • . React Hooks
  • CSS React
  • 2020 : NextJS vs Gatsby
  • React
  • react-tater — React
  

• Vue
  • Vue Composition API
  • Vue Composition API Vue Mixins
  • Vue 3 Beta
  • Vue.js?
  • Vue — Vue
  

• Angular
  • Angular. ESLint, codelyzer, stylelint, husky, lint-staged Prettier
  • Nginx Angular
  • Scully Tutorial: Angular
  • Angular
  • Angular Ivy —
  

• Ember
  • The Ember Times — Issue No. 144
  • Todo Ember Octane , React
  

• Svelte
  • Svelte & Sapper
  

• Libs & Plugins
  • Redaxios — (800 ) fetch API, axios
  • Builderz — Zero Configuration JavaScript Bundler
  • Alpine.js
  • mdjs —
  

/ . — , .

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