ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوع الماضي رقم 331 (17 - 23 سبتمبر 2018)

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

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

---

الوسائط

• Frontend Weekend podcast # 71 - إيفان أكولوف حول كيفية وسبب تأسيس وكالة استشارات الأداء في 20 عامًا
• CSSSR Podcast News 512 - العدد رقم 22 ( 17 سبتمبر - 23 سبتمبر )
• بودكاست ويك فيو # 5
• برنامج رد الفعل لخمسة دقائق # 48 هناك كتابان : عظمة Vue.js 2 (جلالة Vue.js 2) و The Path to Learning React (طريق التعلم) - أيهما تقرأ وتنصح أي صديق؟
• Devshahta Podcast: # 51: 12 تطبيقات للعوامل
• بودكاست "Frontend Youth (18+)" # 65: هجوم DDoS على CSS ، # 64: 33 اختراق القرصنة لزيادة الإنتاجية
• بودكاست قابل للعرض رقم 51 : تاريخ شفوي لمعايير الويب مع جيفري زيلدمان

تطوير الويب

• هندسة الويب: أساسيات للمطورين المبتدئين
• تقوم Google بتحويل المواقع بشكل كبير إلى فهرسة الجوال أولاً ، ولكن قد يستغرق الانتقال الكامل إلى فهرسة الجوال أولاً سنوات
• اقترحت Google نموذجًا إداريًا جديدًا لمشروع AMP
• نقدم لكم عارض Bing AMP وذاكرة التخزين المؤقت Bing AMP
• ما الذي يحدد مطورًا أماميًا جيدًا؟

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

• الأدوات:
  • تحسين مهارات التصحيح باستخدام Chrome DevTools (الجزء 2)
  • دمج Sublime - قابل عميل Git الجديد من منشئي Sublime Text
  • Yarn Plug'n'Play : التخلص من node_modules ، مفهوم مماثل من npm يسمى tink
  

• إمكانية الوصول:
  • تعلم من دروس Apple Accessibility
  • الكثير من الضوضاء حول ARIA
  • توفر التصحيح مع Chrome DevTools
  

• الرسوم المتحركة:
  • مدينة الحجمية التي بنيت من الرموز التعبيرية "على CSS النقي"
  • ترقيم الصفحات اليتي مضحك
  • شعاع الضوء من الجسيمات الملونة
  

CSS

• CSS Grid - سكين الجيش السويسري لتخطيطات الموقع والتطبيق
• الكيمياء CSS CSS
• تحديث CSS Bookmarklet الإصدار 2 . برنامج مرجعي كلاسيكي محدث من Paul Irish مع Leah Veru
• Flexbox: ما حجم أحجام العناصر في حاوية Flex؟
• عرض مرئي لخاصية أصل التحويل
• يلهون مع تأثيرات التمرير للارتباطات
• ما هو CSS المعياري؟

جافا سكريبت

• نقل JS إلى Elbrus
• الإصدارات الجديدة: Electron 3.0 ، إطار عمل لإنشاء تطبيقات JS أصلية ، Next.js 7 ، Gatsby 2.0.0 ، تم إصداره
• كود أقل ، والمزيد من التطبيقات: كيف تجعلني Vulcan.js مطورًا فعالاً
• 5 نصائح لتحسين الكتابة الشرطية في JavaScript
• Bundlephobia - هل تريد إبقاء أحجام حزمة JavaScript صغيرة؟ باستخدام Bundlephobia.com ، يمكنك التحقق من حجم التبعيات قبل إضافتها إلى المشروع.
• حول إنشاء لعبة لمسابقة js13K Underrun
• كيفية إنشاء أداة تفاعلية لبناء تخطيطات مرنة على JS

• الوسائط:
  • بودكاست البرنامج النصي وعرض النمط: الحلقة 21 : جافا سكريبت لأداء الطرف الثالث وأداء الويب مع تشارلي فازاك
  • تفاعل Podcast رقم 21: احذف المكونات مع Kent C. Dodds
  • رد فعل اليكانتي 2018 ، 22 فيديو
  

• VueJS:
  • كيفية تنظيم تبعياتك في تطبيق Vue
  • Nuxt.js 2.0: Webpack 4، ESM Modules، create-nuxt-app والمزيد!
  • Vue.js + GSAP = الرسوم المتحركة
  • استخدام فتحات نطاق في Vue.js لوظائف الملخص
  • 5 أكثر الميزات المطلوبة لـ Vue.js في 2018
  • 7 دروس الهندسة المعمارية الأمامية من Nuxt.js
  

• رد فعل:
  • رد فعل وكبار المسئولين الاقتصاديين: كيفية تكوين صداقات
  • لماذا لا يجب استخدام مكونات عالية الترتيب في React
  • تفاعل المؤسسة في 2018-2019
  • دليل Hitchhiker لجهاز Galaxy React Router v4: [match، location، history] هم أفضل أصدقائك!
  • لماذا React16 هو نعمة لمطوري رد الفعل
  • كيف تبدأ مع واجهة برمجة تطبيقات React Context API
  • إنشاء مكون على غرار رد الفعل في جافا سكريبت الفانيليا.
  • الحصانة في رد الفعل و Redux: دليل كامل
  • باستخدام Font Awesome 5 في رد الفعل
  • response-flip-toolkit - مكتبة تسهل الرسوم المتحركة على الوجه في React
  • إنشاء أداة الإكمال التلقائي باستخدام البحث المتفاعل والمرن
  

• الزاوي:
  • يمكنك تبسيط إمكانية الوصول باستخدام Angular CDK
  • إنشاء PWA مع الزاوي 6
  • زيادة إتقان NgRx
  • الأركان الثلاثة لجهاز التوجيه الزاوي - حالات جهاز التوجيه ومطابقة عنوان URL
  

المتصفحات

• قدمت موزيلا النسخة النهائية من متصفح Firefox Reality للنظارات وخوذات الواقع الافتراضي
• قامت Microsoft بالفعل بتعطيل ميزة Windows 10 ، والتي لا تشجع المستخدمين على تثبيت متصفحات أخرى بدلاً من Edge
• اعتراض وتعديل الطلبات في Chrome باستخدام بروتوكول Devtools

مسلية

• جوجل: نقوم بفهرسة وتصنيف المحتوى بشكل كامل في علامات التبويب
• مسار وحيد القرن: كيف ذهب GitLab إلى تقييم مليار دولار
• فشلت Google في استنساخ Twitch ودعت لاعبين نادرين لمشاهدة YouTube
• أنشأ معهد ماساتشوستس للتكنولوجيا شبكة عصبية تتعرف على الأشياء من خلال الوصف الصوتي
• أطلقت فكونتاكتي منصة بودكاست
• لماذا يوتيوب الألعاب فقدت المسابقة
• العمل على البق: كيف أعيش مع عسر القراءة
أ.

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

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