Frontend Weekly Digest (4 - 10 مارس 2019)

نصدر هذا الأسبوع مجموعة كبيرة حقًا من الأخبار الأساسية التي قد تكون فاتتك في تطوير الواجهة الأمامية. تأكد من مراجعة آخر التحديثات على CSS و HTML و JavaScript.

تطوير الويب

• الواقعية الحقيقية: ربط الأشياء الحقيقية بالواقع الافتراضي باستخدام تقنيات الويب
• استخراج النص من المحتوى باستخدام فتحة HTML ، قالب HTML و DOM الظل
• حالة تحليلات الويب
• HMTL و CSS و JS في عالم مضطرب ، اضطراب الوسواس القهري ، ثنائي القطب ، عسر القراءة والتوحد
• أسرار DevTools المستعرض: بدء التشغيل والشبكة والأداء
• ما الجديد في DevTools (Chrome 74)

CSS

• بناء تخطيطات قوية مع وحدات الحاويات
• كيفية الجمع بين وظائف اللون SASS ومتغيرات CSS
• تكوين قناع: دورة تحطم
• الخطوط المتغيرة
• RFS (حجم الخط المستجيب) - محرك حجم الخط الذي يقوم تلقائيًا بحساب حجم الخط المناسب استنادًا إلى أبعاد إطار عرض المستعرض.
• كيف تقنع فريقك باعتماد CSS Grid

جافا سكريبت

• دليل مثالي لتكسير مقابلة JavaScript (منظور المطور)
• جافا سكريبت أداء مطبات في V8
• الحفاظ على تطبيقات جافا سكريبت كبيرة . الدروس المستفادة من المشاريع طويلة الأجل
• متى جافا سكريبت سيو يهم؟ . الحلقة الثانية من سلسلة JavaScript SEO
• TypeScript مقابل PureScript
• اصطلاحات تسمية جافا سكريبت: ما يجب فعله وما يجب عليك فعله

• النظرية:
  • فهم مذكرة في جافا سكريبت
  • أساسيات جافا سكريبت: إتقان DOM! الجزء 1 ، الجزء 2
  • فئات جافا سكريبت والميراث ES6 ، ES5
  • الوعود: الدليل النهائي . تعلم لماذا تمتص كيندا: /
  • كيفية استخدام أساليب application () و call () و bind () في JavaScript
  • رموز جافا سكريبت: لكن لماذا؟
  

• فوجس:
  • 10 نصائح لزيادة الإنتاجية عند الترميز في Vue.js
  • Vue.js - كيفية بناء الحزمة الأولى الخاصة بك ونشرها على NPM
  • وجهة نظر - الجزء 3 - مواجهة رد الفعل
  • Shoptalk Show # 350: الحفاظ على Vue.js مع Evan You
  

• الرد:
  • useTypescript - دليل كامل لتفاعل هوكس و TypeScript
  • كيف تختلف مكونات الوظيفة عن الفصول؟
  • إنشاء رد فعل التطبيق هو وسيلة جدا منتفخ
  • تقديم قوائم كبيرة مع نافذة رد الفعل
  • اختبار وحدة التفاعل المكونات
  • حدسي على عند استخدام السنانير رد فعل مخصص
  

• الزاوي:
  • كيفية الحصول على أفضل أداء من تطبيقات Angular الخاصة بك
  • Angular 8 Beta: نظام تحديث جديد لـ Ivy in Angular 8.0.0-beta.7
  • أفضل 10 طرق لاستخدام المعترضات في الزاوي
  

• ليبس و الإضافات:
  • ThanosJS - تقليل حجم ملف المشروع الخاص بك إلى 50 ٪ ، عن طريق حذف نصف الملفات بشكل عشوائي.
  • Handtrack.js: تفاعلات تتبع اليد في المستعرض باستخدام Tensorflow.js و 3 سطور من التعليمات البرمجية.
  • iro.js - عنصر واجهة عجلة الألوان لجافا سكريبت - مع صفر من التبعيات وواجهة مستخدم جميلة تعتمد على SVG
  

الرسوم المتحركة:

• المواقع الملهمة تقرير اخبارى # 2
• النزوح التمرير
• CSS LEGO Minifigure Maker

شكرا للقراءة! لا تتردد في إرسال مقالاتك إلينا أو محتوى جديد مفيد تريد رؤيته في الملخص التالي.