ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوع الماضي رقم 399 (20 - 26 يناير 2020)

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

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

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

• CSSSR Podcast: News 512 - تصميم المكونات 5.0 ، تحميل كسول ، تخطيط متعدد الاتجاهات ، ru Github
• Frontend Youth (18+) podcast # 123 Git with balalaika and bears
• بودكاست "Devshahta / Night Frontend" رقم 109: العمل بكفاءة مع الأخطاء. مناد اما.
• بودكاست "معايير الويب" رقم 211. المهارات اللينة وكرة القدم والحياة بدون واجهة ، ومكونات الويب ، والتفاعل ، والشبكات ، والأداء ، والغواصين
• اجعلني جميلة البودكاست ، العدد رقم 33 - اتجاهات التصميم ، و microbrowsers ، وتطوير الدراسات
• Podcast Frontend Youth (18+) # 122 الراتب العادل للعوالق

تطوير الويب

• تقديم الموقع 101
• وداعا كود نظيف
• جديد على JAMstack؟ هذا كل ما تحتاج إلى معرفته للبدء.
• الويب 2020: القابلية للتوسعة وقابلية التشغيل البيني
• ست نصائح للعمل على تدويل تطبيقات الويب
• دليل كامل ل iframes
• لا حاجة لكراهية مكونات الويب
• إعادة إنشاء زر Arduino باستخدام SVG والعناصر المضاءة

• الأدوات
  • أجمل في المشاريع الكبيرة: قضاء 20 دقيقة على الإعداد ، ونسيان التنسيق إلى الأبد
  • وقت بناء المشروع الأمثل
  • تلبية غزل 2!
  • Playwright هي مكتبة Node الجديدة من Microsoft لأتمتة المتصفحات على Chromium و WebKit و Firefox. تهدف Playwright ، التي تم إنشاؤها من قبل مطوري Puppeteer ، إلى إنشاء نظام أساسي للتصفح عبر الويب وأتمتة سريع الخضرة.
  • التكوين ESLint وأفضل الممارسات
  • قصتي عن أدوات تطوير الويب والتقنيات والحلول
  

• إنتاجية
  • Microoptimization من الأداء وجافا سكريبت
  • Google PageSpeed ​​Insights: The Truth About 100/100
  • السرعة من ألف تخفيضات
  

• توفر
  • التوفر في Microsoft Edge الجديد
  • سوء توافر يعني نوعية رديئة
  

• الآثار
  • ندرك التأثير المرئي من فيلم "المصفوفة"
  • تأثير نشر صورة من لفة باستخدام Three.js
  • مجموعة مختارة من واجهات التصميم "تفاعلات واجهة المستخدم والرسوم المتحركة رقم 2"
  • ليلة في متحف الأولاد جيد جدا
  

CSS

• RTL Styling 101 - دليل مفصل لتصميم CSS RTL
• و CSS تتالي. أو كيفية حل المتصفحات للمشكلة باستخدام أنماط CSS المتنافسة
• CSS Houdini: كل ما تحتاج لمعرفته حول واجهات برمجة التطبيقات الأكثر شيوعًا
• فهم الكلمات الأساسية لـ CSS: الأولي ، وراثة ، و Unset
• استخدام المعدلات التكيفية للتحكم في تغييرات التخطيط في مكوناتك
• إنشاء تخطيطات ثنائية الاتجاه
• قليلا من CSS وهمية
• 4 تخطيطات CSS دون استخدام استعلامات الوسائط
• روابط التدرج متعدد الخطوط
• تدرجات قوس قزح السحرية باستخدام CSS Houdini و React Hooks
• أبعاد CSS الداخلية

جافا سكريبت

• الابتكارات JavaScript ES2020 مع أمثلة بسيطة
• الأخطاء الشائعة عند استخدام Promise في Javascript
• قراءة ومعالجة الملفات باستخدام JavaScript FileReader API
• أهم 10 أطر جافا سكريبت في العقد الماضي
• Svelte - وصفة لإطار ناجح؟
• لماذا أنا أستمتع Svelte
• أعزائي المعجبين بـ Loop: دعنا نستخدم أساليب Array
• جافا سكريبت التصور: المولدات والتكرارات

• رد فعل
  • كيفية استخدام Control Inversion في JavaScript و Reactjs لتبسيط معالجة التعليمات البرمجية
  • نظرة عامة على JSX مع ثلاثة أمثلة غير متفاعلة
  • 10 مفاهيم JavaScript تحتاج إلى إتقان React (+ ورقة الغش)
  • رد على دليل دورة JSX للمبتدئين
  • إنشاء أشكال يمكن الوصول إليها أكثر من React Icons
  • ديناميكي تحميل مكونات التفاعل مع السنانير
  

• فيو
  • ما يمكن توقعه في Vue 3.0؟
  • كيفية كتابة تطبيق Vue.js بالكامل في TypeScript
  • كيفية إنشاء تطبيق ويب تدريجي على Vue.js
  • الحب فويتيفي؟ تعرف على PrimeVue ، مكتبة Vue UI الجديدة القوية.
  • دائري على Vue.js: دعم SSR والأداء
  

• زاوي
  • الزاوي 9 واللبلاب: تحميل مكون كسول
  • دليل عملي للزاوي: الخدمات وحقن التبعية
  • كيفية تنفيذ العمارة الواجهة الأمامية الصغرى مع الزاوي
  

• جمرة
  • The Ember Times - العدد 131
  • The Ember Times - العدد رقم 132
  • كيف حققنا "دائم الخضرة" يبني في تطبيق الشركات على Ember.js
  • بيانات بيانات الطريق (3.10)
  

• ليبس و الإضافات
  • مكتبة JS للتحقق من خصائص JS ، والتي هي بيانات النموذج.
  • React Nice Dates: متكيف ، مع دعم حدث اللمس ، مكتبة منتقي تاريخ معيارية
  

المتصفحات

• Microbrowsers في كل مكان. لكن ماذا نعرف عنها؟
• اتهم الباحثون أوبرا بإصدار قروض صغيرة بنسبة 438 ٪ سنويا متجاوزة قواعد جوجل
• تختبر Google واجهة قائمة المشاركة الجديدة في Chrome - مع أدوات لإنشاء رموز QR ولقطات الشاشة
• مراجعة الإصدار الأخير من Microsoft Edge استنادًا إلى Chromium: صديق قديم جديد
• سيتم إصدار الإصدار التالي من مستعرض Apple Safari دون دعم Adobe Flash
• منعت Mozilla 197 وظيفة إضافية من فايرفوكس في الأسبوعين الماضيين
• Edgium

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

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