Frontend Weekly Digest (28 يناير - 3 فبراير 2019)

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

تطوير الويب

• HTML و CSS ونقاط دخول صناعة التلاشي
• CSS و JS في حالة حرب ، وإليك كيفية إيقافها
• HTML كان دائمًا هدفًا للترجمة - هل يمكننا التعامل مع هذا؟
• متجر Google Play مفتوح الآن لتطبيقات الويب التقدمية
• "الخلفية" لتطوير الواجهة الأمامية
• نظرة عامة على المقترحات الأكثر إثارة لمنصة الويب المتعلقة بمكونات الويب

• الأداء:
  • "فرحة تحسين الصور" بواسطة Una Kravets - An Event Apart video
  • عرض النطاق الترددي أو الكمون: متى يتم التحسين من أجل أي
  • تحسين سرعة الصفحة: المقاييس والأدوات وكيفية تحسينها
  • تحسين أداء خطوط الويب: دراسة حالة
  

• الأدوات:
  • tris-webpack-boilerplate - صفيحة webpack للمواقع الثابتة التي تحتوي على جميع الأدوات الحديثة الضرورية والتحسينات المدمجة
  • 11 ملحقات جافا سكريبت رهيبة لشفرة ستوديو البصرية
  • ما الجديد في DevTools (Chrome 73)
  • الجديد في فايرفوكس DevTools 65
  

• إمكانية الوصول:
  • استخدام الذكاء الاصطناعي لتوليد نص بديل على الصور
  • أدوات واستراتيجيات لتطوير تطبيقات الويب التي يمكن الوصول إليها
  • كيف الرقم؟
  

• الرسوم المتحركة:
  • المباني موجة الرسوم المتحركة مع Three.js
  • تفكيك Taotajima.jp WebGL
  • تأثيرات المؤشر مخصص
  

CSS

• CSS Position Sticky - كيف يعمل حقًا!
• نظرة على الواصلة CSS في 2019
• الطرق العديدة لتغيير SVG Fill on Hover (ومتى تستخدمهم)
• CSS-in-JS والعرض الثابت
• CSSans Pro - The Color و Sassy و CSS Font
• المغلق WordArt
• شبكة CSS: جدول بيانات Excel
• CSS الرسوم المتحركة: خريطة اللصوص

جافا سكريبت

• إصدارات جديدة: TypeScript 3.3 ، Babel 7.3 ، Jest 24
• JavaScript في المستقبل: ما الذي لا يزال مفقودًا؟
• ثابت مقابل وحدة مقابل التكامل مقابل اختبار E2E لتطبيقات Frontend
• رد الفعل مقابل الزاوي: مقارنة متعمقة
• ثلاث طرق أخرى لتصور حالة جافا سكريبت
• الغوص أعمق في كائنات JavaScripts . نظرة فاحصة على واصفات كائن JavaScript

• فوجس:
  • 7 مشاكل يمكنك تجنبها باستخدام Nuxt.js لتطبيق Vue التالي
  • Vue.js App Optimization Optimization: part 1 - مقدمة لتحسين الأداء والتحميل البطيء.
  • اتقان الخصائص المحسوبة في VueJS
  • كيفية إنشاء شاشة وسائط اجتماعية بسيطة باستخدام NodeJS و GraphQL و Vue
  • استخدام Vue.js لإنشاء لوحة معلومات الطقس التفاعلية مع واجهات برمجة التطبيقات
  • ماذا يعني Vue 3.0 لتطوير الويب؟
  

• الرد:
  • التفاعل (جديد) أساليب دورة الحياة في لغة واضحة ، ودود
  • رد الفعل باعتباره وقت تشغيل واجهة المستخدم
  • بناء تطبيقات الويب التدريجي مع الرد - الجزء 1
  • addimated - مكتبة رسوم متحركة قابلة للتقاطع دائمًا من أجل React
  • رد مخصص التمرير 4.0
  • 5 طرق لتحريك تطبيق ReactJs في عام 2019.
  • كيف غاتسبي اشتعلت فيه النيران بسرعة
  

• الزاوي:
  • التعريف بـ NG-VDOM: طريقة جديدة لكتابة التطبيق الزاوي
  • بناء إنتاج PWA جاهزة مع الزاوي و Firebase
  • الزاوي 7 | 6 البرنامج التعليمي: بناء وتقديم نموذج
  • الزاوي DI: التعرف على Ivy NodeInjector
  

• ليبس و الإضافات:
  • flexsearch - مكتبة البحث عن النص الكامل من الجيل التالي لمتصفح و Node.js
  • readability.js - إصدار مستقل من مكتبة قابلية القراءة المستخدمة في عرض Firefox Reader View
  • webaudio-synth: Web Audio API Polyphonic Synthesizer
  

المتصفحات

• Firefox 65: دعم WebP و Flexbox Inspector والأدوات الجديدة وتحديثات النظام الأساسي
• تغييرات WebRender و Gecko البارزة
• متصفح المرجعية جاهزة للاختبار!
• تقرر Microsoft أن Internet Explorer 10 تمتعت بوقته: تم تعيين الإنهاء في يناير 2020