ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوع الماضي رقم 386 (21-27 أكتوبر 2019)

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

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

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

• CSSSR Podcast : News 512 - NodeJS 12 LTS ، React Concurrent Mode ، PWA ، Figma ، Chrome 78 ، Electron 7
• بودكاست Devshacht / Night Frontend 100: سياق غير متزامن
• بودكاست "Frontend Youth (18+)" - # 112 فكر أسرع ، أو ستحصل هنا
• Winterview - # 102 - ايليا نيميرو حول المقابلات الأمامية
• معايير الويب بودكاست رقم 200: شغف CSS ، كل تخطيط ، لماذا ساس ، البوم أو الثغرات ، استعلامات الحاوية ، BEM
• Repozitorro # 32 - الهبوط على رد فعل! أسطورة أم حقيقة؟)
• Nordic.js 2019 ، 27 فيديو

تطوير الويب

• هل فقدت GraphQL أهميتها في عصر HTTP / 2؟
• تطبيق ويب تفاعلي دون برمجة؟ من السهل! مافو بين ذراعيك
• webdev لحسابهم الخاص - كيف والذين لا ينبغي أن تعمل مع
• حركة IndieWeb: امتلاك بياناتك وتغيير ما تريد رؤيته على الإنترنت
• إنشاء تطبيقات إشارة مرجعية مع FaunaDB و Netlify و 11ty
• دليل تحسين الصور المتحركة
• لماذا أصبحت الطرود حزمي التطوير الرئيسي
• اتجاه صورة الويب
• HTMHell - مجموعة من الممارسات السيئة في HTML ، تم نسخها من مواقع حقيقية.

• توفر
  • لماذا يصعب إنشاء مواقع الويب؟
  • التوفر ، والمستقبل ، ولماذا قضايا دومينو
  • إمكانية الوصول إلى Fata Morgana
  • الرسائل الأولية المتاحة
  • كيف يمكن للشركات منع دعوى الوصول إلى موقع ADA
  

• الآثار
  • إنشاء تأثيرات تحوم موضعية على شكل موضعي باستخدام Three.js
  • العب Beat Saber في متصفح باستخدام حركات الجسم باستخدام PoseNet & Tensorflow.js
  • نموذج بطاقة الائتمان التفاعلية على VueJs
  • التصور الصوتي باستخدام D3 و Web Audio API
  

CSS

• الحيل الصغيرة من الخصائص المخصصة (متغيرات CSS)
• إنشاء تخطيط سجل القصاصات على شبكة CSS
• تخطيط غير بديهي للعناصر على flexbox بدون طلبات وسائط
• بناء جملة قيمتين لخاصية عرض CSS
• قواعد لعبة CSS جديدة: min () و max () الآن في webkit
• استخدم CSS Grid في الإنتاج اليوم
• 8 وظائف CSS حديثة (وكيفية استخدامها)
• التركيز الأمامي: الوضع الظلام. حول الميزات والوضع الحالي للوضع المظلم على الويب
• اتجاهات CSS 2019: دليل كامل لتتبع أحدث اتجاهات CSS
• تاريخ الشبكات: من المطبعة إلى تصميم الويب الحديث
• وهناك القليل من البرنامج التعليمي على خطوط الألوان المتغيرة
• 25 يومًا من الرسوم المتحركة لـ CSS: التعلم الذاتي باستخدام CSS مع تصميم الحركة.

جافا سكريبت

• من هو قاتل جافا سكريبت؟
• تتالي إبطال ذاكرة التخزين المؤقت. الجزء 1
• 7 أسئلة مقابلة جافا سكريبت بسيطة ولكنها صعبة
• نهجي لتوثيق المشاريع في جافا سكريبت
• لماذا توقفت عن استخدام التصدير الافتراضي في وحدات JavaScript الخاصة بي
• كيف يعمل الاختصار () في جافا سكريبت ، ومتى يتم استخدامه والأشياء الرائعة التي يمكنك القيام بها بها
• 7 أطر Node.js الأكثر شعبية في عام 2019
• كتابة المهام غير المتزامنة في جافا سكريبت الحديثة
• مشاكل الحالة القابلة للتغيير المشتركة وكيفية تجنبها
• الكشف عن أسرار sort () في JavaScript

• الإصدارات
  • إصدار نظام JavaScript على جانب الخادم Node.js 13.0
  • الإلكترون 7.0.0
  • ملاحظات الإصدار Puppeteer v2.0.0
  

• ممشوق
  • Crash course Svelte (في 10 صور)
  • ما يعجبني في كتابة الأنماط مع Svelte
  • كيفية إنشاء لعبة تيك تاك تو باستخدام Svelte
  • كيفية إنشاء تطبيق أخبار مع Svelte
  • مرجع Svelte
  • Svelte مقابل React: الانطباعات الأولى
  

• رد فعل
  • استرجاع - ليست هناك حاجة! استبدال useContext و useReducer في رد الفعل؟
  • التحضير للمستقبل بفاعلية رد الفعل
  • لقد اختبرت تطبيق React مع Jest و Enzyme و Testing Library و Cypress. وهنا الاختلافات.
  • كيفية استخدام API Context بكفاءة مع السنانير ، وتجنب اختناقات الأداء
  • 7 طرق لتنفيذ التقديم الشرطي في تطبيقات رد الفعل
  • 55 درسًا بعد 5 سنوات من استخدام React
  

• زاوي
  • مكونات دائرية في الزاوي
  • الزاوي العمارة - وثائق غير رسمية
  • الزاوي و CSS الشبكة: خصائص شبكة ديناميكية
  • كيفية تنفيذ تحميل كسول بشكل صحيح في الزاوي 7/8
  

• فيو
  • 10 أفضل الممارسات لإنشاء ودعم المشاريع الكبيرة على Vue.js
  • عام مع Nuxt.js - مراجعة الإطار
  • باستخدام Vue Composition API مع Firebase
  • الأفكار حول واجهة برمجة تطبيقات Vue 3 Composition - `reactive ()` تعتبر ضارة
  

• ليبس و الإضافات
  • الضفيرة هي مكتبة سلسلة قوية يحركها المجتمع.
  • Jsfuzz: fuzzing (CGF) - اختبار لـ Javascript
  • Peaks.js - التفاعل مع مخططات الموجة الصوتية
  

المتصفحات

• تحسين عناصر التحكم في Microsoft Edge على Chromium
• إطلاق Firefox 70
• Firefox 70: تفاصيل لمطوري الويب بواسطة Marat Tanalin
• إصدار Chrome 78
• تطبيق Firefox لتتبع الحماية على الشبكات الاجتماعية
• دعم الوظائف الإضافية لمتصفح الجوال Firefox Preview
• عينت هيئة أمن المعلومات الألمانية فايرفوكس المتصفح الأكثر أمانا
• يظهر دعم Samsung Galaxy Store PWA

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

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