ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوع الماضي رقم 339 (12 - 18 نوفمبر 2018)

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

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

---

الوسائط

• Frontend Weekend Podcast # 79 - أوليغ بولياكوف حول تأسيس CodeDojo وكيف أصبح المكان الرئيسي للعمل
• بودكاست معايير الويب ، الإصدار رقم 147: Chrome Dev Summit ، API للبيانات الشخصية ، HTTP / 3 لـ UDP ، مكونات الويب
• React Five Minute Podcast # 49 - bem-response-core
• Devshahta Podcast: 57: كيف يستخدم Wrike Dart
• بودكاست "Frontend Youth (18+)" # 73 ثلاث قشور من Eddie Osmani
• CSSSR Podcast: الأخبار 512 - الإصدار رقم 29 (12.11 - 18.11)
• Vadim Makeev video blog 9. قائمة القوائم ، والشبكات أو الحذاء ، والراحة
• KharkivJS # 9 2018 ، 32 فيديو
• FrontTalks 2018 ، 16 مقطع فيديو
• مؤتمر Chrome Dev Summit 2018 - جميع الجلسات

تطوير الويب

• وداعا إلكترون. مرحبًا PWA سطح المكتب
• سيتم توحيد HTTP عبر QUIC كـ HTTP / 3
• بدء استخدام WebAssembly باستخدام 14 سطرًا فقط من جافا سكريبت
• Web.dev من Google - مورد جديد بمعلومات منظمة مفصلة حول تقنيات تطوير الويب الحديثة
• قوة مكونات الويب
• 5 أسباب لحكم المواقع الثابتة
• أهم الأحداث المأخوذة من Chrome Dev Summit 2018
• DOM الافتراضي بطيء. تعرف على DOM Memoized

• الأداء:
  • أعادت Google تصميم PageSpeed ​​Insights
  • أصدرت Google تطبيق Squoosh لتحسين الصورة
  • Addy Osmani عن المتصفحات و JS وتحسينها
  • القياس والتحسين والمراقبة . أدي عثماني حول كيفية استثمار طاقتك في الإنتاجية
  • ملخص التقارير من مؤتمر performance.now () الذي عقد مؤخرا في أمستردام
  • مضمنة أو ذاكرة التخزين المؤقت؟ كلا الخيارين من فضلك!
  • عرض استعادي للعمل على الأداء في Mapbox Studio (تطبيق كبير على React - Redux مع العرض في لوحة WebGL قماشية مع Mapbox GL)
  

• الأدوات:
  • التوزيع والقهر: أدوات لإنشاء واختبار الرسائل الإخبارية
  • تطوير الواجهة الأمامية على iPad Pro (2018)
  

• إمكانية الوصول:
  • أهمية مستويات العناوين للتكنولوجيات المساعدة
  • لماذا يعد استخدام قيم "tabindex" أعلى من "0" أمرًا سيئًا
  • أنماط التركيز الخاصة بلوحة المفاتيح
  

• الرسوم المتحركة:
  • تخطيط قلب الصفحة
  • تأثير مصباح يدوي لمنزل مسكون
  • المفهوم الإبداعي لصفحة المطور (التصميم الرقمي)
  

CSS

• أمثلة على استخدام Flexboxes
• "C" في CSS: The Cascade
• كيفية التخلص من CSS غير المستخدمة لتسهيل ملفات CSS
• الفرق بين خصائص CurrentColor و Custom
• الأقواس إلى بكسل . مقال مفصل عن alistapart حول كيفية تحويل كود CSS إلى بكسل على الشاشة
• تحجيم سلس للنص في JavaScript و CSS
• حساب CSS فاضح ()
• فيديو قصير حول كيفية استخدام فريق basecamp.com لشبكة CSS في الإنتاج

جافا سكريبت

• ستمول Google تحسين أطر عمل جافا سكريبت
• لعب Mortal Kombat مع TensorFlow.js: نقل التدريب والبيانات التكميلية
• "دليل تعريف TypeScript" - كتاب مجاني على الإنترنت عن Typescript
• معالجة أخطاء جافا سكريبت: دليل كامل
• سلاسل الوعد ماتت. تحيا غير متزامن / انتظار
• إنشاء صندوق جافا سكريبت التفاعلي الخاص بك
• لماذا يبدأ Facebook api بالحلقة
• بعد عامين من استخدام TypeScript - هل كان الأمر يستحق ذلك؟

