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

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

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

---

الوسائط

• بودكاست "معايير الويب" ، الإصدار رقم 127: الأوراق على BeerJS ، والرسومات على الإنترنت ، والخطوط في SVG ، وإطارات الاختفاء ، ووحدات ES2015 + ، وأنا لا أنقر على سبب ذلك CSS.
• Frontend Weekend podcast # 59 - ديمتري مانانيكوف حول تاريخ الانتقال إلى الدنمارك ، وخلق شركة ناشئة في تشيلي و BreakfastJS
• Devschacht Podcast: Night Front End # 39 - Entepraise Bloody vs Startup Atmosphere
• بودكاست "Frontend Youth (18+)" # 54 Want speed - اكتب على المحترفين
• بودكاست "CSSSR" ، أخبار 512 - الإصدار رقم 12 (06.25 - 01.07)
• "ALL YOUR HTML" # 55: "Vue.js + Nuxt Stream Catalog"
• Dev.Tube - أفضل مجمع فيديو للمطورين
• مؤتمر DUMP 2018: فيديو لجميع التقارير والعروض التقديمية
• YGLF 2018 كييف ، كل الفيديو من المؤتمر

تطوير الويب

• 11 أفضل موارد اللغة الإنجليزية لمصممي التخطيط
• كيف تسرع WebAssembly مستقبل تطوير الويب
• كيفية جعل تطبيقات الويب الخاصة بك مناسبة للجوال
• وأوضح التخزين المؤقت على شبكة الإنترنت من خلال عملية شراء الحليب من السوبر ماركت
• إصدار Foundation 6.5.0 (RC 1) مع الكثير من إصلاحات الأخطاء والتحسينات

• الأداء:
  • يحتوي Google PageSpeed ​​Insights على بيانات حول سرعة تحميل الموقع بالكامل
  • الحالة على الويب: أفضل استراتيجيات تحسين الصورة
  • تحسين أداء تحميل الصفحة: Pingdom و YSlow و GTmetrix
  • نظرة عامة على منهجية أداء RAIL
  

• الأدوات:
  • مدير حزمة الغزل - تعليمات للاستخدام
  • lepto - أتمتة التحرير والتحليل والتحليل للصور باستخدام واجهة سطر الأوامر (CLI) وواجهة الويب
  

• إمكانية الوصول:
  • توفير العمل في الموقع السريع كجزء من خط التطوير
  • "إمكانية الوصول إلى واجهات" - ديمتري باتوجوف في SRI
  • مفتش إمكانية الوصول في أدوات مطوري Firefox
  • من السهل إنشاء واجهات يمكن الوصول إليها
  

• التأثيرات:
  • تم إنشاء القائمة الإبداعية كجزء من تحدي CodePen
  • ثلاثة منزلق لوحة مع الرسوم المتحركة الانتقالية
  • أرنب أرنب هي مكتبة لإبداع اوريغامي.
  • tenori-off.glitch.me - مُسلسِل موسيقى جافا سكريبت من Monica Dinculescu. يستخدم اختيار الأسطوانة التعلم الآلي
  

CSS

• مستقر ، إعلاني ، سياقي (نظرة جديدة على نقاط القوة في CSS)
• كيف تخلصت من 250 كيلوبايت من CSS الميت باستخدام PurgeCSS
• رسم الصور باستخدام التدرجات CSS
• بكسل مقابل Ems: يقوم المستخدمون بتغيير حجم الخط
• كيف ولماذا نجري اختبار الوحدة لـ Sass
• أين CSS4؟ متى يخرج؟
• كيفية إنشاء نماذج أولية بسرعة باستخدام متغيرات CSS Grid و CSS
• ما هي وحدة "ch" في CSS؟
• دليل CSS Grid للدمى

جافا سكريبت

