ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوع الماضي رقم 354 (25 فبراير - 3 مارس 2019)

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

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

---

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

• بودكاست "معايير الويب" ، العدد رقم 163: الرياضيات في CSS ، السرعة والنفقات العامة ، برنامج ترميز الفيديو الجديد AV1 ، JavaScript و SEO ، لن تحل محلنا الروبوتات.
• Devshahta Podcast: # 71: كيف يغير TypeScript تفكيرنا (الجزء 2)
• CSSSR Podcast News 512 - الإصدار 40 (02/25 - 03/03)
• على mitap! # 1: تسجيل التقارير . مواد من الاجتماع الأول بتنسيق عبر الإنترنت نظمتها HTML Academy
• مدونة فيديو Vadim Makeev: "15. العيش مع الإجابات "
• البطولة: "أفضل ميزة JS لعام 2018" (الجزء 4 - النهائي!)

تطوير الويب

• جودة الرمز . فك شفرة تقرير إيفان بوتانوف مع Frontend Conf ، حيث يتحدث عن قابلية القراءة والتسمية والإعلان ونمط الكود والعلاقة بين يونيو والرصاص
• تصميم الاختبار؟ سهل
• معالجة الحافظة ، الجزء 1: الرسوم المتحركة والتفاعلات الدقيقة و SVG
• مولدات مواقع ثابتة: دليل المبتدئين

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

• الوصول:
  • متى يكون الزر ليس زرًا؟
  • التوافر ليس "مشكلة رد فعل"
  • دليل إمكانية الوصول إلى الويب - مجموعة منسقة من النصائح والحيل والإرشادات الخاصة بإمكانية الوصول إلى الويب.
  • ممارسات التوفر لمكونات منتقي التاريخ
  • الصفحة الرئيسية تحليل إمكانية الوصول من 1،000،000 المواقع
  • استخدام الذكاء الاصطناعي لإنشاء نص بديل على الصور
  

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

CSS

كيف يعمل الدعم الرياضي
• تصميم مستجيب وخصائص CSS مخصصة: تحديد المتغيرات ونقاط التوقف
• نموذج CSS العقلي . مقالة جديدة لـ PPK يحاول فيها شرح فلسفة CSS لمطوري Javascript
• وافقت مجموعة عمل CSS على إضافة العديد من الوظائف الرياضية ، بما في ذلك acos () ، asin () ، atan () ، hypot () ، sqrt () وغيرها الكثير
• كسر الصناديق مع تجزئة CSS . مقالة راشيل أندرو حول مواصفات CSS الجديدة
• إعادة إنشاء تأثير التدرج على Messenger Messenger باستخدام CSS
• لمحة مفصلة عن مبادئ محددات CSS + ورقة الغش
• خصائص CSS الأقل شهرة في صور GIF
• 8 مقاطع فيديو صغيرة حول محرر مسار الأشكال في Firefox
• هل ستفوز الخصائص المخصصة لـ CSS بحلقات Sass؟
• انظروا ، لا استفسارات وسائل الإعلام! تخطيطات استجابة باستخدام CSS الشبكة

جافا سكريبت

• Wolfensteiny 3D - الهندسة العكسية 251 بايت من جافا سكريبت
• جوجل تطلق سلسلة فيديو SEO لجافا سكريبت
• Funes # 9: لغز . الحيل جافا سكريبت
• الإصدارات: Apollo Client 2.5 و Ember 3.8 و GSAP 2.1
• كيفية كتابة تطبيقات JavaScript بسيطة وحديثة باستخدام Webpack وتقنيات الويب المتقدمة
• فهم مشاكل الأداء مع بيانات JSON متعددة الأشكال

• النظرية:
  • 5 نصائح لكتابة البنيات الشرطية في JavaScript
  • 12 مفاهيم JavaScript للتعرف عليها
  • جافا سكريبت دورة الدليل الكامل
  • ما هو أطول تسلسل للكلمات الرئيسية في جافا سكريبت؟
  • دليل الاستدعاء الكامل
  

• الرد:
  • إنشاء مكون فعال مع نظام التصميم
  • لقد تحولنا إلى Next.js لمعالجة صفحتنا الرئيسية بسرعة 7.5 مرة.
  • تحسين الأداء في المكونات الوظيفية React مع React.memo ()
  • كيف القاعدة الذهبية لمكونات رد الفعل يمكن أن تساعدك على كتابة رمز أفضل
  • اختبارات الكتابة لتطبيقات التفاعل باستخدام Jest and Enzyme
  • شرح التراجع في 1 دقيقة
  • 8 أسباب لاستخدام المكونات على غرار
  

• فوجس:
  • تحسين إنتاجية التطوير باستخدام Vue - Part 2
  • Vue.js أمثلية أداء التطبيق ، الجزء 1: مقدمة لتحسين الأداء والتحميل الكسول
  • الانزلاق داخل وخارج Vue.js. مقالة مفصلة حول أحد فوائد Vue - التكامل التدريجي السهل مع JS الأخرى
  • إنشاء توجيهات مخصصة في Vue.js
  • مثال آخر على مكون مجردة في Vue.js
  

• الزاوي:
  • بعثة التحقق المشتركة في العالم الزاوي
  • الإعلان عن تحميل الزاوي (ngx-loadable ~ 2.2 كيلو بايت)
  • كيفية نقل الملفات والبيانات بين عميل على Angular و backend على Node.js
  

• ليبس و الإضافات:
  • FrenchKiss.js هي مكتبة تدويل سريعة وخفيفة الوزن تعمل في المستعرض وفي NodeJS
  • terser - مجموعة أدوات جافا سكريبت ومحلل / ضاغط JavaScript ES6 +.
  • cnbuilder - آخر منشئ سلسلة classname
  • خادم الصفر: إطار عمل التكوين صفر
  • npmf: يسحب بسرعة معلومات حول حزمة npm مباشرة إلى الجهاز
  

المتصفحات

• يستخدم الضعف 0Day في كروم لسرقة البيانات
• في Firefox 67 ، تظهر صفحة about: compat وتفرغ علامات التبويب عندما لا توجد ذاكرة كافية
• تسرع Google Chrome من خلال ميزة التخزين المؤقت للصفحة المفتوحة الجديدة
• في Firefox ، سيظهر وضع صورة في صورة ومدير الوظيفة الإضافية المعاد تصميمه
• لم تعد هناك حاجة كروم

مسلية

• فتح Google تسجيل النطاق في منطقة .dev للجميع
• شبكة العصبية تدرس لتزوير الأصوات
• "نظام التصنيف الاجتماعي الصيني المثير في الممارسة العملية بعيد عن التقنيات الحديثة"
• أهم الأحداث في صناعة الذكاء الاصطناعي في عام 2018
• هل تتعرف على رمز لغة البرمجة لـ "Hello، World!" - اختبار للغات الغريبة
• أصدرت موزيلا البيانات الصوتية المشتركة صوت
• لا يعتقد Linus Torvalds أن الخوادم على بنية ARM ستحل محل x86. "بيع طراز 64 بت - حماقة"
• لغات البرمجة الجديدة تقتل بهدوء علاقتنا مع الواقع

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

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