Frontend Weekly Digest (29 أبريل - 5 مايو 2019)

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

تطوير الويب

• صنع مكونات الويب لسياقات مختلفة
• دليل عملي إلى SVG وأدوات التصميم
• مليار طريقة لعرض SVG
• أبسط الطرق للتعامل مع HTML تشمل
• كيفية إعداد التحقق من الوجه بطريقة سهلة باستخدام HTML5 + JavaScript
• مؤامرة لقتل IE6

• الأداء:
  • AMP في وورد ، طريقة وورد
  • AMP news roundup: AMP كخدمة ، تبادل موقعة ، Bento ، CSS تهتز الأشجار
  • تحسين أداء الويب من طرف ثالث في The Telegraph
  

• الأدوات:
  • packtracker.io - تحليل حزمة الويب الخاص بك ، على كل التزام
  • كيفية إعداد مصحح أخطاء ملحق Chrome في Visual Studio Code
  

CSS

• الحفر في خاصية العرض: إنشاء صندوق
• إعادة النظر في تفضيلات الحركة المخفضة ، استعلام وسائط الحركة المخفضة
• أوه ، العديد من الطرق لصنع شرائط فتات الخبز الثلاثي!
• تنفيذ نموذج بالحجم الطبيعي: CSS Layout خطوة بخطوة
• إنشاء مثلثات مدورة في CSS مع مسار مقطع
• إنشاء تخطيط شبكة استجابة مع عدم وجود استفسارات وسائل الإعلام ، باستخدام CSS Grid
• دمج شبكة CSS مع شبكة Bootstrap

جافا سكريبت

• الإصدارات الجديدة: Babylon.js 4.0 و Electron 5.0.0 و jQuery 3.4.1 مع إطلاق أحداث التركيز في IE وإيجاد عناصر الجذر في iOS 10
• طرق عديدة للوصول إلى البيانات في الرسوم البيانية
• بناء facebook.com الجديد باستخدام React و GraphQL و Relay
• مقدمة جافا سكريبت المطور إلى تشفير
• تحسين أداء تطبيق JavaScript مع عمال الويب

• NodeJS:
  • Node.js v12 - ميزات جديدة يجب ألا تفوتها
  • سهلة التلقائية npm تنشر
  • dotenv: يقوم بتحميل متغيرات البيئة من .env لمشاريع nodejs
  • 4 حلول لتشغيل Node.js متعددة أو أوامر NPM في وقت واحد
  

• نظرية:
  • مقدمة لمزامنة JavaScript وتنتظر
  • فهم عميق جافا سكريبت المتزامن وينتظر مع أمثلة
  • مقدمة لجافا سكريبت للمبرمجين المتمرسين الذين يمكنهم استخدام جرعة قوية من الأساسيات
  • Javascript Array.push أسرع بـ 945x من Array.concat
  

• VueJS:
  • الانتقال من jQuery إلى Vue
  • اختبار التطبيق Vue الخاص بك مع Jest و Travis CI
  • أوضاع بناء مخصصة مع Vue CLI 3
  • إدارة ولاية أبولو في تطبيق فو
  • فهم الخلطات في Vue JS
  • معالجة الأخطاء في Vue.js
  • فهم تنفيذ Vue تفاعلية خطوة بخطوة
  

• الرد:
  • رد الفعل: JSX وتقديم
  • كيفية تحديد وحل التبذير يجعل في رد الفعل
  • 5 أشياء لم تكن تعرفها عن React DevTools
  • create-react-app v3 ، ما الجديد؟
  • الهيكل العظمي تحميل الصفحات مع رد الفعل
  

• الزاوي:
  • هل الزاوي يموت بسبب رد الفعل؟
  • فهم وحدات الزاوي
  • الزاوي: المشاكل المتكررة التي أواجهها كمستشار أمامي
  • ما هي وحدة التحكم الزاوي ولماذا يجب العناية
  • اختبار وتزوير التبعيات الزاوي
  

• ليبس و الإضافات:
  • shimport: استخدم وحدات JavaScript في جميع المتصفحات ، بما في ذلك عمليات الاستيراد الديناميكية
  • jquery-csv: البرنامج المساعد jQuery CSV parser
  • aria-progress-range-slider: مكون شريط تمرير / نطاق تقدم خفيف الوزن يمكن الوصول إليه بالكامل
  

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