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

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

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

---

الوسائط

• بودكاست "معايير الويب" ، الإصدار رقم 133: عناصر جديدة في Chrome 69 ، دلالات للقراءة ، CSS بدون شلال و Houdini ، API لإمكانية الوصول ، الإرهاق.
• بودكاست Frontend Weekend # 65 - إيغور شيكو حول كيفية أن يصبح قائد فريق واعد من بدء تشغيل تسلسلي
• CSSSR Podcast News 512 - الإصدار 18 (08/06 - 08/12)
• "Devshahta podcast": # 45 - عندما تصبح الواجهة الأمامية devops
• بودكاست "Frontend Youth (18+)" # 60: Sergey Berezhnoy: Fractal Life ، # 59: Talk about Javascript

تطوير الويب

• نستخدم AMP كمكتبة ذات أغراض عامة لإنشاء مواقع ديناميكية سريعة
• Icon Fonts vs SVGs - أي من هذه يجب أن أستخدمها في 2018؟
• "مرشحات SVG: دورة Crash" - مكثفة لسارة سويدان
• Google AMP - فقد 70٪ من تحويلنا
• كيفية إنشاء حزمة npm صغيرة جميلة ونشرها
• webhint: أداة لتحليل الموقع الشامل مع اقتراحات لتحسينها (sonarwhal سابقًا)

• الأداء:
  • تقليل تحميل جافا سكريبت بتقسيم الشفرة
  • تقارير أداء مخصصة باستخدام لوحة Crux
  • مرحلة عرض الصفحة بواسطة المتصفح والتفكير في أداء الويب
  

• إمكانية الوصول:
  • رعاية إمكانية الوصول إلى نموذج الويب
  • إمكانية الوصول في بعدين للخرائط وأنظمة الملاحة على الويب
  • جعل مواقع الويب في كل مكان يجعل الوصول إليها أقل.
  

• الرسوم المتحركة:
  • الرسوم المتحركة القائمة نقطة
  • منزلق Westworld
  

CSS

• تحديثات جديدة لمسودات CSS: تجاوز المستوى 3 ، تخطيط خط المستوى 3 ، شبكات المستوى 2
• اقتصاص ارتفاع السطر - صيغة CSS بسيطة لإزالة الهامش العلوي في النص
• إدراك القيم الأولية في CSS
• تغيير لون النص تلقائيًا للخلفيات المختلفة باستخدام متغيرات CSS
• تقنيات إخفاء CSS
• إنشاء نظام CSS "المثالي"
• تخطيط شبكة CSS: الضرب والغزو - أو كيفية العمل الفعلي مع الشبكات
• التغييرات في تخطيط شبكة CSS بالنسبة المئوية والارتفاع غير المحدد
• لا تكتب CSS - قم بتخصيصه باستخدام أداة الريح

جافا سكريبت

• جافا سكريبت هذه الكلمة للمبتدئين
• كيف يعمل JS: العناصر المخصصة
• مقارنة بين React و Vue في مثال عملي
• [إشارة مرجعية] 23 توصية لحماية تطبيقات Node.js
• 7 توصيات لرمز جافا سكريبت
• كيفية التعامل مع الآثار الجانبية القذرة في جافا سكريبت الوظيفية الخالصة
• إصلاح مشاكل النطاق المتغير في ECMAScript 6
• كريس كويير يتحدث عن إنشاء تنقل ثابت يراقب تمرير الصفحة
• تعليمات JavaScript العادية
• فرق تسد! تحميل كسول ل SPA الخاص بك

• الزاوي:
  • مرجع CLI الزاوي
  • Angular 6 - إنشاء تكوينات Webpack من البداية
  • قالب PRPL لتطبيقات الويب التقدمية باستخدام Angular 6+
  • تحريك المكونات الديناميكية في الزاوي
  • إنشاء رسوم متحركة قابلة لإعادة الاستخدام في Angular
  • 15 الحيل ونصائح الأداء في الزاوي
  • وحدة التحكم الزاوية - واجهة المستخدم لـ Angular CLI
  • 10 ميزات زاويّة مفيدة ربما لم تسمع بها
  

• VueJS:
  • VUE CLI 3.0 هنا!
  • تسريع التنمية باستخدام نماذج Vue
  • إنشاء توجيه النقر الطويل في Vue
  

• رد فعل:
  • الحصول على البيانات في تطبيقات Redux - نهج صحيح بنسبة 100٪
  • mauerwerk - تخطيط شبكة نمط البناء على رد الفعل
  • تفاعل الدعائم نمط - الطفل كدالة
  

• الليبس والمكونات الإضافية:
  • النقاط - مكتبة Typcript / javascript للتصور والتشفير الإبداعي
  • lazyestload.js - يتم تحميل الصور فقط إذا ظهرت في منفذ العرض ، فقط 350 بايت من كود js
  • SuperSlide.js - قائمة شرائح مرنة ومرنة لسلسلة PWA التالية
  • التقسيم - مكتبة JavaScript الصغيرة مع مجموعة من المكونات الإضافية الصغيرة المصممة لتقسيم السلاسل إلى كيانات أصغر - الكلمات والشخصيات وخيارات أخرى
  

المتصفحات

• بدأ Firefox في اختبار نظام توصية المحتوى بناءً على نشاط المستخدم
• يدمج Opera محفظة تشفير في إصدار سطح المكتب من متصفحه
• تجربة Mozilla الجديدة: امتداد Firefox Advance الذي يحلل تاريخ نشاط الشبكة لتحديد مواقع ومقالات محتملة مثيرة للاهتمام
• Chrome 69 Beta: الكثير من تحسينات CSS والمزيد

مسلية

• كيفية اختيار الخط لوسائل الإعلام
• "طريق العودة - لا": في Android 9.0 Pie ، حرمت Google المستخدمين من فرصة العودة إلى الإصدارات القديمة من نظام التشغيل
• إصدار تحديث لغة Dart 2.0 ، جافا سكريبت البديل من Google
• تعلمت الشبكة العصبية أن تصنع صورة لشخص حسب الوصف النصي
• كيف نمت الصين جيلًا لا يعرف Google و Facebook و Twitter
• أشياء مضحكة ومخيفة. تذكر أكثر عمليات اختراق إنترنت الأشياء إثارة للإعجاب في السنوات القليلة الماضية
أ.

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

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