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

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

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

---

الوسائط

• بودكاست "معايير الويب" ، الإصدار رقم 123: YaC و WWDC ، أحدث متسللي Chrome و Edge و Firefox و Nesting و calc و CSS ، وكيفية كتابة التعليمات البرمجية بسرعة ، وخطوط متغيرة ، والانتظار ووحدات ES ، هل هناك مجموعة كاملة من الوحش ، Yandex الإنزال.
• Frontend Weekend Podcast # 55 - نيكيتا بروكوبوف على كلوجوريسكريبت والمدونات وإنشاء خطك الخاص
• بودكاست "devschacht": Night Frontend # 35 - RIT ++
• Frontend Youth (18+) بودكاست # 50 أساطير حول التكوين صفر
• CSSSR Podcast: الأخبار 512 - الإصدار 8 (05/28 - 06/03)
• "ALL YOUR HTML" # 51: "الجسيمات المتصلة ثلاثية الأبعاد"

تطوير الويب

• الإصدارات الجديدة: GSAP 2.0 ، WordPress 15 ، إعلان Lighthouse 3.0 ، إصدار Material-UI v1 ، Jest 23 ، الإعلان عن TypeScript 2.9
• لماذا تطوير الواجهة الأمامية غير مستقر؟
• عقيدة التعقيد . ملاحظة جيفري زيلدمان النقدية حول الوضع الحالي لتطوير الويب
• إنشاء صورة متجاوبة . كيفية إنشاء شعار يطابق نسبة العرض إلى الارتفاع
• 9 أسرار PWA مذهلة
• مؤشرات التركيز المتاحة: أشياء يجب التركيز عليها

• الأداء:
  • العرض المسبق! - العرض المسبق العالمي ل Webpack. يحسن الطلاء الأول ، غالبًا حتى بدون تغيير الرمز
  • ما هي "تلميحات العميل" وهل تستحق استخدامها؟
  • تقليل حجم الصورة بأخذ عينات اللون
  

• الأدوات:
  • على الغزل والعودة (على npm) مرة أخرى
  • Chrome 67 - ما الجديد في DevTools
  • ثلاث خطوات لنشر تطبيقات Webpack على Heroku
  

CSS

• الجبر في calc () ، خصوصية جديدة من محددات المستوى 4 وابتكارات CSS الأخرى لشهر مايو
• حيث كل شيء معقد مع فواصل الأسطر. إليك كل حيل CSS و HTML لهذا.
• شرح مؤشر Z: كيفية وضع العناصر باستخدام CSS
• حل مشاكل الحياة مع CSS
• المخلوقات - البرنامج المساعد Webpack لضم CSS الحرجة والتحميل البطيء لبقية
• كيف يعمل CSS: فهم Cascade
• حالة تغيير التدرج باستخدام انتقالات CSS والرسوم المتحركة
• يعد HSL () / HSLa () رائعًا للتحكم في ألوان البرنامج

جافا سكريبت

• طرق مفيدة للمصفوفات والكائنات في JavaScript
• #SmooshGate الأسئلة الشائعة
• خصائص جافا سكريبت الحديثة التي يجب أن تستخدمها كل يوم لتحسين التطوير والمشكلات التي تحلها
• أفضل الممارسات لاستخدام بناء JavaScript الحديث
• تسجيل أخطاء جافا سكريبت والإبلاغ عنها باستخدام window.onerror

• ES2015 +:
  • ما الجديد في ES2017: ميزات Async والكائنات المحسنة والمزيد
  • ES6 (ES2015) وبعد: فهم إصدارات JavaScript
  • ES6 في العمل: حرفي الكائن المعزز
  • التحكم في التدفق في JS الحديث: الاسترجاعات إلى الوعود إلى Async / Await
  

• VueJS:
  • بناء تطبيقات حديثة مع Django و Vue.js
  • رسم بياني في الوقت الحقيقي مع Vue.js
  • أفضل الموارد لتعلم Vue.js في 2018
  • من VanillaJS إلى Vue.js: قصة إعادة بناء
  

• رد فعل:
  • دعونا نقع في حب React Fiber
  • Reach Router هو موجه جديد يركز على إمكانية الوصول. نظرة عامة سريعة على الميزات والاستخدام
  • دليل Next.js: React-SEO React E-Commerce SPA
  • صورة تفاعلية مثالية - مكون رد فعل مثالي تقريبًا للصور
  • أهم الدروس التي تعلمتها بعد عام من العمل مع React
  • فهم Redux: أسهل دليل للمبتدئين في العالم
  • إدارة حالة التطبيق في رد فعل مع Unstated
  

• الزاوي:
  • NgRx - أفضل الممارسات لتطبيقات المؤسسة على الزاوي
  • Angular + Redux - الدرس الذي تعلمناه لك
  • 44 نصيحة سريعة لأداء الضبط الدقيق في Angular
  

• الليبس والمكونات الإضافية:
  • proppyjs - مكتبة JS صغيرة للتكوين الوظيفي للدعائم. يدعم ReactJS و VueJS و PreactJS و ReactiveX
  • 11 مكتبة جافا سكريبت يجب أن تعرفها في 2018
  • minipack هو مثال مبسط لمجمعي الوحدات النمطية الحديثة المكتوب بلغة JS
  

المتصفحات

• إصدار متصفح الويب Chrome 67
• سيقدم Firefox 63 أداة حظر نصوص تعدين العملات المشفرة
• سمحت الضعف في Chrome و Firefox على مدار العام بالحصول على بيانات على ملفات تعريف Facebook
• قدم Google Chrome دعمًا للمصادقة بدون كلمة مرور على المواقع باستخدام معيار WebAuthn

مسلية

• عودة geektimes إلى هبر
• Big Data Tesla Architect: طيارنا الآلي هو SkyNet من Terminator
• ما هي الخطوط الأفضل لاستخدامها في البيانات المعقدة
• كيفية تعليم الطفل على البرمجة
• هل يعد QWERTY تخطيطًا سيئًا حقًا ولماذا لن نتمكن من رفضه
• تقوم Microsoft بالتفاوض لشراء GitHub
أ.

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

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