ملخص المواد الطازجة من عالم الواجهة الأمامية للأسبوع الماضي رقم 333 (1-7 أكتوبر 2018)

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

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

---

الوسائط

• Angular Five Minute Podcast # 12 - Battle ، تطبيق العالم الحقيقي ، Render Props ، السوفياتي ، ng v7 beta
• Frontend Weekend podcast # 73 - آنا سيليزنيفا عن تاريخ الإرهاق العاطفي ، واختيار مدينة للعمل والعثور على نفسك
• "Devshahta هو بودكاست": رقم 52: Node.js في الخلفية - أسطورة أو ضرورة شديدة؟
• معايير الويب Podcast ، الإصدار 141: المستعرضات والإضافات ، خطط Vue.js 3.0 ، التمرير اللوني ، الواجهة الأمامية في خاركوف
• بودكاست شباب الواجهة (18+) # 67 التهاب البروستات جافا سكريبت المزمن
• Vadim Makeev مدونة الفيديو №4. التنقل والمصممين والتعليمات البرمجية والأهمية واليرقات والأطر الأمامية
• 3 مقاطع فيديو من مؤتمر خاركيف فرونتند الصيفي
• SmashingConf تورونتو 2018 ، 11 فيديو
• Full Stack Fest 2018 ، 34 فيديو

تطوير الويب

• Node.js Foundation و JS Foundation تعلنان الاندماج

• الأدوات:
  • أفضل 10 امتدادات VS Code لعام 2018 لمطوري الواجهة الأمامية
  • محاكاة الأجهزة المحمولة مع وضع الجهاز في Chrome DevTools
  • مستكشف المشروع: أداة تصور CLI لأي مشروع على شكل شجرة مع التعليقات التوضيحية
  

• إمكانية الوصول:
  • توفر الواجهة محاضرة ياندكس
  • كيفية إتاحة مجموعة الشروط والأحكام
  • كيف جعلنا القائمة متاحة في Basecamp 3
  • حول كتابة بدائل النص الجيد
  

• الرسوم المتحركة:
  • قائمة Multibox - تنقل متحرك يتكون من عدة كتل
  • انقل الخلفية بمؤشر الماوس
  

CSS

• ماذا يحدث عند إنشاء حاوية Flexbox؟
• "نزاع على مساحة فارغة" وتغيير في المحددات 4 مستويات
• أول مسودة عامة (وغريبة) للوحدة النمطية لشريط تمرير CSS
• تصحيح أخطاء CSS وتحسينها : أدوات المطور المضمنة في المتصفح ، وأدوات قياس جودة الكود ، والتصغير باستخدام CSSO
• حالات الاستخدام الشائعة لـ Flexbox
• إنشاء تخطيطات مرنة مع Flexbox
• محددات ساس: استثمر أم لا تستثمر؟
• Scribble-Font - خط لإنشاء خط Scribble للنماذج الأولية والخطوط السلكية
• تصميم الصور المكسورة
• كيف أقوم بتنظيم CSS في المشاريع الكبيرة باستخدام UFOCSS - الجزء 2

جافا سكريبت

• إنشاء لعبة بسيطة على Vanilla JS
• شرح البرمجة الوظيفية في JavaScript: Fusion & Transduction
• كيفية التوقف عن استخدام console.log () وبدء استخدام المصحح في متصفحك
• لماذا يجب على كل مطور أمامي مبتدئ أن يعرف عن نموذج الناشر-المشترك؟ AKA: كيفية فهم كود JS غير المتزامن بأقل طريقة مؤلمة
• دليل الجيب إلى: الوظائف في JavaScript ، النماذج الأولية في JavaScript
• مقارنة بين تقديم الخادم في التطبيقات على React و Angular

• ES2015 +:
  • HTTP203: اقتراحات لبناء الجملة الجديد لـ JS في 2018
  • جافا سكريبت ES6: نقاط الضعف
  • دليل عملي حول ES6 حول كيفية تقديم طلب HTTP باستخدام واجهة برمجة تطبيقات الجلب
  • وظائف سهم JavaScript: كيف ومتى (وعندما لا) لاستخدامها
  

