ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوع الماضي رقم 375 (من 5 إلى 11 أغسطس 2019)

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

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

---

وسائل الإعلام

• بودكاست معايير الويب ، 188. دفتر العناوين ، هيرميس ، PageSpeed ​​، DevTools ، ndb ، Puppeteer ، PiterJS
• CSSSR Podcast: أخبار 512 - 25 سنة من PHP ، Github Actions ، التصميم ، CSS و Instagram
• بودكاست "devschacht" # 90 : عش مع SkyEng حول العمل عن بُعد
• بودكاست "devschacht" # 89 : رومان برودنيكوف عن العمل في 2GIS و Yandex Music.
• Podcast Frontend Youth (18+) # 103 : الثقب الأسود الصغير - ملجأ ستالمان
• Repozitorro # 24 : محفظة مبتدئ من زاوية مختلفة ...
• بودكاست معايير الويب ، رقم 187. دلالات HTML ، مكونات الويب ، W3C و WHATWG ، HTML5 Doctor ، Prince XML ، تسييل الويب
• الآن على الهواء مباشرة: قائمة التشغيل SmashingConf Toronto الخاصة بك

تطوير الويب

• مواصفات الويب رائعة وأين يعيشون
• مقدمة بسيطة لعمال الويب في جافا سكريبت
• أنشئ رسائل بريد إلكتروني تفاعلية محسّنة باستخدام إطار عمل AMP من Google
• لماذا تطوير الشبكة الحديثة معقدة للغاية؟ شرح طويل لكن سريع: الجزء الأول
• أيهما أفضل: برنامج ولاء PWA أو تطبيق جوال؟
• اتصل بـ Picker API ، تفاصيل API الجديدة على مدونة مطوري Google
• Mavo تألق عند إنشاء تطبيقات الويب التفاعلية

• الأداء:
  • ميزات Google PageSpeed: تحسين تصنيف الموقع وترتيب البحث
  • أكبر الطلاء المضمون (LCP) . مقياس أداء جديد لمساعدتك في قياس وقت تحميل المحتوى الرئيسي لصفحة ويب.
  • الوقت للبايت الأول: ما هو ولماذا يهم
  • كسول تحميل الويب الأصلي
  • Native Lazy-Loading يعمل بالفعل في Chrome 76!
  • قم بتأسيس اتصالات الشبكة مقدمًا لتحسين سرعة الصفحة المدركة
  • معالجة أداء الويب عالية الأداء
  

• الأدوات:
  • 5 ملحقات webpack مفيدة
  • مرئي رمز الاستوديو دليل الساخنة مفتاح للإنتاجية أعلى و 30 بلدي اختصارات المفضلة يستحق التعلم
  • يعد SVG Gobbler امتدادًا بسيطًا يعثر على SVG في النافذة الحالية ، ويختار سمات فريدة ، بما في ذلك الحجم ، ويسمح لك بتنزيل نسخة محسّنة بالفعل أو نسخها إلى الحافظة
  

• الوصول:
  • إمكانية الوصول إلى الويب مقابل الاستخدام
  • نصائح الوصول غير متوقع
  

• الرسوم المتحركة:
  • تأثير ترك آثار الصور عند تحريك الماوس
  • مواقع الويب الملهمة المثيرة للإعجاب # 7
  • كيفية إنشاء الرسوم المتحركة على شبكة الإنترنت مع Anime.js
  
  

CSS

• سمات CSS مخصصة كآلية لنقل البيانات من JavaScript إلى CSS
• أوضاع الكتابة وتخطيط CSS
• تعلم CSS من خلال قراءة المواصفات
• معالجة CSS غير المستخدمة في SASS لتحسين الأداء
• CSS: محدد فارغ
• الأخبار الأسبوعية للمنصة: نمط خط CSS: منحرف ، امتداد متصفح webhin ، CSS Modules V1
• مبادئ التصميم للمطورين: عمليات ونصائح CSS لتحسين تصميم المواقع
• نقل النص على طول الطريق المنحني
• 5 مولدات شبكة CSS باردة لتخطيطاتك
• تقديم البكسل الفرعي والحدود

جافا سكريبت

