ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوع الماضي رقم 379 (من 2 إلى 8 سبتمبر 2019)

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

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

---

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

• CSSSR Podcast: News 512 - Chrome 77 و Django 3.0 و More on Github Actions و CSS Grid Gantt و Apple Presentation
• بودكاست "Frontend Youth (18+)": # 106 يعرف كبار سعر govnokode
• podcast Frontend Weekend # 97 : فسيفولود روديونوف حول كيفية بناء مهنة تطوير بدلاً من مهنة بحار
• بودكاست "Devshahta / Night Frontend" رقم 94 : يدافع بافيل ماليشيف عن Svelte

تطوير الويب

• الأكورديون ، faq ، المفسد وغيرها من الحاجيات المنسدلة
• أنواع جديدة من العلامات الدقيقة للقصاصات التفاعلية المتقدمة
• الواجهة الأمامية الهندسة المعمارية: الدائرة الوسطى
• أطلقت شركة Apple مكونات الويب للتو على الإنتاج ، وربما فاتتك ذلك

• الأدوات
  • موضوع مخصص في كروم DevTools
  • ما الجديد في DevTools (Chrome 78)
  • TypeScript تصحيح الأخطاء في فايرفوكس DevTools
  • Webpack Boilerplate - الحد الأدنى لقاعدة بيانات Webpack 4 مع Sass و ESLint واستبدال الوحدات الساخنة وتطوير / الإنتاج الأمثل
  • 5 نصائح لفايرفوكس DevTools - مفتش التخزين
  • Chrome 77 - ما الجديد في DevTools
  • "أدوات العولمة - حالة الويب". فيديو جديد على قناة مطوري google مع Andrei Sitnik كضيف
  

• توفر
  • مكونات شاملة: تبديل الموضوع
  • لذلك يتم مقاضاتك لعدم توفرها
  

• إنتاجية
  • ميزات Google PageSpeed: تحسين تصنيف الموقع وترتيب البحث
  • قائمة مراجعة أداء الويب
  • أداء الويب: التقليل إلى الحد الأدنى من تدفق / تدفق تخطيط DOM
  • لماذا أقوم بتحميل الخط مسبقًا ، حتى إذا لم تكن هناك حاجة
  

• الآثار
  • كيفية تغيير ألوان صور المنتج ديناميكيًا باستخدام CSS Blend Mode و SVG
  • مكون لإنشاء تأثيرات تشويه مخصصة على WebGL
  • المواقع الإبداعية الملهمة تقرير اخبارى # 8 اختيار الإبداعية
  • كيفية إنشاء Webcam الصوت متخيل باستخدام Three.js
  

CSS

• كل ما تحتاج لمعرفته حول CSS Margin
• أداة لمقارنة أطر CSS
• المحاصيل والبيانات البصرية المفقودة في CSS
• فهم خصوصية CSS
• باستخدام PostCSS لأتمتة سير العمل الخاص بك
• طرق مختلفة لتوسيع مستطيل مع الحفاظ على دائرة نصف قطرها الحدود
• بلدي المفضل المغلق الإختراق
• متغيرات CSS لـ IE11: Polyfill الحقيقي للخصائص المخصصة في IE11
• ما الذي يفعله مطورو CSS ولماذا يحتاجون إليه؟

جافا سكريبت

• الرسوم المتحركة من الروابط في شريط المتصفح باستخدام جافا سكريبت والرموز التعبيرية
• الوصايا 5 من مطور TypeScript
• كيفية تحسين تطبيق JavaScript الخاص بك مع خدمة العمال
• هل يجب أن يعمل الموقع بدون جافا سكريبت؟
• جافا سكريبت بسيط محلية الصنع
• كيف يعمل جافا سكريبت

