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

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

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

---

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

• بودكاست "معايير الويب" ، العدد رقم 157: جافا سكريبت في الجامعات ، JS قبل عشر سنوات ، المتصفحات والنص في VR / AR ، وحدات HTML في JS.
• Frontend Weekend podcast # 87 - ميخائيل تروشيف حول كيفية إدارة فريق موزع بشكل فعال في ياندكس
• CSSSR Podcast: الأخبار 512 - الإصدار رقم 34 (14 يناير - 20 يناير)
• Devshahta # 66: فرق النظام الأساسي
• "كل ما تبذلونه من HTML" # s2e5: "المعكرونة الوحش من المشارب وتظليل"
• فيديو من أوديسا فرونتند ميتوبس # 7-9

تطوير الويب

• الإلكترون: تطوير تطبيقات سطح المكتب باستخدام HTML و CSS و JavaScript
• 12 أشياء غريبة يمكن أن تحدث بعد تثبيت حزمة npm
• أنواع مدخلات HTML5: ما الأمر الآن؟
• جديد على JAMstack؟ كل ما تحتاج إلى معرفته لتبدأ به
• معايير الويب: ماذا ولماذا وكيف
• من الأفضل رؤية مرة واحدة أكثر من سماع مائة مرة ، الوجوه والباركود - واجهة برمجة تطبيقات اكتشاف الشكل
• لماذا تتفوق GraphQL على واجهات برمجة التطبيقات التقليدية
• GraphQL: دليل المبتدئين

• الأداء:
  • استخدام ميزة تدقيق DevTools في Chrome لقياس وتحسين الأداء (الجزء 1)
  • كيفية استخدام أدوات تطوير Chrome للعثور على اختناقات في الأداء
  • كيف يمكن لتحسين أداء موقع الويب إنقاذ الكوكب
  • ما هي تلميحات العميل وهل يستحق استخدام؟
  • أمثلية التقديم في المتصفح لتطوير الواجهة الأمامية
  

• الأدوات:
  • Puppeteer للزحف إلى صفحات الموقع وحفظها في تخفيض السعر
  • STAR (تصميم S ystems + T ypeScript + A pollo GraphQL + R eact): جيل جديد من أدوات التطوير الأمامية
  • كيفية الترقية إلى Gulp.js 4.0
  • wpk هو CLI غير رسمي متقدم ولكنه سهل الاستخدام لحزمة webpack
  • وظيفة رمز متخيل مع التصدير إلى SVG
  

• إمكانية الوصول:
  • كيفية تطوير تخطيطات موقع الويب لقارئات الشاشة
  • لماذا تواصل الوصول إلى الويب فشل
  • ربح كبير للوصول إلى شبكة الإنترنت في دومينوز بيتزا الذي لم يفعله موقع الامتثال ADA
  

• الرسوم المتحركة:
  • Three.js المتقدمة: مواد تظليل وما بعد المعالجة
  • دليل لإنشاء العديد من الجزيئات التفاعلية على Three.js
  • كيفية إنشاء تأثير خلل للنصوص والصور في CSS
  • SVG Filters 101 . دليل من Sara Soueidan لمساعدتك في فهم مرشحات SVG وإظهار كيفية استخدامها لإنشاء مؤثرات بصرية خاصة بك.
  
  

CSS

• كيف تعمل خصوصية CSS في المتصفح
• إنشاء مكون WEB للتحكم في قناة الصوت | مخصص CSS الشبكة النهج
• الرسوم المتحركة CSS Grid Layout ، ماذا لدينا؟
• نفس القصة ، فقط مع CSS
• ما مدى معرفتك بتخطيط CSS؟
• باستخدام فئة زائفة: lang with lang محدد السمة لأنماط اللغة
• 2019 CSS قائمة الأمنيات من كريس كويير
• في الدفاع عن المنفعة الأولى المغلق
• الدليل الكامل ل SCSS / ساس .

جافا سكريبت

