ملخص للمواد الطازجة من عالم الواجهة للأسبوع الماضي # 438 (19-25 أكتوبر ، 2020)

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

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

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

• البودكاست "Make Me Beautiful" - العدد رقم 46: تم حل جميع مشكلاتهم (لم تقم بذلك) من الطباعة والتخطيط

• Podcast "Frontend Youth (18+)" # 160: Black Cardinal Front End Pro Unlimited

• CSSSR Podcast: MobX أو Redux ، Flexbox أو CSS Grid ، Angular DI ، Lighthouse ، Declarative Shadow DOM ، MDN Web DNA 2020 Pro Unlimited

• IT Way podcast: حول الواجهة الأمامية للمبتدئين ، كيف تعمل Aviasales (وتعمل فيها). الحلقة 46 من 24/10/2020

تطوير الشبكة

• مكونات الويب: دليل المبتدئين

• كيفية تنفيذ البرامج النصية بتنسيق HTML. علامة البرنامج النصي والسمات غير المتزامنة والتأجيل والوحدة النمطية والوحدة النمطية و src

• دليل لأنواع التخزين المختلفة في المتصفح

• سمة lang: المتصفحات تكذب ، أكاذيب جميلة.

• طرق أكثر ذكاءً لإنشاء بنية HTML مع تداخل عميق

• الأدوات
  
  • تكوين Webpack 5 من Scratch
  
  • الجديد في DevTools (Microsoft Edge 87)
  
  • إضافة Chromium Edge PWAs (تطبيقات الويب التقدمية) إلى متجر Microsoft
  
  

• 
  
  • - (WCAG) 2.1
  
  •
  
  • inert
  
  

• 
  
  • «Inspirational Websites Roundup #19»
  
  • clip-path
  
  

CSS

• حالة CSS 2020 . استبيان سنوي حول الحالة الحالية لـ CSS مع القدرة على تقييم مستوى معرفتك بناءً على نتائج إكمالها

• كيف يمكنني هيكلة CSS الخاصة بي

• اختيار تخطيط CSS - الشبكة أو Flexbox؟

• إنشاء أشكال CSS باستخدام Emoji

• التفكير خارج الصندوق باستخدام CSS Grid

• CSS ثلاثي الأبعاد: تعلم التفكير في مكعبات وليس مستطيلات

• "محدد CSS العام بطيء ويجب تجنبه" - كذبة أخرى!

• المتغيرات في Sass و CSS ومتغيرات السمة الدلالية.

• تصميم ارتفاع سريع الاستجابة

جافا سكريبت

• استخدام "عالمي" في انتظار JavaScript

• خيارات البرمجة الموجهة للكائنات (في JavaScript)

• العرض من جانب العميل مقابل العرض من جانب الخادم مقابل إنشاء الموقع الثابت

• حل مشكلة غبية مع JavaScript

• Observer API في JavaScript - الجزء الثاني

• 6 متقدم وظائف JavaScript التي يمكنك استخدامها اليوم

• كيفية إنشاء مكون أكورديون مُحسَّن تدريجيًا باستخدام Vanilla JS

• الإصدارات
  
  • Node.js 15.0 JavaScript Server Framework Release
  
  • إنشاء React App 4.0 Release
  
  • Babel 7.12.0 Release TypeScript 4.1 ، والسلاسل كأسماء استيراد / تصدير ، وكتل ثابتة للفئة
  
  

• React
  
  • React
  
  • Rockpack — , React create-react-app
  
  • Styled-Components React
  
  • Create React App 4
  
  • React v17.0
  
  • Next.js
  
  

• Vue
  
  • Vue SVG
  
  • 10 Vue
  
  • Vue.js , React
  
  

• Angular
  
  • TypeScript — Angular
  
  • Angular — function-like HTML
  
  • @ngrx/component-store selector debouncing
  
  

• Ember
  
  • The Ember Times — Issue No. 166
  
  • Ember 3.22
  
  • ember-cli-deploy
  
  • React Hooks Ember.js
  
  

• Svelte
  
  • Svelte Actions
  
  • Svelte
  
  

• Libs & Plugins
  
  • التوقف عن استخدام Moment.js للتواريخ والأوقات في JavaScript
  
  • nsfwjs - مكتبة جافا سكريبت بسيطة لمساعدتك في التعرف بسرعة على الصور الفاحشة من جانب العميل
  
  • Lucia هي مكتبة JS صغيرة (متوافقة مع UMD) يمكنها استبدال jQuery والتطبيقات في الفانيليا جافا سكريبت.
  
  • fingerprintjs - يولد هوية زائر الموقع من بصمة المتصفح الرقمية
  
  

المتصفحات

• إصدار Firefox 82

• Microsoft Edge لنظام التشغيل Linux - أصبح الإصدار التجريبي من المتصفح متاحًا للجميع

• يحتوي متصفح Chrome الآن على وظيفة بحث عن علامات التبويب المفتوحة

• يمكن الآن تعطيل JScript في Internet Explorer

مسلية

• تلقى Photoshop الكثير من ميزات الذكاء الاصطناعي: استبدال السماء الذكية ، والفلاتر المتقدمة ، وما إلى ذلك.

• الارتباطات التشعبية والأعمدة الزرقاء في كل مكان: كيف بدت مواقع Apple و Google و Amazon في عام 1999

• كيف تنشئ Cloudflare مفاتيح تشفير باستخدام 100 جدار حمم من الكون مصابيح

• ابتكر Facebook ذكاءً اصطناعيًا يمكنه ترجمة النصوص بين 100 لغة مباشرة





من ملخص الأسبوع الماضي .

المواد المعدة dersmoll و alekskorovin .