Frontend Weekly Digest (8 - 14 أبريل 2019)

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

تطوير الويب

• دليل المطورين الأمامي 2019
• نتائج مسح المطور
• SVG مضمن ... تم تخزينه مؤقتًا
• تطوير الشبكة ، يتضح.
• أنواع المدخلات المتنقلة
• جافا سكريبت مقابل CSS - المزيد من التحكم يعني مسؤولية أكبر
• استخدام Web Speech API للترجمات متعددة اللغات
• لا تثق بالسكان المحليين: تحقق من مدى انتشار البرمجة النصية للمواقع المشتركة من جانب العميل في البرية

• الأداء:
  • التحميل كسول الأصلي والهبوط القائم على شبيبة مع الفانيليا كسول 12
  • خفض Google AMP سرعة صفحتنا ، وليس هناك خيار سوى استخدامها
  • كيفية الحصول على درجة أداء منارة 100 ٪
  

• الوصول:
  • مشكلة إمكانية الوصول الشائعة: الانتقال إلى قسم الصفحة دون تحويل تركيز لوحة المفاتيح
  • إمكانية الوصول إلى اللون: الأدوات والموارد التي تساعدك على تصميم منتجات شاملة
  • أفضل 5 أسئلة تم طرحها في تدريب إمكانية الوصول
  

• الرسوم المتحركة:
  • كيفية إنشاء تأثير صورة مثبت مع Three.js
  • تفكيك SVGs باستخدام مكونات WebGL القابلة لإعادة الاستخدام باستخدام React-three-fibre
  

CSS

• إنه 2019! دعونا ننهي النقاش حول أيقونة الخطوط مقابل أيقونات SVG
• دليل لفهم المغلق هوديني بمساعدة الرسوم
• نصائح المغامرة معركة ن 'الحيل
• موحية SVG مع CSS
• اتبع هذه الخطوات لتصبح نجم CSS
• احصل على قيمة CSS Custom Property باستخدام JavaScript
• الاتجاه الفني لشبكة الإنترنت باستخدام أشكال CSS
• استخدام Mixin لإخراج الرياضيات من أحجام الخطوط المستجيبة
• لماذا يجب عليك استخدام CSS env ()
• لغز: هدف جيد؟ إلى أي مدى تعرف محددات CSS؟
• sassyfication: مكتبة مع ساس يمزج لتسريع سير العمل الخاص بك.

جافا سكريبت

• مسج 3.4.0 صدر
• لوحة مصادر DevTools في Chrome: Overrides vs FileSystem vs Snippets vs Page
• خمسة أسباب وراء قيام Web Components باستكمال أطر JavaScript
• كايل سيمبسون: لقد نسيت جافا سكريبت أكثر مما تعلمه معظم الناس
• 31 من مستودعات GitHub JS الأكثر شعبية في أبريل 19

• نظرية:
  • اقتطاع الأرقام في JavaScript
  • مطبات Async / تنتظر في Array Loops
  • دفاعا عن البيان الثلاثي
  • تحسين البرمجة المتزامن مع وعود جافا سكريبت
  • أنماط التصميم في تطوير جافا سكريبت الحديثة
  

• VueJS:
  • لماذا يجب أن تبدأ شركتك في استخدام Vue.js
  • تقديم إدارة جديدة لإدارة Vue.js
  • ملخص تجربة VueJs Amsterdam 2019 ومحادثاته (الجزء الثاني)
  • لماذا اخترت Vue على رد الفعل
  • جلب البيانات من واجهة برمجة تطبيقات لجهة خارجية مع Vue.js و Axios
  • اجعل تطبيقات الويب Vue.js قابلة للاكتشاف - JavaScript SEO
  

• الرد:
  • ما كنت أتمنى أن أعرفه عندما بدأت العمل مع React.js
  • React95 - مكتبة مكونات React مع Win95 UI
  • تصميم أفضل الممارسات باستخدام التفاعل
  • أفضل رد فعل تمديد ل VS كود
  • نظرة عامة على مكتبات CSS-in-JS الشعبية للتفاعل
  • إدارة الحالة باستخدام خطافات التفاعل - لا يوجد واجهة برمجة تطبيقات لميزة Redux أو Context
  

• الزاوي:
  • السياق الزاوي: ربط البيانات بسهولة لأشجار المكونات المتداخلة ومأخذ التوجيه
  • الزاوي CLI - إزالة الغموض عن مساحة العمل
  • الزاوي المتقدم: تطبيق مكون الإكمال التلقائي القابل لإعادة الاستخدام
  

• ليبس و الإضافات:
  • fkit: مجموعة أدوات برمجة وظيفية لجافا سكريبت
  • مسج المحاكي الطرفية - محطة على شبكة الإنترنت
  • Choices.js : ملحق الفانيليا JS القابل للتخصيص حدد مربع / إدخال نص
  

المتصفحات

• ما يمكن توقعه في قنوات Microsoft Edge Insider الجديدة
• تقدم Opera من جديد reborn 3 ، وهو أول متصفح لسطح المكتب مزود بـ web 3 وأسرع VPN ومانع إعلانات
• Edge تتحول إلى Chromium: ماذا يعني للمطورين الأماميين؟

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