• قصة React Native في Airbnb. غابرييل بيل ترجم من قبل أندريه ميليخوف: الجزء 1: رد فعل المواطن في Airbnb ، الجزء 2: التكنولوجيا ، الجزء 3: إنشاء فريق متنقل عبر الأنظمة الأساسية ، الجزء 4: اتخاذ قرار بشأن رد الفعل الأصلي ، الجزء 5: ما هو التالي مع تطوير المحمول
• إصدار جديد من .getInstance: Map & WeakMap
• مقدمة عملية لـ Async-Await ES2017
• إنشاء AR / VR باستخدام جافا سكريبت و HTML
• استخدام جافا سكريبت في الصناعات
• كتاب جديد: Full Stack JavaScript Web Development— من الألف إلى الياء

• النظرية:
  • كيف يعمل JS: الطبقات والميراث ، transpilation في Babel و TypeScript
  • جافا سكريبت للمصممين - خلاصة منظمة من مقتطفات المعلومات التي أنشأها ميخائيل كولوسكوف في عملية دراسة شبيبة
  • الحد الأدنى من الدليل لمصممي ECMAScript
  • الطبقات والواجهات في TypeScript
  • تعلم هذه المفاهيم الأساسية لجافا سكريبت في بضع دقائق فقط.
  • هل يعرف كيف يتحول؟ تم وضع قائمة تضم 30 طريقة للعمل مع المصفوفات في جافا سكريبت لتمييز ما إذا كانت تقوم بتحويل مصفوفة موجودة أو تقوم بإرجاع مصفوفة جديدة
  • أشياء رائعة ES6 - سهم كبير الدهون
  

• رد فعل:
  • سياق جديد للتفاعل أو الحياة بدون ألم وخزانة
  • رسالة مكتوبة في React.js
  • إنشاء مدونة ثابتة باستخدام Gatsby و CosmicJS و React
  • كيفية استخدام حدود الخطأ في رد فعل 16
  • الجمع بين رد الفعل ، D3 ونظمها البيئية
  • الميزات والإصلاحات الجديدة التي تلقيناها مع أحدث إصدار من React
  

• VueJS:
  • كيفية كتابة مكونات Vue التي تتفاعل بشكل جيد
  • Vue + TypeScript: نسخة في محرر الكود الخاص بك
  • قوالب المكونات الديناميكية مع Vue.js
  

• الزاوي:
  • أفضل 5 دورات لتعلم الزاوي في 2018
  • الزاوي - النصائح والحيل
  • عمارة مشاريع ضخمة على الزاوي
  

• الليبس والمكونات الإضافية:
  • gio.js - مكتبة JS لإنشاء الرسوم البيانية ثلاثية الأبعاد باستخدام Three.js
  • face-api.js - واجهة برمجة تطبيقات JavaScript للتعرف على الوجوه في متصفح باستخدام tensorflow.js
  • docz - التوثيق لم يكن أسهل
  

المتصفحات

• سيفحص Firefox كلمات المرور المخترقة باستخدام طريقة k-anonymization
• إطلاق فايرفوكس 61
• يتوفر إصدار Opera 54 مع تحديث الطلب السريع وميزات الاسترداد الجديدة
• ظهر وضع لأجهزة الكمبيوتر الضعيفة في متصفح Yandex
• دعم Tor مدمج في متصفح Brave
• تضيف Mozilla ميزة "الحصول على تسرب" في Firefox
• فايرفوكس 61 - كم الانقلاب
• تحسينات أداء JavaScript و WebAssembly في EdgeHTML 17

مسلية

• ما حدث لبونتو الجلاد
• نشرت JetBrains نتائج مسح سنوي بين المبرمجين
• طرح 49 سؤالاً في المقابلات التي أجريت في شركة Apple
• اختراق البنية التحتية لمشروع جنتو على جيثب
• تستثمر Google 22 مليون دولار في KaiOS ، شوكة Firefox OS
• أنشأت Google ذكاء اصطناعي يلون مقاطع الفيديو بالأبيض والأسود من صورة واحدة
• غيّر فيس بوك رأيه ورفع الحظر المفروض على الإعلانات المشفرة بعد ستة أشهر من تقديمه
• دليل لربط المدفوعات إلى الروبوتات برقية.

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

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