• نظرية
  • الاستخدام المهني لل DOM
  • كيفية القيام بقص الخطوط في JavaScript (ES2019)
  • كيفية تسريع بيان انتشار في جافا سكريبت
  • JavaScript غير متزامن: مقدمة لوعود JavaScript
  • 8 عادات لتجنب عند تطوير في جافا سكريبت
  • جافا سكريبت المحولات والمولدات: التكرارات غير المتزامنة
  

• رد فعل
  • 14 نصائح لكتابة رمز التفاعل النظيف: الجزء 1 ، الجزء 2
  • الاختبار القائم على النموذج في التفاعل مع الدولة Automata
  • لماذا React تفعل هذا؟
  • توثيق ومعاينة مكونات ReactJS مع JSDoc
  • إضافة شريط التقدم والإشعارات إلى تطبيق React
  • الترحيل من JavaScript إلى TypeScript في مشروع React حقيقي
  • رد Microfrontends و Monorepos: مزيج مثالي
  • جميع التقارير مع React Rally 2019
  

• فيو
  • نقل البيانات إلى Vue.js - كيف تعمل؟
  • السنانير في Vue.js الإصدار 3.0
  • المكونات الوظيفية لـ Vue.js: ماذا ولماذا ومتى؟
  • تجربة استخدام Vue.js في "Edil": كيفية استخدام ولماذا لم يختار React
  • كيفية العمل مع DOM في Vue
  • تحميل كسول من Vue الفردية ومكونات الجلب المسبق
  • علامات SVG الديناميكية لخرائط Google في Vue.js
  • كيفية استخدام متغيرات البيئة في Vue.js
  • كيفية استخدام خرائط Google في التطبيقات على Vue.js
  • VUE PWA: مثال لتطبيق الويب التدريجي مع Nuxt
  

• زاوي
  • GraphQL دليل المبتدئين مع الزاوي وأبولو
  • حقن الزاوي نصائح حقن
  • كيفية استخدام أداة إنشاء النماذج في Angular 8 للتحقق من صحة النماذج التفاعلية
  • مشاركة المكون مع الزاوي والبت
  

• جمرة
  • امبر التزامن
  • Commit Porto '19: الازدهار خلال دورة الإعلان: تاريخ Ember.js (ريكاردو مينديز)
  

• ليبس و الإضافات
  • قصة كيف بدأت مكتبة جافا سكريبت الشعبية لعرض الإعلانات في المحطة
  • hashids.js - مكتبة JS صغيرة لإنشاء معرفات تشبه YouTube من الأرقام.
  • O-GL - إطار WebGL البسيط
  • الزمكان: أداة للعمل مع المناطق الزمنية
  • قم بإنشاء تجسيدات حية (مثل Animoji) باستخدام face-api.js
  

المتصفحات

• إصدار Firefox 69
سيؤدي تحديث Firefox إلى تقليل استهلاك الطاقة لأجهزة MacOS بمقدار ثلاث مرات
• تضمن Mozilla أن التحديثات إلى WebExtensions API لن تتسبب في إتلاف حاصرات في Firefox
• بدأت Mozilla في حظر ملفات تعريف الارتباط لتتبع نشاط المستخدم في Firefox
• إصدار متصفح Yandex الجديد: الموسيقى ، الإخطارات ، البحث في الصفحة
• تقدم الحملات الإعلانية بديلاً لملفات تعريف الارتباط وسط حظر Mozilla لتتبع المستخدم

تسلية

• Deepfake: كيف تجرد الشبكات العصبية المشاهير وتحفزنا على الجنون - وما مدى خطورة ذلك
• عوامل تصنيف Google 2019 - دراسة أجراها راند فيشكين
• أنواع التعلم الآلي
• باختصار حول الخطوط. الجزء الأول
• قامت Google بفتح رمز مكتبة لمعالجة البيانات السرية
• انتقدت شركة آبل تقرير غوغل iPhone عن الضعف واتهمت الشركة بخلق وهم التهديد الجماعي
• لماذا لا تكتب التعليقات في التعليمات البرمجية؟

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

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