ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوعين الماضيين رقم 330 (3 - 16 سبتمبر 2018)

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

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

---

الوسائط

• بودكاست "معايير الويب" ، العدد 138: 17 سبتمبر 2018 : 10 سنوات من Chrome ، الذي يحتاج إلى عنوان URL ، ما هو شلال ، مؤشر على الأزرار ، قياس دقيق ، DOM في العمال ، JS 2018
• أسبوعي Vue Podcast: أسبوعي Vue # 3 ، أسبوعي Vue # 4
• بودكاست Frontend Weekend # 69 - رسلان كايماكوف حول كيفية بناء مهنة كقائد في عالم التنمية ، # 70 - جليب ميخيف على تطوير وكالة الإنتاج الخاصة بك وإعداد Frontend Conf
• رد فعل Podcast لمدة خمس دقائق # 47 - Elm 0.19
• بودكاست "Devshahta / Night Frontend": 49: Vue.js 2.5 سنة في الإنتاج - رحلة عادية ، 50: pythonist بعيد: كيف ولماذا تزج في Python
• Podcast Frontend Youth (18+) # 63 ما حدث لـ WSD
• CSSSR Podcast، News 512 - العدد رقم 21 (10 سبتمبر - 16 سبتمبر)
• مدونة فيديو Vadim Makeev: رقم 1. طيار ، تحليل ، أجوبة ويعيش ، رقم 2. CSS-Minsk-JS ، mitaps ، مستقبل الواجهة الأمامية والصفحة الرئيسية

تطوير الويب

• يجب ألا يكون BEM موجودًا
• استخدام SVG مع Media Queries
• عناصر HTML ، استعد! قدرات Voltron في سياق مزيج من العناصر

• الأداء:
  • تحسين الويب: الأكثر أهمية
  • تحسين أداء العميل . ورقة الغش لتقنيات التحسين الأساسية
  • قائمة التحقق من تنزيل الخط
  

• الأدوات:
  • تمت إضافة ميزات طلب السحب الجديدة إلى ملحق GitHub لـ Atom
  • طلبات سحب GitHub في رمز Visual Studio
  • 6 نصائح للحصول على نصائح VSCode ... في 60 ثانية (بواسطة Paul Lewis)
  

• إمكانية الوصول:
  • أسهل طريقة لإبقاء تطبيقات الويب الخاصة بك سهلة الوصول: ما عليك سوى استخدام النص
  • كيف ترمز للأكورديون؟
  • أهمية اختبار التوفر اليدوي
  • تخصيص أزرار الراديو دون التخلي عن توفرها
  

CSS

• دائرة الرقابة الداخلية دائرة الرقابة الداخلية للموت
• دليل البدء السريع لمتغيرات CSS (حالات الاستخدام والبناء والأمثلة)
• تأثيرات محسنة مع وضع مزج طبقة الخلفية CSS
• حقل تحميل الملف الذي نستحقه
• سيء ، لكن خاصتي: كيفية كتابة CSS فظيعة حقًا
• لا أحد يعرف CSS: الخصوصية ليست سلسلة
• الجديد في Chrome 69: إنشاء شريط تقدم دائري باستخدام التدرجات المخروطية
• كيفية استخدام ميزات التحويل ثنائي الأبعاد في CSS
• مقدمة عن Trashy.css - طريقة سهلة لتصفح هيكل الصفحة
• أكمل دليل CSS Scroll Snap
• التخلي عن CSS يتعلق بالاستثناء وليس التكنولوجيا
• : فارغ و: فارغ
• خلق تأثير انزلاق باستخدام موقف لزجة

جافا سكريبت

• العودية على عديمي الخبرة
• المبادئ الأساسية للبرمجة الشيئية في جافا سكريبت
• State Of JavaSript 2018 ، استبيان حديث بين مطوري JS حول حالة الصناعة
• الاحتفال بمرور 10 سنوات على V8
• إزالة jQuery من واجهة GitHub.com الأمامية
• 12 شيئًا يجب مراعاته عند تقييم أي مكتبة JavaScript جديدة
• لقد أنشأت نفس التطبيق على React و Vue. الجزء 2: الزاوي
• الطريقة الصحيحة 100٪ لتقسيم الكود الخاص بك مع Webpack
• تنسيق جافا سكريبت وتنسيقها باستخدام ESLint و Prettier و Airbnb
• ما الذي يجعل ReasonML رائعًا؟
• تسطيح في جافا سكريبت الحديث - دعنا ، ننوع ونغير

• VueJS:
  • كيفية إنشاء SPA باستخدام Vue.js
  • إنشاء تطبيقات VueJS باستخدام TypeScript
  • هيكل كود التطبيق العام في Nuxt.js
  • Vuesax - إطار عمل مكون جديد لـ Vue.js 2
  • تحميل بطيء للصور مع توجيهات Vue.js وتقاطعات IntersectionObserver
  

• رد فعل:
  • طريقة ملائمة لاختبار مكونات التفاعل
  • رد فعل ، Webpack وبابل من الصفر
  • مقدمة في استخدام عناصر النموذج في التفاعل
  • كيفية تنفيذ أفضل السحب والإفلات في تطبيق React الخاص بك
  

• الزاوي:
  • مرجع الزاوي 6: قوالب ، نواة
  • نقوم بضخ الويب باستخدام PWA . تطبيقات الويب التقدمية + الزاوية = الحب
  • الدليل الزاوي 6: ميزات جديدة مع ميزات جديدة
  • مقارنة بين الزاوي والتفاعل ، بالإضافة إلى لغاتهم الأساسية
  

• الليبس والمكونات الإضافية:
  • low.js - منفذ Node.JS للأجهزة المدمجة
  • sqorn - مكتبة جافا سكريبت لبناء استعلامات SQL
  

المتصفحات

• وضع صورة داخل صورة في Chrome 69
• تريد Google قتل عناوين URL
• خرج فايرفوكس 62: واجهة جديدة للأدوات وإعدادات الأمان ، بالإضافة إلى التفاصيل الفنية للمطورين على مدونة Marat Tanalin
• طرح Chrome 69 تصميمًا جديدًا ومدير كلمات مرور محسّن ومربع متعدد الاستخدامات
• متصفح Chrome عمره 10 سنوات
• حاولت Microsoft بطريقة أكثر قوة للترويج لـ Edge
• ألغت Google إخفاء النطاقين www و m ، لكنها تعتزم توحيد حالتها الخاصة
• يدعم فايرفوكس ترجمة الصفحة باستخدام الترجمة من Google
• الإصدار التجريبي من Chrome 70: اكتشاف الأشكال ومصادقة الويب والمزيد
• نظرة داخلية على متصفح الويب الحديث: الجزء 1 ، الجزء 2
• إعادة تصميم Chrome: مقابلة مع مصمم Chrome الرئيسي

مسلية

• بيثون أيضا ترفض جزئيا المصطلحات الرئيسية / العبد
• يحصل برنامج Facebook Glow على دعم من Intel و Marvell و Qualcomm
• فتحت Google Google Photos API لمطوري الجهات الخارجية
• الشخص ليس بنفس أهمية بياناتها!
• ترتيب شهر سبتمبر للغات البرمجة من TIOBE: حصلت Python على المركز الثالث
• كيفية التوقف عن إثارة غضب المطورين الآخرين
• ما هي بعض الأخطاء البرمجية النموذجية التي يرتكبها الوافدون الجدد؟

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

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