Frontend Weekly Digest (11 - 17 فبراير 2019)

نصدر هذا الأسبوع مجموعة كبيرة حقًا من الأخبار الأساسية التي قد تكون فاتتك في تطوير الواجهة الأمامية. تأكد من مراجعة آخر التحديثات على CSS و HTML و JavaScript.

تطوير الشبكة | CSS | جافا سكريبت

---

تطوير الويب

• HTML لم يكن لدينا قط
• Timeboxed ، يوما بعد يوم # 100DaysOfCode تطوير المناهج الأمامية
• إصدار HTML5 Boilerplate v7
• Bootstrap 4.3.0 (إسقاط مسج ، والانتقال إلى Hugo)
• جعل واجهات المستقبل: مضمنة SVG
• مقدمة إلى WebBluetooth
• الدليل الكامل - كيفية تسريع فيديو GIF

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

• الأدوات:
  • تقديم: pika / pack - npm package package ، أعيد تصورها
  • ما الجديد في DevTools (Chrome 73)
  • Puppeteer هو خادم مطوري الجديد
  

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

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

CSS

• الإعلان عن #StateOfCSS 2019 Survey
• الجانب المظلم من الشبكة (الجزء 1)
• نهج جديد لفئات فائدة الرؤية بناءً على متغيرات CSS
• دليل الخطوة 10 إلى Flexbox
• أوراق أنماط البناء: أنماط قابلة لإعادة الاستخدام سلس
• عملية تنفيذ تصميم واجهة المستخدم من البداية
• CSS محددات المستوى 4
• مقدمة لمقاييس الخط
• إلى الشبكة أو إلى فليكس؟
• CSS Scroll Snap - كيف يعمل حقًا
• سريع! ما هو الفرق بين Flexbox والشبكة؟

جافا سكريبت

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

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

• النظرية:
  • دليل مرئي لجافا سكريبت التعاريف المتغيرة ونطاق
  • أساسيات جافا سكريبت التعاريف المتغيرة ورفع
  • تعلم وظائف نقية مع جافا سكريبت
  

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

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

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