Frontend Weekly Digest (25 فبراير - 3 مارس 2019)

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

تطوير الشبكة | CSS | جافا سكريبت

---

تطوير الويب

• محفظة إعادة صياغة الجزء 1: الرسوم المتحركة ، والتفاعل الجزئي و SVG
• مولدات مواقع ثابتة: دليل المبتدئين

• الوصول:
  • عندما يكون زر ليس زر؟
  • إمكانية الوصول ليست "مشكلة رد فعل"
  • دليل إمكانية الوصول إلى الويب - مجموعة منسقة من نصائح الوصول إلى الويب ، والحيل ، وأفضل الممارسات.
  • ممارسات التأليف ARIA على منتقي التواريخ التي يمكن الوصول إليها
  • تحليل إمكانية الوصول لأعلى 1000000 صفحة رئيسية
  • استخدام الذكاء الاصطناعي لتوليد نص بديل على الصور
  

• الأداء:
  • قليلا من الأداء
  • خدمة الصور المستجيبة
  

• الرسوم المتحركة:
  • تأثيرات مرشح SVG: المضي قدما
  • أثر درب النص
  
  

CSS

• تصاميم مستجيبة وخصائص CSS مخصصة: تحديد المتغيرات ونقاط التوقف
• النموذج العقلي CSS بواسطة PPK
• وافقت مجموعة العمل CSS على إضافة العديد من وظائف الرياضيات
• كسر الصناديق مع تجزئة CSS بقلم راشيل أندرو
• إعادة إنشاء تأثير التدرج على Messenger Messenger مع CSS
• محددات CSS cheatsheet والتفاصيل
• خصائص CSS الأقل شهرة في صور GIF
• 8 مقاطع فيديو صغيرة حول محرر مسار شكل Firefox
• هل تغلب خصائص CSS المخصصة على حلقات Sass؟
• تبدو أماه ، لا استفسارات وسائل الإعلام! تخطيطات استجابة باستخدام CSS الشبكة

جافا سكريبت

• جافا سكريبت سيو: مرحبا بكم في سلسلة جديدة!
• كيفية كتابة تطبيقات JavaScript الحديثة البسيطة مع Webpack وتقنيات الويب المتقدمة
• الإصدارات: Apollo Client 2.5 و Ember 3.8 و GSAP 2.1
• فهم مشكلة في الأداء باستخدام بيانات JSON "متعددة الأشكال"

• النظرية:
  • الدليل الكامل للحلقات في جافا سكريبت
  • ما هو أطول تسلسل للكلمات الرئيسية في جافا سكريبت؟
  • الاسترجاعات: الدليل النهائي
  

• الرد:
  • انتقلنا إلى Next.js لخدمة صفحتنا الرئيسية 7.5 × أسرع
  • تحسين الأداء في المكونات الوظيفية React باستخدام React.memo ()
  • كيف يمكن لـ "القاعدة الذهبية" لمكونات React مساعدتك في كتابة رمز أفضل
  • اختبارات الكتابة لتطبيقات التفاعل باستخدام Jest and Enzyme
  • وأوضح الإعادة في 1 دقيقة
  • 8 أسباب لاستخدام المكونات على غرار
  

• فوجس:
  • الانزلاق داخل وخارج Vue.js
  • إنشاء توجيهات مخصصة في Vue.js
  • مثال آخر على المكون التجريدي في Vue.js
  

• الزاوي:
  • بعثة التحقق المشتركة في العالم الزاوي
  • الإعلان عن تحميل الزاوي (ngx-loadable ~ 2.2 كيلو بايت)
  • كيفية نقل الملفات والبيانات بين الزاوي عملاء و Node.js الخلفية
  

• ليبس و الإضافات:
  • FrenchKiss.js - مكتبة i18n سريعة وخفيفة الوزن مكتوبة بلغة جافا سكريبت ، تعمل في بيئات المتصفح و NodeJS. إنه يوفر حلاً بسيطًا وسريعًا حقًا للتعامل مع التدويل.
  • terser - مجموعة أدوات جافا سكريبت ومحلل / ضاغط لـ ES6 +.
  • cnbuilder - آخر منشئ سلسلة classname
  • خادم الصفر: إطار عمل التكوين صفر
  • npmf: إحضار معلومات سريعة عن pacakge npm باستخدام المحطة
  

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