ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوع الماضي رقم 329 (27 أغسطس - 2 سبتمبر 2018)

نلفت انتباهك إلى مجموعة مختارة تحتوي على روابط لمواد جديدة من منطقة الواجهة الأمامية وحولها.

لمعلوماتك: في الأسبوع القادم لن يكون هناك ملخص بسبب العطلة.

الإعلام | تطوير الويب | CSS | جافا سكريبت | المتصفحات

---

الوسائط

• بودكاست "Frontend Weekend" # 68 - Egor Bugaenko حول كيف ولماذا تحتاج إلى تمييز نفسك عن حشد المبرمجين الآخرين
• بودكاست "معايير الويب" ، الإصدار رقم 136: Chrome ليس وقحًا جدًا ، فايرفوكس ضد المتتبعين ، المصدر المفتوح والسياسة ، OpenType وشلال مفيد ، تطوير React DOM.
• Weekly Vue Podcast ، العدد 2
• رد فعل خمس دقائق من بودكاست رقم 45 - كيفية تسجيل بودكاست بدون ميكروفون ومعدات
• Devshahta Podcast: # 48: ألم من Ext JS و TFS ، أو كيف يغير DevOps العالم نحو الأفضل
• Podcast CSSSR ، أخبار 512 - الإصدار رقم 19 (08.20 - 02.09)
• التقارير الستة الأكثر فائدة مع Frontend Conf 2018

تطوير الويب

• نمو JSON المستمر
• أشعل النار تحت الماء تطوير SmartTV
• لماذا تمتص شبكة الإنترنت الحديثة وماذا تفعل حيال ذلك
• ماذا يعني blockchain لمطوري الواجهة الأمامية؟
• إعادة بيع الكود الموروثة
• استخدام واجهة تركيب الكلام من Web Speech API
• تنزيلات الويب البطيئة الأصلية

• الأدوات:
  • ما الجديد في DevTools (Chrome 70)
  • gulp-webpack - بناء جديد لـ Gulp 4 + Webpack 4 + Babel + BrowserSync + Font Awesome 5
  • Universal PWA Builder - أداة قابلة للتوسيع لإنشاء تطبيقات ويب تقدمية بدون إطار
  

• إمكانية الوصول:
  • تعد دلالات الكلام مثالًا رائعًا على كيفية كتابة رمز أكثر شمولًا لجميع التقنيات (المساعدة) ، بما في ذلك محركات البحث وقارئات الشاشة ومكبرات الصوت الذكية وبرامج الروبوت للدردشة.
  • كيف عززت Google جهودها لجعل تكنولوجيتها في متناول الأشخاص ذوي الإعاقة
  • كيف يمكنك استخدام أجهزة تظليل AI و AR و WebGL للمساعدة في ضعف البصر
  • Reach UI - مكتبة من المكونات المتاحة للتطبيقات على React
  

• شبكة مذهلة:
  • نستخدم الفسيفساء وأقنعة البكسل والأقنعة الهندسية في تظليل Voronoi لتزيين الموقع
  • تجارب رسومات الويب
  • خداع بصري في 18 سطرًا فقط من جافا سكريبت
  

CSS

• وحدات CSS الجديدة (والقديمة) التي بالكاد سمعت عنها
• متقدم CSS Theming باستخدام خصائص مخصصة وجافا سكريبت
• عرض CSS كامل مع خصائص OpenType
• مكونات شبكة فائقة المحسنة مع خصائص CSS مخصصة
• التحسين التدريجي في تخطيط CSS: من العوامة إلى Flexbox & Grid
• كيفية إنشاء أنماط صفحة سهلة الطباعة
• "حل استعلامات الحاويات اليوم " ، تقرير أعده جريج ويتوورث في يوم CSS 2018
• توسيع كتلة CSS التدريجي
• المحررين شكل CSS
• عشرون نصيحة لتحسين أداء CSS

جافا سكريبت

