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

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

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

---

الوسائط

• بودكاست "معايير الويب" ، العدد 128: رد الفعل هو فقط شبيبة ، التعشيش في CSS ، نظام المسافة البادئة ، كلمة التحقق التي لا يمكن الوصول إليها ، نسيان الشبكات في IE ، مصمم التخطيط ضد visivig.
• Frontend Weekend podcast # 60 - ديمتري روجكوف حول إنشاء مدونة فيديو كبار البرامج ، والشتاء في تايلاند والعيش في هامبورغ
• Devschacht Podcast: Night Front End # 40 - GPC و Depression و WSD و Patreon
• Frontend Youth (18+) بودكاست # 55 هل تريد أن تكون مطورًا رائعًا - استمع هنا!
• CSSSR Podcast: الأخبار 512 - الإصدار رقم 13 (07/02 - 08/07)

تطوير الويب

• التخزين المؤقت على الإنترنت كمثال على شراء الحليب في المتجر
• موقع الجوال أو التخطيط التكيفي: أيهما أفضل من وجهة نظر تحسين محركات البحث
• كيف ولماذا لاختبار التخطيط
• Publii - نظام إدارة محتوى ثابت جديد مع واجهة المستخدم الرسومية لإنشاء مواقع آمنة وسريعة وأنيقة
• الإنترنت معقد (ولكن لا يجب أن يكون الأمر كذلك) . دليل تطوير الويب الكامل

• الأداء:
  • Google: سيتم إطلاق تحديث سرعة محرك البحث في يوليو 2018 ، وسيأخذ Google Speed ​​Update في الاعتبار حتى التحسينات الطفيفة في سرعة التنزيل
  • تدقيق الأداء: الغمر العميق في أدوات مطوري Firefox
  • تحسين الأداء: تغيير حجم الصور عند الطلب
  • تحسين سرعة موقع الويب باستخدام Chrome DevTools . مدونة Google Developers المحدثة
  • مكونات تعتمد على الاتصال . استخدم Network Information API للتكيف مع السرعات المختلفة: img for 2G / 3G ، والفيديو لـ 4G
  • تقليل تحميل جافا سكريبت المفيد باستخدام Tree Shaking
  

• إمكانية الوصول:
  • stylelint-a11y - البرنامج المساعد ل stylelint مع قواعد a11y
  • دائري بأسعار معقولة باستخدام ARIA
  • القوة والخطر WAI-ARIA: المزيد حول التعرف على الصوت
  

• شبكة مذهلة:
  • مولدات كأس العالم . قم بتجربة API World Championship Statistics لإنشاء قوالب مجردة لكل لعبة
  • إدخال GaspTools لـ Ueno : أداة رسوم متحركة بسيطة
  • div الذي يبدو مختلفًا في جميع المتصفحات
  • الماوس شبح بعد المؤشر
  
  

CSS

• يتحول GitHub ... يتحول GitHub ... إلى Windows 95 أنيق
• العمل الفعال بشأن المعايير - الجزء 1: البيئة التشغيلية ، الجزء 2: الطريق الصعب للوصول إلى حل وسط
• دليل لدمج وتصميم أنظمة الرموز - SVG sprites ، وشخصيات SVG وخطوط الرموز
• حيل CSS لإحداث ثورة في تخطيطاتك
• وضع النص في الحاوية
• Clearfix: درس في تطور تطوير الويب
• كيف يعمل CSS: إنشاء طبقات باستخدام فهرس z

• شبكة CSS:
  • CSS Grid Level 2: و Subgrid Came
  • شبكة CSS في IE: الكشف عن المفاهيم الخاطئة الأساسية حول IE Grid
  • CSS Grid في IE: CSS Grid و Autoprefixer الجديد
  • شبكة CSS في IE: محاكاة شبكة التنسيب التلقائي مع الفجوات
  

جافا سكريبت

• أساسيات JavaScript للمبتدئين
• تطوير إطارك الخاص والنمو المهني لمبرمج JS
• متى (ولماذا) يجب عليك استخدام وظائف سهم ES6
• 15 طريقة لعناصر HTML ربما لم تسمع عنها من قبل
• لماذا GraphQL: مزايا وعيوب وبدائل
• تختلف متغيرات جافا سكريبت ، وتسمح ، وثابت في القصة

• رد فعل:
  • 16 أدوات تفاعل لمطوري الواجهة
  • الأخطاء الأكثر شيوعًا في رمز رد الفعل التي ترتكبها (ربما)
  • برنامج تعليمي بسيط (99٪ على الأقل ES2015).
  • رد الفعل هو جافا سكريبت فقط
  • أساسيات رد الفعل بدون NPM. بدون حزمة ويب. بدون Redux. تعلم أساسيات React من خلال إنشاء صورة النمطي هندسي متحرّك في وضع الحماية للمتصفح.
  • 5 ممارسات شائعة يمكنك التوقف عن استخدامها في React
  • ما هو Redux: دليل المصمم
  • تفاعل-شريط التمرير - مخصص - أفضل مكون رد فعل لإنشاء أشرطة تمرير مخصصة
  

• VueJS:
  • قناة اللغة الروسية. المجتمع vuetify.js على الفتنة
  • Vue Test Utils و Jest: كيفية كتابة اختبارات وحدة بسيطة للواجهة الأمامية
  • كيفية استخدام التوجيه في Vue.js لتحسين تجربة المستخدم
  • إنشاء تطبيق جوال باستخدام Capacitor و Vue.js
  • دليل Vue: مقدمة تفصيلية لـ Vue.js
  • مصادقة Vue ومعالجة المسار باستخدام جهاز توجيه Vue
  • أفضل قوالب الإدارة لـ Vue.js في 2018
  

• الزاوي:
  • خارطة طريق المطور الزاوي . مشروع يهدف إلى جمع أكثر المفاهيم الأساسية / المهمة التي يجب أن يتعلمها أي شخص يرغب في تعلم أن يصبح مطورًا زاويًا
  • مكونات الويب في Angular و AngularJS
  • حلول المكونات الديناميكية في الزاوي
  

• الليبس والمكونات الإضافية:
  • الراعي - مكتبة لإنشاء مساعد مرئي على عناصر الموقع
  • Rete.js - إطار برمجة بصرية JavaScript
  • itty.bitty - أداة لإنشاء روابط تحتوي على مواقع صغيرة
  

المتصفحات

• لقطات شاشة: القائمة الرئيسية المحدثة لـ Microsoft Edge
• قامت جوجل وموزيلا بإزالة الوظيفة الإضافية لمتصفح Stylish ، والتي تجسست على المستخدمين ، من الدلائل
• مقارنة أداء مختلف تطبيقات WebAssembly
• كيفية استخدام Microsoft Edge لقراءة الكتب الإلكترونية
• تمكن Spectre من تجاوز حماية المتصفح ضد الضعف

مسلية

• هل blockchain كلمة طنانة أو شيء خطير؟
• لماذا يريد الكثير أن يصبحوا مديرين وهذه ليست فكرة جيدة دائمًا
• في الوظيفة الإضافية للمتصفح Stylish ، تم الكشف عن رمز لإرسال محفوظات الزيارة
• ولادة الواقع الافتراضي والواقع المعزز
• تصنيف لغة برمجة TIOBE لشهر يوليو: تواصل TypeScript زيادة شعبيتها
• مقدمة مرئية لتعلم الآلة

ملحوظة: الأسبوع القادم لن يكون هناك هضم وعطلة وكل ذلك.

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