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

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

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

---

الوسائط

• بودكاست "معايير الويب" ، الإصدار رقم 126: كيفية الاستماع إلينا ، واجهة برمجة تطبيقات Web Animations ، الخطوط المتغيرة ، Keyframes.app ، ARIA: مخفي أو لا شيء ، عنصر نائب ضعيف ، رد الفعل متاح ورمز للصورة.
• Frontend Weekend Podcast # 58 - مارينا ميرانوفيتش عن العيش في لوس أنجلوس والعمل في EPAM
• Devschacht Podcast: Night Front End # 38 - يتخلى Airbnb عن التفاعل الأصلي
• CSSSR Podcast: الأخبار 512 - الإصدار 11 (06/18 - 06/24)
• كل HTML الخاص بك # 54: الطيران في النفق
• SRI في موسكو 2018 ، 9 مقاطع فيديو

تطوير الويب

• هل يمكن أن تكون 2018 PWA (تطبيقات الويب التقدمية) منافسة جديرة بالتطبيقات الأصلية؟
• الأطر المختفية
• تقدم موزيلا بيانات الخرائط A-Terrain لتطوير الويب
• BEM للمبتدئين: لماذا تحتاج BEM
• الإصدارات الجديدة: ESLint v5.0.0 ، Electron 3.0.0-beta.1 ، V8 release v6.8 ، Node v10.5.0 (Current) ،
• تحليل المشكلات التي تم إصلاحها في الأطر الأكثر شيوعًا على GitHub
• جيك أرشيبالد: لقد اكتشفت خطأ في المتصفح

• الأداء:
  • "الأداء" - إيفان كاريف ، وأندري موروزوف ، وميخائيل موكروشين ، وأندري رونكو ، وتامرلان لوكيايف في SRI 2018.
  • تحسين سرعة موقع الويب باستخدام Chrome DevTools
  • نقوم بتحسين إدراك سرعة التنزيل بسبب الفن البدائي
  

• الأدوات:
  • تلبية Teleport: PWA️ أداة إعادة التشغيل و التصحيح الساخنة
  • كيفية استخدام Visual Studio Code
  • مقدمة عن tronic - webpack مع افتراضيات معقولة
  • هل يمكن لـ VS Code القيام بذلك ؟! مجموعة مختارة من أفضل النصائح لكود Visual Studio الذي لم يهتم به أحد لإخبارك.
  

• إمكانية الوصول:
  • لا تستخدم سمة العنصر النائب
  • stylelint-a11y - البرنامج المساعد ل stylelint مع قواعد a11y
  • WCAG 2.1 - إيماءات مؤشر التعلم
  

• الرسوم المتحركة:
  • الخط المتحرك مع SVG
  • تحميل إسقاط متحرك SVG
  • مطارات Voronoi WebGL
  

CSS

• خطوط متغيرة
• لا يجب عليك فقط نسخ رمز @ font-face من عناوين URL لخطوط Google
• keyframes.app - طريقة سهلة لإنشاء رسوم متحركة CSS
• فيما يتعلق بالأدوات التي تحدد "CSS غير المستخدمة"
• تمركز CSS: طريقة جديدة رائعة في مقابل طريقة باردة قديمة
• شبكة من 8 نقاط: طباعة الويب
• استخدام خطوط مخصصة مع SVG في علامة Img
• عناصر وتحويلات CSS الزائفة: أدوات CSS المفضلة لدي
• تحسين CSS: محددات المعرف والأساطير الأخرى

جافا سكريبت

• ابتكارات حرفية للأشياء في JavaScript ES6
• تصميم جافا سكريبت غير المتزامن / انتظار: نقاط القوة والمزالق وأنماط الاستخدام
• أوامر للعمل مع وحدة تحكم JavaScript في المستعرضات وزيادة إنتاجية المبرمج
• ميكانيكا الكم للحسابات في شبيبة
• التعرف على التنمية من خلال الاختبار في جافا سكريبت
• الإصدار الجديد من .getInstance: المتكررون في JavaScript
• استخدام وحدات JavaScript على الويب
• دليل TypeScript سريع وكامل إلى TypeScript
• MobX 5: الملحمة مستمرة ...
• مقدمة عن قالب العنصر الواحد
• انظر يا أماه! تم تشغيل JS Brain - تشارلي جيرارد في JSConf EU 2018

• VueJS:
  • Vue.js - الاعتبارات والحيل
  • استخدام vue-template-loader مع Vue.js لتجميع قوالب HTML
  • كتابة مكونات مجردة في Vue.js
  • من الصفر إلى النشر: تطوير نظام توثيق باستخدام Vue و VuePress
  • ترجمات vue - دعم متعدد اللغات في مشاريع vuejs الخاصة بك
  • إنشاء عارض RSS على Vue: الجزء 1 ، الجزء 2
  • Vue.js: جيد ، لا شيء
  • معرض نمط Instagram على Vue.js و CSS Grid
  • أفضل 21 مكتبة لواجهة مستخدم Vue.js لتطبيقاتك
  

• رد فعل:
  • تفاعل الأصلي على Airbnb . يتجنب AirBnb استخدام React Native. تعرف على تفاصيل التطوير المثيرة للاهتمام خلال العامين الماضيين
  • إعداد رد فعل Hot Loader في 10 دقائق
  • نجوم Github! == الاستخدام: لا يزال التفاعل أكثر شيوعًا من Vue و Angular
  

• الزاوي:
  • تصور البيانات مع الزاوي و D3
  • المكونات الزاوية: النصائح والحيل
  • كيفية إنشاء مكونات ديناميكية في الزاوي 6
  

مسلية

• أعلن Mullenweg عن خارطة طريق لجوتنبرج
• تعلم البرمجة باستخدام المهام مع الأرقام
• وافقت أبل وسامسونج وشركات صناعة السيارات على الإصدار الأول من المفتاح الإلكتروني القياسي للسيارات
• تشكل Google و Lyft و Uber ائتلافًا لتبديد المخاوف بشأن الأجهزة الآلية
• سبع ألعاب لتعليم البرمجة
• ما هو الواقع الافتراضي والواقع المعزز والواقع المختلط - المواقع والتطبيقات والمقالات لمساعدتك على اكتشافها
• إنستجرام لديها أكثر من مليار مستخدم. تطلق الشبكة الاجتماعية خدمة IGTV جديدة لمدة تصل إلى ساعة من الفيديو الرأسي
• كيف يرى المستقبل ، بيزوس ، برانسون ، زوكربيرج ، برين ، غيتس وتيل المستقبل
• "GitHub - منصة للتطبيقات الرائعة . " من مشروع للهواة إلى صفقة مع Microsoft: تاريخ خدمة تطوير مشتركة بقيمة 7.5 مليار دولار.
أ.

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

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