• لماذا أصبح رجل في عالم جافا من المؤيدين المتحمسين لـ Node.js و JavaScript؟
• ما هو الاختبار ولماذا يجب علينا القيام به؟ المقالة الأولى في سلسلة من خمسة أجزاء حول الاختبار في JavaScript
• Node Hero - دليل أمان Node.js
• الافراج عن JS-transpiler Babel 7
• ما الجديد في بابل 7؟
• ما سيظهر في JavaScript 2018: المولدات غير المتزامنة ، Regex المحسنة
• أمثلة JS: 8 حالات استخدام مختلفة لشريحة JavaScript Array Slice
• aiji هي مجموعة مُنظمة من تطبيقات JS الملهمة التي تعمل بنظام AI
• مقدمة سريعة لعمال الويب
• نظرة عامة على مؤقتات JavaScript على الويب

• نموذجي:
  • تايبسكريبت وبابل 7
  • دليل TypeScript السريع
  • كيف تحول فريقي عن طريق الخطأ إلى TypeScript ووقع في حبها
  

• رد فعل:
  • ممارسات كتابة التعليمات البرمجية الجيدة مع رد فعل و Redux
  • التحقق من صحة الدعائم المكون مع أنواع الدعامة
  • رد فعل الأداء - دليل كامل لتحسين مشكلات الأداء الرئيسية في رد الفعل
  • الدعائم و PropTypes في رد الفعل
  • البرنامج التعليمي للتفاعل: إنشاء التطبيق الأول وحمايته
  • تفاعل رد الفعل
  • code-surfer - مكون تفاعل للتمرير ، وزيادة وتسليط الضوء على مقتطفات التعليمات البرمجية
  • boilerplate.react.spa.full-server - التحضير لإنشاء SPA على React ، مع خادم كامل.
  

• VueJS:
  • تم إصدار كتابين على Vue.js في الترجمة: عظمة Vue.js 2 واختبار مكونات Vue.js مع Jest
  • إتقان Vuex - من الصفر إلى البطل
  • إنشاء تطبيقات على Vue.js
  • vue-goodshare - مكون vue.js للمشاركة الاجتماعية
  • الدليل الكامل لاستخدام أيقونات الخط الرهيبة في تطبيقات Vue.js
  • tiptap - محرر نص منسق لا يمكن عرضه على Vue.js
  

• الزاوي:
  • الزاوي: الميزات غير الواضحة لمحددات التوجيه
  • محرك ربط الحدث الزاوي
  • الزاوي 6 CRUD من نقطة الصفر ، دليل المثال
  • كيفية استخدام التصميم متعدد الأبعاد في الزاوي 6
  

• الليبس والمكونات الإضافية:
  • turbo-json-parse - توربو JSON.parse لبيانات JSON الثابتة
  • shimport - استخدم وحدات JavaScript في جميع المتصفحات ، بما في ذلك تلك التي تحتوي على استيراد ديناميكي
  • إعادة التشكيل - أسهل طريقة لإدارة حالة التطبيق
  • lazyestload.js - تنزيل الصور فقط عندما تقع في المنطقة المرئية
  

المتصفحات

• في فايرفوكس ، تقرر افتراضيًا حظر التتبع بين المواقع
• بالنسبة إلى فايرفوكس ، تقوم بتطوير نظام التوصيات السياقية للوظائف الإضافية
• تحليل القابلية لواجهات برمجة تطبيقات متصفح الويب الحديثة
• تنشر Mozilla إحصائيات استخدام Firefox
• نشرت موزيلا تقريرًا عن كيفية استخدام الناس لإصدارات سطح المكتب من Firefox
• تمنع Google حلول الأمان من الحقن في عمليات Chrome
• تعمل ميزة Chrome الجديدة للجوال على تعطيل البرامج النصية على الاتصالات البطيئة
• التأثير البيئي لتنوع المتصفح
أ.

نعتذر عن أي أخطاء إملائية أو روابط معطلة / مكررة. إذا لاحظت مشكلة - يرجى الكتابة في بريد إلكتروني شخصي ، فنحن نحاول إصلاحها بسرعة.

← ملخص الأسبوع الماضي
المواد التي أعدتها dersmoll و alekskorovin