ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوع الماضي رقم 352 (11 - 17 فبراير 2019)

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

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

---

وسائل الإعلام

• Frontend Weekend Podcast # 88 - ما الذي تغير بالنسبة لسيرجي بوبوف على مدار العام (حول إنشاء الدوري أ ومشكلة الواجهات الأمامية دون خبرة)
• بودكاست "معايير الويب" ، العدد 161: Chrome 73 و CSS 2019 ، SVG ، الجداول ، الشبكات والأزرار ، مستقبل إطارات الصور.
• بودكاست "devschacht": 69: الواجهة الأمامية
• بودكاست "Frontend Youth (18+)" # 83 نقل إلى Star Stack
• CSSSR Podcast News 512 - الإصدار 38 (09.02 - 15.02)
• البطولة: "أفضل ميزة JS لعام 2018" (الجزء الثاني)
• Frontreview Podcast رقم 5: الملخص الصحيح وحافظة المطور الجديد
• Ember.js: فيلم وثائقي (إصدار رسمي)

تطوير الويب

• HTML فقدنا
• حول linter ، جودة الكود ، الجودة بشكل عام وإدارة الجودة
• خطة قصيرة لدراسة الواجهة الأمامية ، أو # 100DaysKoda
• HTML5 Boilerplate محدّثة إلى الإصدار 7
• Bootstrap 4.3.0 . إصدار الإصدار الجديد ، الذي رفض دعم مسج
• مقدمة إلى WebBluetooth
• الدليل الكامل - كيفية تسريع صور GIF على الويب

• الأداء:
  • تحسين أداء خطوط الويب بمثال حقيقي
  • تحديد أولويات الموارد - نستخدم مساعدة المتصفحات
  • خطوط التحميل المسبق والألغاز ذات الأولوية
  • مثال أداء DOM
  • الويب التابع لجهة خارجية - تحديد بمعلومات موجزة حول درجة تأثير البرامج النصية للجهات الخارجية على المواقع على الويب
  

• الأدوات:
  • جمع حزمة الأحلام مع Webpack
  • يجتمع: pika / pack - طريقة جديدة لإدارة حزم npm
  • ما الجديد في DevTools (Chrome 73)
  • العرائس - بلدي خادم تطوير جديد
  

• إمكانية الوصول:
  • خارق A11y
  • نصائح لجعل العناصر التفاعلية يمكن الوصول إليها على الأجهزة المحمولة
  • تصميم واجهات المستقبل: المضمنة SVG
  

• شبكة مذهلة:
  • آثار تصفية SVG. الجزء 3. تأثير ملصق الصورة باستخدام feComponentTransfer
  • آثار تصفية SVG. الجزء 4. صور اللونين مع feComponentTransfer
  • تأثيرات مرشح SVG: قم بمحاذاة النص باستخدام مادة السطح باستخدام <feDisplacementMap>
  • تأثير ملء خلفية الشبكة مع Anime.js
  • الماء والليمون - صورة مفصلة في CSS النقي
  
  

CSS

• استطلاع جديد #StateOfCSS 2019 من المبدعين من StateOfJS
• الجانب المظلم للشبكات (الجزء الأول)
• طريقة جديدة لفائدة وضوح فئات CSS المتغيرة
• Flexbox 10-Step Guide
• صفائح الأنماط المبنية: أنماط غير قابلة لإعادة الاستخدام سلسة
• عملية تنفيذ تصميم واجهة المستخدم من البداية باستخدام رأس الموقع كمثال
• محددات CSS المستوى 4
• مقدمة لمقاييس الخط مع شرح مفصل لتفاصيل كل جانب
• شبكة أو فليكس؟
• انتقل المغلق - كيف يعمل
• ما هو الفرق بين Flexbox و Grid؟

جافا سكريبت

• 10 أوامر وحدة التحكم للمساعدة في مناقشة شفرة JavaScript مثل PRO
• جافا سكريبت قوية: مطاردة أسطورة
• التطبيق العملي لتحويل شجرة AST باستخدام Putout كمثال
• المعلوماتية في JavaScript: قوائم مرتبطة مضاعفة
• 5 طرق لإنشاء تطبيقات في الوقت الحقيقي باستخدام جافا سكريبت
• كيفية الحصول على جافا سكريبت من شبكة الإنترنت في عام 2019
• جافا سكريبت: لحظات مضحكة
• كيف تخلصت من المشاركات الجديدة المدعومة على Facebook.
• ES5 إلى ESNext - هذه هي جميع الميزات التي تمت إضافتها إلى JavaScript منذ عام 2015

• النظرية:
  • كل ما تحتاج لمعرفته حول المزامنة / في انتظار. الحلقات ، التحكم في التدفق ، القيود
  • إدارة الدولة . سلسلة من المحاضرات تتألف من خمسة مقاطع فيديو من إيليا كليوف
  • دليل مرئي لجافا سكريبت التعاريف والتطبيقات المتغيرة
  • جافا سكريبت أساسيات تحديد وفرقع المتغيرات
  • استكشاف وظائف نقية مع جافا سكريبت
  

• TypeScript:
  • clean-code-typescript - مفاهيم Clean Code المتوافقة مع TypeScript
  • ReasonML مقابل TypeScript: مقارنة نظام الكتابة الخاص بهم
  • كيفية استخدام Typescript مع React و Redux
  

• الرد:
  • لماذا رد فعل هوكس متحمس جدا عني؟
  • إنشاء مكون الرد التلقائي من رد الفعل
  • الرسوم المتحركة في رد الفعل
  • تتفاعل متعدد الخطوة ماجيك
  • كل ما تحتاجه لإنشاء مخصص React Hook
  • كيفية تحقيق دعم إمكانية الوصول في تطبيقات React
  • ما تعلمته من تعلم React في ليلتين ، بعد سنوات من العمل مع Angular
  

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

• فوجس:
  • برنامج VueJS 3.0: ثورة؟ . رأي ايليا كليموف
  • إنشاء SPA على Vue.js لبيع القمصان
  • تحويل رسومات SVG الثابتة إلى أدوات تفاعلية ورسوم بيانية باستخدام Vue.js
  

المتصفحات

• حصل Mobile Opera على VPN مجاني
• قدم واجهة متصفح أوبرا جديدة
• المستعرض لقد تخطى Samsung Internet Browser المعلم المليار من التنزيلات في متجر Google Play
• موظف Microsoft: لا تستخدم Internet Explorer افتراضيًا
• سيدعم Chrome روابط لكلمات وعبارات فردية في النص
• وفورات الذاكرة الشجاعة: 33-66 ٪ تخفيض على كروم
أ.

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

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