Frontend Weekly Digest (13 - 19 مايو 2019)

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

تطوير الويب

• مكونات صفحة الويب SVG لـ IoT و Makers (الجزء 2)
• مقدمة إلى JAMstack: هندسة الويب الحديثة
لماذا بناء مع JAMstack رائع
• كل ما تريد معرفته عن مدخلات
• دليل المبتدئين إلى الصلصال
• كشف ملف JPEG
• دمج مكتبات الرسوم المتحركة للجهات الخارجية في المشروع
• كيفية إنشاء مخطط دائري SVG - رمز جنبا إلى جنب مع كاسي (فيديو)

• الأداء:
  • الغوص العميق في الأم كسول تحميل للصور والأطر
  • تقرير من اجتماع اللجنة الاستشارية AMP
  • تحسين الصورة: فهم التأثير الدقيق على نقاط أداء Google لترتيب أعلى في عام 2019
  • أفضل HTTP / 2 تحديد الأولويات لويب أسرع
  • هل لا يزال "حظيرة" شيء في ثقافة التمرير والقشط اليوم؟
  • 3Pweb - يوضح هذا الوقت الذي تستغرقه البرامج النصية للكيان في التنفيذ.
  

• الأدوات:
  • التنمية عن بعد مع رمز VS
  • تصحيح أخطاء JavaScript بطريقة أكثر ذكاءً في FireTox DevTools
  

• الوصول:
  • طريقة جديدة (وسهلة) لإخفاء المحتوى بسهولة
  • حالة الوصول: GAAD 2019
  • الإعلان عن Microsoft Web Template Studio
  

CSS

• إنها عبارة عن مصيدة ezoid: أشكال CSS ليست ما تتوقعه
• موحية CSS الشبكة الصفوف والأعمدة
• Subgrid . مقال جديد عن مستندات تطوير MDN
• CSS Scan: أسرع طريقة لفحص ونسخ CSS
• تم تنفيذ ميزة CSS لاقتطاع نص متعدد الخطوط في Firefox
• تصحيح شبكة CSS: الجزء 2: ما الاب (العمل)؟
• جوجل الخطوط الآن يدعم عرض الخط!
• قواعد CSS التي تجعل حياتك أسهل
• نافذة الصينية شعرية و CSS

جافا سكريبت

تقوم كل من Cloudflare و Mozilla و Facebook بتطوير BinaryAST لتسريع تنزيلات JavaScript.
• الشروع في العمل مع Svelte 3
• جافا سكريبت الوظيفية
• TypeScript 3.0: النوع غير المعروف

• نظرية:
  • دليل عملي ل Javascript Proxy
  • محركات جافا سكريبت: كيف تعمل؟ من Call Stack إلى Promise ، (تقريبًا) كل ما تحتاج إلى معرفته
  

• VueJS:
  • رسائل التحقق من صحة نموذج يمكن الوصول إليها مع ARIA و Vue.js
  • مقدمة لتطوير يحركها الاختبار مع Vue.js
  • الشروع في العمل مع Vue - نظرة عامة وتجويف تعليمي
  • انتقد معرض باستخدام Vue.js و Tailwind
  

• الرد:
  • كيف يتم التحويل من فئات React-Redux إلى React Hooks ، الطريقة السهلة
  • unform - ReactJS مكتبة النماذج لإنشاء هياكل النموذج غير المنضبط مع الحقول المتداخلة ، والتحقق من الصحة وأكثر من ذلك بكثير!
  • الرسوم المتحركة واجهة المستخدم في رد الفعل
  • ReactQ - مجموعة أدوات بدء التشغيل ReactQ + GraphQL: React 16 و Apollo 2 و MobX و Emotion و Webpack 4 و مولد كود GraphQL و React Router 4 و PostCSS و SSR
  • أنماط تصميم خطاطيف التفاعل الأساسية
  • إرساء التطبيق React
  • إنشاء مكتبة التحقق من صحة رد الفعل: الأساسيات (الجزء 1)
  • ماذا تفعل عندما يكون تطبيق React لديك بطيئًا
  

• الزاوي:
  • بناء متجر على الإنترنت باستخدام ngrx / store وزاوي
  • نصائحي المفضلة والخدع في الزاوي
  • الميراث المكون في الزاوي
  • القيام A11y بسهولة مع CDK الزاوي. قوائم لوحة المفاتيح القابلة للملاحة
  

• ليبس و الإضافات:
  • قامت Microsoft بفتح الكود لمكتبة بحث المتجهات المستخدمة في Bing
  • Storeon: مدير دولة صغير لتطبيقات الواجهة الأمامية القريبة من Redux ، تم تنفيذه في ملف واحد يتلخص حتى 173 بايت
  • ola - مكتبة الرسوم المتحركة على نحو سلس لاستيفاء الأرقام
  • reLift-HTML هي مكتبة عرض صغيرة جدًا (3 كيلو بايت) تتيح لك إنشاء Web Component ، Custom Element ، وتساعدك على جعل أي صفحة HTML تفاعلية دون ازدحام الأطر الكبيرة.
  

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