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

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

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

---

الوسائط

• البث الصوتي لمعايير الويب ، الإصدار رقم 131: Chrome 68 ، HTTP خطير ، تفاعل أو jQuery ، أنت لا تعرف الكتل المضمنة ، الانحناءات المصورة ، دورات اللغة الإنجليزية ، الإعدادات المسبقة الخطيرة من Babel ، المتصفحات تتداخل مع JS
• Frontend Weekend podcast # 63 - ألكسندر بيرشين حول كيفية وسبب إنشاء مدرسة تعليم عبر الإنترنت في روسيا
• CSSSR Podcast News 512 - الإصدار رقم 16 (07.23 - 07.29)
• بودكاست "Devshahta / Night Frontend": رقم 43 - مرة أخرى حول Jenkins و ChaosConstructions 2018 و ndb و SRI
• Frontend Youth (18+) بودكاست: # 58 لماذا أطلقت jQuery من GitHub

تطوير الويب

• أساسيات تطبيق الويب التقدمية
• 3 قائمة مرجعية مهمة لمطوري الويب
• عناوين الصفحات المتوفرة في تطبيق الصفحة الواحدة
• طريقة ذكية إلى "الحد الأدنى من المكدس الكامل" . من SPA بسيط إلى PWA متعدد الوظائف

• الصور:
  • تحويل الصور إلى WebP . مقتطف من كتاب "دليل WebP"
  • في بعض الأحيان تكون `الأحجام 'في الصور مهمة جدًا.
  • لماذا WebM أفضل من GIF للفيديو (مقارنة)
  • 8 نصائح لتحسين الفيديو لتنزيل أسرع
  

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

• الأدوات:
  • قمنا بإعداد مشروع npm مناسب لأنفسنا وللفريق أو القليل عن أدوات الواجهة الأمامية الحديثة
  • تصحيح الأخطاء باستخدام Chrome DevTools: نصائح سريعة للواجهة الأمامية
  • Terminalizer - سجل تشغيل جهازك في صورة متحركة
  • قصة Github - ملحق للمتصفح - قم بسحب قالب وصف الطلب على Github
  

CSS

• كيفية إنشاء نماذج أولية للتطبيقات بسرعة باستخدام شبكة CSS ومتغيرات CSS
• CSS-in-JS - الخرافات والواقع (المكونات المصممة كمثال)
• كتلة مضمنة مذهلة وغير معروفة
• لماذا CSS Grid أفضل من Bootstrap للتخطيط
• الإحباط مع أشكال CSS واستثناءات CSS
• حلها مع CSS! أسلوب منطقي يعتمد على عدد العناصر المستلمة.
• سحر محدد من Flexbox وهوامش السيارات
• إنشاء نظام تصميم ، الجزء 2: الشبكة والتخطيط
• 5 خصائص CSS جديدة وكيفية استخدامها

جافا سكريبت

• يرفض Github.com استخدام jQuery والتبديل إلى JavaScript خالص
• إنشاء نظام إدارة الدولة في JavaScript خالص
• لماذا V8 الجديد سريع جدا لعنة
• CSS في شبيبة في الحياة الحقيقية

• الأطر
  • نعم ، يجب أن تتعلم جافا سكريبت Vanilla قبل إطار JS العصري.
  • كيفية تحسين معرفتك بجافا سكريبت بكتابة إطار العمل الخاص بك
  • رد فعل مقابل فيو (مقابل الزاوي)
  

• النظرية:
  • حول المولدات في JavaScript ES6 ، ولماذا يكون اختياريًا لدراستها
  • مغامرات مشغل خط الانابيب بابل @ 7
  • استخدام الوعود في جافا سكريبت
  • دروس جافا سكريبت للمبتدئين
  • لنتحدث عن الفاصلة المنقوطة في JavaScript
  • Monads في جافا سكريبت: الجزء 1 ، الجزء 2
  • الاسترجاعات - تحسين معرفتك بواجهات برمجة التطبيقات المستندة إلى الاستدعاء ، وتعلم سلوكها وأنماطها في جافا سكريبت
  • كيفية التوقف عن استخدام الاستدعاءات والبدء في العيش
  

• رد فعل:
  • أساسيات رد الفعل (كتاب مدرسي ، الطبعة الثانية)
  • تعلم الدعائم تقديم بالقدوة
  • الحيل والنصائح ل Reactjs SSR
  • آلات الحالة المحدودة في React
  

• الزاوي:
  • أصبح Angular v6.1 متاحًا - TypeScript 2.9 ، التمرير التموضع وأكثر من ذلك بكثير
  • آلية ربط القيمة الزاوي باتجاه واحد
  • فهم تطبيق زاوي كبير قابل للتطوير باستخدامngrx
  • تحويل Angular 6 إلى تطبيق ويب تقدمي
  

• الليبس والمكونات الإضافية:
  • ndb - تمكين تصحيح أخطاء Node.js المحسّن من خلال Chrome DevTools
  • excel4node - وحدة نمطية للعقدة تبسط إنشاء ملفات Excel
  • jsQR - مكتبة لقراءة رموز QR في الصور بدون تبعيات
  • simple-data-table - مكتبة سهلة وبسيطة للعمل مع الجداول بدون تبعيات
  • AddThis متاح الآن لـ AMP
  

المتصفحات

• الميزات الجديدة في DevTools في إصدار Chrome 68
• لماذا يمكن أن يستغرق فتح YouTube في Firefox أو Edge 5 مرات أطول من Google Chrome
• إصدار متصفح Chrome 68 على الويب
• سيظهر نظام محسّن لحظر المحتوى في Firefox 63
• تخطط Mozilla لإزالة دعم RSS والإشارات المرجعية الحية من Firefox
• يشجع Google Chrome الانتقال إلى HTTPS
• تمت إزالة امتداد محفظة Metamask حقيقي عن طريق الخطأ من سوق Chrome الإلكتروني بدلاً من وهمية
• تطلب الخطأ الحرج الذي تم إصلاحه في مايو في IE تصحيحات جديدة وتسبب في حدوث تسرب للذاكرة

مسلية

• مذاق آبل: التنفيذيون والمطورون والمصممون على استعداد للتخلي عن جهاز Macbook لصالح أجهزة الكمبيوتر المحمولة الأخرى
• تحقق من موقع "القمل"
• عندما يصبح المبرمجون غريبين: مشاريع ممتعة مع جيثب
• قدم مطورو Google دونجل USB Titan Key Key من أجل المصادقة الآمنة
• يقدم محرّر مستندات Google تدقيقًا نحويًا باستخدام تقنيات التعلم الآلي
• سيقدم Windows 10 تعلُم الآلة لمنع عمليات إعادة تشغيل النظام غير المتوقعة بسبب التحديثات

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

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