• نقل 30000 سطر من التعليمات البرمجية من Flow إلى TypeScript
• Learn Vanilla JS هي خطة مفصلة لتعلم Vanilla JS ، إلى جانب موارد التعلم وأفكار التصميم لتبدأ.
• موحية عناوين المواقع مع جافا سكريبت و Emojis
• كيفية إزالة التعليمات البرمجية غير المستخدمة باستخدام DevTools
• Vue vs React: اختيار أفضل أداة لمشروعك في 2019
• كيفية إزالة صفائف مكررة في ES6
• لماذا توقفت عن تصدير القيم الافتراضية من وحدات JavaScript الخاصة بي
• هل طريقة تحويل البيانات

• النظرية:
  • جافا سكريبت سؤال وجواب
  • تاريخ موجز لجافا سكريبت. الجزء 3
  • وحدات JavaScript: من IIFE إلى CommonJS و ES6
  • دليل عملي لكتابة المزيد من جافا سكريبت الوظيفية
  • العمل مع المناطق الزمنية في JavaScript
  

• الرد:
  • مدخلات شكل قابلة لإعادة الاستخدام في React. بسيطة ومرنة!
  • مقدمة في رد فعل السنانير
  • استخدام بوابات التفاعل لرسم الأطفال خارج التسلسل الهرمي DOM
  • كيفية إنشاء تطبيق ويب تدريجي على React (PWA)
  

• الزاوي:
  • إضافة دعم متعدد اللغات في الزاوي
  • كيفية تكوين Webpack 4 مع Angular 7: دليل كامل
  • الزاوي ، Autoprefixer ، IE11 ، و CSS Grid ، انتقل إلى الشريط ...
  • إدارة حالة التطبيق في الزاوي باستخدام Firebase
  • إيجابيات وسلبيات اختيار الزاوي لتطوير تطبيقات الويب
  

• فوجس:
  • 8 أسوأ أسئلة مقابلة مع Vue.js
  • VFC RFCs (طلب التعليقات) - لإجراء تغييرات / إضافات مهمة على Vue الأساسية
  • تصميم تطبيق ويب تقدمي باستخدام Vue CLI 3
  

• ليبس و الإضافات:
  • defi.js هي مكتبة تفاعلية تعتمد على Object.defineProperty
  • قام Facebook بنشر Spectrum 1.0.0 ، وهي مكتبة للعمل مع الصور
  • shiny - إضافة انعكاسات لامعة على النص والخلفية والحدود على الأجهزة التي تدعم الحدث DeviceMotion.
  • jsdiff: العثور على اختلاف في النص المطبق في JavaScript
  

المتصفحات

• Mozilla يقلل من اختبار الطيار وفايرفوكس Screenshots
• سيبدأ Firefox 67 في استخدام ملفات تعريف منفصلة للتركيبات المختلفة
• في Firefox 69 ، من المخطط تعطيل دعم Flash افتراضيًا
• بأثر رجعي FireTox DevTools WebConsole 2018
• الواقع المعزز والمتصفح - التطبيق التجريبي

مسلية

• مرحبا العالم! أو الناطقة بالإنجليزية هابر ، الإصدار 1.0
• جمع WordPress.com 2.4 مليون دولار من Google والشركاء لإنشاء منصة أخبار لنشر Newspack
• تاريخ البيانات الكبيرة (البيانات الكبيرة) الجزء 1 ، الجزء 2
• Microsoft: لم يعد Cortana Voice Assistant ينافس Alexa و Google Assistant
• الرأي: لماذا التحدي 10 سنوات هو الغوغاء فلاش مثالية لتعلم الذكاء الاصطناعى
كمواطن للهند ، أصبح الرئيس التنفيذي لشركة Google: قصة ساندر بيتشاي
• تقول Microsoft وداعًا لـ Windows 10 Mobile في وقت لاحق من هذا العام
• تم العثور على تفريغ يحتوي على 773 مليون عنوان بريد إلكتروني و 21 مليون كلمة مرور فريدة
أ.

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

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