• كما لم أحصل على المركز الأول في مسابقة مطوري JavaScript من Telegram
• البرنامج التعليمي جافا سكريبت الحديثة . تحديث كبير لمورد شعبي من ايليا كانتور
• كيفية تنفيذ السحب والإفلات لعناصر وملفات HTML باستخدام جافا سكريبت
• إنشاء تطبيق My Svelte الأول: الأفكار والانطباعات
• إعادة توجيه JS من جانب العميل: هل يستطيع Googlebot اكتشافها؟

• نظرية:
  • اكتب نظام الأسئلة الشائعة
  • معرف أو غير محدد؟ الفروق الدقيقة في إنشاء المصفوفات في JavaScript
  • استخدام دع بيانات التعريفات للمتغيرات وميزات عمليات الإغلاق الناتجة في JavaScript
  • أنماط التصميم رقم 1 - مفردة (مفردة)
  • العمل مع ECMAScript 2019 التكرار غير المتزامن مع for-of
  • Intl.NumberFormat
  • حالات الاستخدام مثيرة للاهتمام لمشغلي جافا سكريبت
  • أدوات دمج وعد JavaScript: .all () ، .race () ، .allSettled ()
  

• الرد:
  • رد دليل الرسوم المتحركة الأساسي
  • الرد v16.9.0 الافراج وتحديث خارطة الطريق
  • ما هو الجديد في رد فعل v16.9
  • كيف يعمل وضع التطوير؟
  • بناء تطبيقات الهاتف المحمول مع أيوني ورد الفعل
  • useEffect أو useLayoutEffect بلغة بسيطة يمكن الوصول إليها
  • باستخدام Immer لإدارة حالة تطبيق React
  

• VueJS:
  • إنشاء SPA على Vue.js على رأس بلا وورد
  • كيفية إعداد بيئة تطوير لبرنامج Vue
  • تعديل بيانات المكون باستخدام مصادر الأحداث في Vue.js
  • الحصول على المزيد من مكونات Vue غير المتزامنة
  

• الزاوي:
  • باستخدام وظيفة غير متزامن تنتظر في الزاوي
  • وحدات ومكونات غير متزامنة في الزاوي اللبلاب
  • نحو الزاوي 9: ثلاثة إصلاحات الشوائب في الزاوي 9
  • كيفية تبادل المكونات الزاوي بين المشاريع والتطبيقات
  

• جمرة:
  • معالجة سمات المفتاح الخارجي في واجهة برمجة تطبيقات بيانات Ember
  • اختبارات الكتابة مثل الرياضيات: الجزء الأول
  • EmberMap Podcast - مراجع كائن تعتبر مفيدة
  • EmberMap Podcast - أنت يجب أن تشعر بالألم
  

• ليبس و الإضافات:
  • sharec - مشروع لاستبدال المراجل والحزم مثل إنشاء تطبيق React ، والذي يسمح لك بتحديث التكوينات ويسمح لك بإجراء تغييرات عليها
  • Frosted Panel - مكتبة مستعرض متقاطعة على JS خالص لتنفيذ التأثير المستجيب لـ "Frozen Glass"
  • murphyjs: طريقة سهلة لتنفيذ الرسوم المتحركة المستندة إلى التمرير في مكوناتك.
  

المتصفحات

• عثر على طريقة لتحديد التصفح المتخفي في Chrome 76
• كروم 78 كاناري اختبارات الوضع المظلمة القسري لجميع المواقع
• تم إضافة وضع عزل صارم للصفحة إلى تصميمات Firefox الليلية
• Safari Technology Preview 89 Release Release

تسلية

• مهاجمة أنظمة الواجهة الأمامية ، مما يتيح لك إمكانية دمج طلبات الجهات الخارجية
• أبرزت Google مواد البودكاست في نتائج البحث
• قدمت Huawei رسميًا نظام التشغيل الموزع HarmonyOS
• كشفت المعالجات عن ثغرة جديدة تتجاوز الحماية ضد Specter و Meltdown
• يستمع متعاقدو Microsoft إلى بعض محادثات مستخدمي Skype
• اختراع لعبة شائعة ، ولكن ليس لكسب المال: قصة تتريس ومخترعها

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

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