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

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

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

---

الوسائط

• Frontend Weekend podcast # 56 - ديمتري كارلوفسكي حول إنشاء $ mol أو كيفية كتابة إطار عمل خاص بك
• بودكاست "devschacht": Night Front End # 36 - نناقش مع نيكولاي ماتفيينكو أداء رايان دال في JSConf EU 2018
• Frontend Youth (18+) بودكاست # 51 دان أبراموف مدير الحزم
• “ALL YOUR HTML” # 52: “Parallax on a shader from antoni.de”
• واجهة المزرعة الجماعية . أغنية لن تترك مطوري الويب الحديثة غير مبالين

تطوير الويب

• التوافق مع خطوط Google واللائحة العامة لحماية البيانات
• الجديد في AMP: Q2 ، 2018 Edition
• حصل WCAG 2.1 على الوضع الرسمي لـ "توصية W3C"
• مكونات شاملة: دليل شامل لصنع بطاقات ميسورة التكلفة

• الأداء:
  • ما هو الوقت للبايت الأول (TTFB) ومؤشر السرعة؟
  • رعاية ثقافة إنتاجية الويب
  • أكثر من 15 خبيرًا يشاركون نصائح أداء الويب لعام 2018
  • جوجل AMP ومشكلة مواقع السمنة
  • اختبار سلسلة موقعي ، الجزء الأول - مجموعة أدوات Google وتحديث سرعة Google
  

• الأدوات:
  • JSFiddle - نسخة جديدة
  • JSUI - أداة واجهة مستخدم قوية لتنظيم وإنشاء وإدارة مشاريع JS
  • 8 نصائح Emmet قد لا تعرف عنها
  • Google Font Downloader - أداة CLI التي تتيح لك تنزيل الخط المطلوب من Google
  • يستخدم استيراد الخيوط الآن package-lock.json
  

• التأثيرات:
  • اختيار أسبوعي للتأثيرات الجميلة على CSS / SVG / JS # 79
  • تأثير انهيار الشعار
  • تحريك الصور ومقاطع الفيديو باستخدام curtains.js
  

CSS

• كيف تبدأ بالخطوط المتغيرة على الويب
• هجوم القناة الجانبية على المتصفحات باستخدام خصائص CSS3
• تبسيط رواية القصص مع وضع لزجة
• استكشاف الجوانب الجديدة للرسوم المتحركة CSS
• إعادة إنشاء معرفات بطاقة Avengers بتنسيق HTML و CSS
• تحسين مهاراتك في اختيار CSS
• الجمع بين قوة منهجيات SEM و BIO لتحسين CSS
• الدقة في: not () ،: has () and: matchs ()

جافا سكريبت

• مراقبة أخطاء جافا سكريبت باستخدام windows.onerror
• الصفيف المفيد وطرق الكائن في جافا سكريبت
• نظرة عامة على بعض كائنات JavaScript التي تحتوي على تغليف
• هل تلتهم جافا سكريبت نظام إدارة المحتوى المترابط؟
• أولويات تشخيص المواقع في جافا سكريبت
• تصحيح أخطاء جافا سكريبت عند الإنتاج باستخدام خرائط المصدر
• إنشاء SPA دون إطار
• Presentation Luna - أداة للاختبار السليم في JavaScript
• إطلاق النيزك 1.7 والحلم الدائم

• النظرية:
  • مقدمة سريعة عن وكلاء جافا سكريبت
  • ما هو "هذا" في JavaScript؟
  • متى (ولماذا) يجب عليك استخدام وظائف سهم ES6 - ومتى لا يجب عليك القيام بذلك
  

• VueJS:
  • نقل تطبيق الويب الخاص بك من JavaScript خالص إلى Vue.js
  • تعلم كيفية استخدام Vue.js CLI
  • استبدال jQuery بـ Vue
  • تسريع التنمية مع النماذج الأولية و Vue
  • ترقيم Vuejs
  • لوحة Kanban في الوقت الحقيقي باستخدام Vue.js و Hamoni Sync
  

• رد فعل:
  • أمضى العام مع رد فعل: الاستنتاجات والتوصيات
  • مكونات النظام الأعلى باستخدام إعادة التركيب
  • 5 ممارسات شائعة يمكننا التوقف عن فعلها في رد الفعل
  • رد فعل ليس jQuery جديد
  • كيف (وكيف لا) لتعلم REACT؟
  • دليل مفصل لمواد التفاعل
  • دعابة ، رد فعل و Preact!
  

• الزاوي:
  • Angular cli 6: لماذا تحتاجها وكيفية استخدامها
  • 3 نصائح مفيدة للزاوية
  • العمارة في المشاريع على الزاوي
  • فوائد تطبيع البيانات في الزاوي
  

• الليبس والمكونات الإضافية:
  • Apple MapKit JS هي أداة لتضمين خرائط Apple في الموقع.
  • 11 مكتبة JS للرسوم المتحركة في 2018
  • عداد شخصي قصير ومتوفر
  • LuminJS - مكتبة JavaScript للتحديد التدريجي لأي نص في الصفحة
  

المتصفحات

• انطلاق مشروع دمج دمج متصفح Tor وفايرفوكس
• قدمت Google متصفح Chrome 68 Beta
• يقوم Firefox باختبار القدرة على عرض علامات تبويب مختلفة في نفس الوقت
• انخفضت حصة فايرفوكس إلى أقل من 10٪ وفقاً لإحصائيات خدمة نت للتطبيقات
• يحتوي Yandex.Browser على وضع توفير الطاقة

مسلية

• GitHub مملوك رسميًا لشركة Microsoft
• أخبر الرئيس الجديد لـ GitHub ما يمكن توقعه بعد الاندماج مع Microsoft
• ستة بدائل لجيثب للتنمية التعاونية
• Google: قد لا يعمل حظر صفحة في ملف robots.txt إذا كانت هناك روابط لها
• نشرت جوجل قواعد استخدام الذكاء الاصطناعي
• باختصار: ما تحدثت عنه Apple في افتتاح WWDC 2018
• كيف تشاجر مؤسسو WhatsApp مع Facebook وكم يكلف
• أجبر Facebook المطورين على استخدام HTTPS في تسجيل الدخول إلى Facebook
أ.

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

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