• VueJS:
  • خطط للإصدار التالي من Vue.js
  • لماذا اخترت Vue.js بدلاً من React
  • فرحة إنشاء تطبيقات Vue Typescript - الجزء 1: مكونات فئة Vue
  • إنشاء نسخة SPA من بحث Google على Vue و Flask
  • وحدة اختبار المكون الأول الخاص بك على Vue.js
  • غمر عميق في Vue Devtools v5.0 الجديد
  • قوالب إدارية مجانية على vue.js و bootstrap
  

• رد فعل:
  • تفاعل تطوير التطبيق باستخدام ReasonReact
  • ابدأ مع React و GSAP Animations
  • تفاعل / JSX كلغة نموذجية من جانب الخادم
  • الموت من آلاف التخفيضات - قائمة مراجعة لاسترداد مشاكل أداء رد الفعل الشعبي
  • 9 رد فعل مكتبات واجهة مستخدم المكونات ذات النمط المتفاعل في 2018
  • كيفية إنشاء لعبة PWA في 5 خطوات باستخدام Preact
  • مكونات الاختبار في React: ماذا وكيف تختبر مع Jest و Enzyme
  • يمكن أن تكون أساسيات رد الفعل التي فاتتك مميتة بالنسبة لك.
  • الهجرة من الزاوي إلى رد الفعل
  • الدروس المستفادة من React / Redux Long-Term SPA SPA
  • تفاعل Podcast 23: Ditch Authority with Sunil Pai
  

• الزاوي:
  • أفضل الممارسات لتطبيق الزاوي نظيفة ومنتجة
  • كيفية استخدام الرسوم المتحركة في Angular 6
  • كيفية إنشاء تطبيق إخباري باستخدام Angular 6 and Material Design
  • اختبار الوحدة المبسطة في الزاوي
  • استكشاف السحب والإسقاط في CDK للمواد الزاويّة الجديدة
  • ما الذي تبحث عنه عند الترحيل من AngularJS إلى Angular 2.0+
  

• الليبس والمكونات الإضافية:
  • lvovich - انحراف أسماء المدن وتحديد الجنس بالاسم ورفض الأسماء حسب الحالات
  • Cogear.JS - مولد ثابت حديث
  • imgToAscii - تنفيذ جافا سكريبت لترجمة الصور في كود Ascii
  • ferret - نظام تجريف على الويب لتبسيط استخراج البيانات من الويب للاختبار اللاحق لواجهة المستخدم والتعلم الآلي والتحليلات
  

المتصفحات

• قدم متصفح ويب Firefox Focus معاد تصميمه
• سيضيف Firefox دعمًا لتنسيق صورة WebP
• ستتيح لك Google تشغيل "Assassin's Creed Odyssey" مباشرة في Chrome
• Chrome 70 - ما هو الجديد في DevTools
• غيّرت Google متطلبات إضافات Chrome
• ما الجديد في Microsoft Edge تم تحديثه على Windows 10 October 2018 Update

مسلية

• قدمت Microsoft برنامج Your Phone لتشغيل تطبيقات Android على جهاز كمبيوتر
• قامت Microsoft بنشر MS-DOS 1.25 و 2.0 على GitHub
• من المقرر إطلاق WordPress 5.0 في 19 نوفمبر 2018.
• قامت Microsoft بتحديث Windows 10. ما الجديد؟
• مايكروسوفت هي شركة آبل الجديدة. رأي
• مجموعة مختارة من لغات البرمجة الباطنية
• سيطلق على الإصدار التالي من Wi-Fi اسم Wi-Fi 6
• تم الكشف عن نماذج التصيد الاحتيالي مع شهادات Cloudflare و Microsoft
• في Git ، تم إصلاح ثغرة قد تؤدي إلى تنفيذ كود المهاجم
أ.

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

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