• NodeJS:
  • النوم Node.js ، النوم ، msleep . كيفية إبطاء التدفق وإيقافه مؤقتًا
  • كيفية استخدام NodeJS بدون أطر ومكتبات خارجية
  • وثائق دون اتصال لـ Node.js (PDF)
  

• النظرية:
  • سياق التنفيذ واستدعاء المكدس في JavaScript
  • ميزات جافا سكريبت التي لم أكن أعرف عنها
  • دليل جافا سكريبت: الجزء الأول: البرنامج الأول ، ميزات اللغة ، المعايير ، الجزء الثاني: نمط الكود وهيكل البرنامج ، الجزء الثالث: المتغيرات ، أنواع البيانات ، التعبيرات ، الكائنات
  • مسلية JavaScript: بدون أقواس متعرجة
  • سياق التنفيذ ومكدس الاستدعاء - توضيح مرئي لكعكة مقطوعة
  

• رد فعل:
  • مقدمة لخطافات رد الفعل
  • لماذا رد فعل هوكس ، وكيف وصلت حتى إلى ذلك؟
  • المفاهيم التي تحتاج إلى معرفتها في React.js (بعد تعلم الأساسيات)
  • نظرة عامة على تقديم الدعائم في رد فعل
  • إنشاء تطبيق React To-Do مع تفاعل خطافات (بدون مكونات فئة)
  • كيفية استخدام React.lazy and Suspense لتحميل المكونات الكسولة
  • معلق على خطافات: كيفية استخدام React's useReducer ()
  • جعل رد الفعل رد فعل باستخدام السنانير
  

• VueJS:
  • كيفية تكوين تثبيت متغيرات بيئة Nuxt.js في وقت التشغيل ، أو كيفية القيام بكل شيء لا يحب الجميع ولا نأسف لذلك
  • معاينة Vue.js 3.0 من إيفان يو
  • إنشاء أول مشروع Vue.js PWA
  • كيف نستخدم Redux و Redux-Observable مع Vue (v3.0 Journal)
  • تطبيقات Vue الأولى بلا إنترنت مع Hoodie & Workbox
  • تصميم UX محسّن باستخدام انتقالات Vue.js والرسوم المتحركة
  • الشرح البصري Vuex
  

• الزاوي:
  • تحسين معالجة الأحداث في Angular
  • Angular - جميع التقارير مع AngularConnect ل 2015-2018
  • ابدأ مع Angular App و Angular CLI في بضع دقائق
  

• الليبس والمكونات الإضافية:
  • TensorSpace.js - إطار عمل التصور ثلاثي الأبعاد للشبكات العصبية ، وبناء نموذج تفاعلي وبديهي في المتصفحات ، ودعم نماذج التعلم العميق المدربة مسبقًا من TensorFlow و Keras و TensorFlow.js
  • TNG-Hooks - توفر استخدامات مستوحاة من ردود الفعل (..) للوظائف المستقلة
  • router: موجه JS بسيط لحل مهمة واحدة بدون أطر React أو Angular أو Vue
  

المتصفحات

• سيبدأ Firefox في إعلامك بزيارات المواقع التي تم اختراقها ، وكذلك تغيرات الأسعار
• تمت إضافة دعم Wayland إلى إصدارات Firefox الليلية
• تقوم موزيلا باختبار ميزتين جديدتين في Firefox: Price Wise و Email Tabs
• يعمل Chrome على تطوير واجهة برمجة تطبيقات لإنشاء تطبيقات مخصصة كاملة

مسلية

• سبع هجمات جديدة على آلية تنفيذ المضاربة في وحدة المعالجة المركزية
• انقسام بين المعارضين: ما حدث لرابع أكبر عملة مشفرة Bitcoin Cash من حيث الرسملة
• نظرة من الداخل: حول ثقافة الطعام على Facebook
• ستفتح Google للجميع .dev نطاق المستوى الأعلى
• مايكروسوفت تنمو الخيار أفضل من تينسنت وإنتل. يبدو أن الشركة التي أسسها بيل جيتس وجدت أخيراً دعوتها
• إحصائيات Octoverse: أفضل لغات البرمجة في 2018
أ.

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

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