ملخص للمواد الطازجة من عالم الواجهة للأسبوع الماضي # 444 (1 - 6 ديسمبر 2020)

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

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

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

• "News 512" من CSSSR: WebStorm 2020.3 ، minmax () ، Math.random () في JS ، fwdays 2020 ، Advent of Code ، Octoverse و State of CSS ، بالإضافة إلى إصدار نصي

• Podcast "Make Me Beautiful" # 51 - أنت اخترق ، ولكن ليس هامستر على الأقل

• FrontoWeek podcast # 136: أبرز ما في نهاية الأسبوع.

• Podcast Frontend Yunost (18+) # 165: موقع رائع

• "proConf" Podcast # 80: TSConf 2020

• البودكاست غير المحدد رقم 29: Vue vs. رشيق مع إيفان يو وريتش هاريس

تطوير الشبكة

• Monolith مقابل. الدقيقة ال frontends

• كيفية إنشاء نماذج HTML بشكل صحيح: الأمن

• كيف Lyft والهجرة أكثر من 100 microservices الواجهة لNext.js

• مواقع البناء مع تفضل-انخفاض البيانات

• من جيكل إلى 11ty

• سلطة المياه الفلسطينية وAMP: أخذ الأفضل من كلا العالمين

• PWAdvent هو تقويم المجيء المثالي لأي شخص لديه شغف بمنصة الويب.

• 
  
  • WebStorm 2020.3: , Tailwind CSS
  
  • WMR: -. , Preact, . TSX, HMR, CSS Modules, npm ,
  
  • Snowpack v3.0. Streaming NPM Imports, , , JavaScript API
  
  • Puppeteer vs Selenium vs Playwright —
  
  

• 
  
  • Layout Shift netlify.com
  
  •
  
  • Google Fonts
  
  • «» -
  
  • BBC World Service 31 react 83%
  
  

• 
  
  • -
  
  • A11y Advent Calendar
  
  

• 
  
  • SVG  border-image
  
  •
  
  • - Svelte
  
  

CSS

• DRY CSS: كيفية استخدام كل إعلان مرة واحدة فقط

• تفاصيل حول استخدام وظيفة minmax () CSS في تخطيطات الشبكة

• نتائج استطلاع حالة CSS 2020

• أدوات تطوير المتصفح المفقودة لـ Tailwind CSS

• كيفية إنشاء عناصر ثابتة عملت مربعات ملء الشاشة بشكل جيد معًا

• التقويم مع ثلاثة أسطر من CSS

• كيفية إنشاء مخطط باستخدام CSS

• كيفية إضافة نص إلى الحدود باستخدام عناصر HTML الأساسية

• نسب العرض إلى الارتفاع الأصلية في CSS باستخدام نسبة العرض إلى الارتفاع

جافا سكريبت

• TypeScrip: أوه ، نظام النوع الممتع هذا

• تحول JavaScript إلى 25: تاريخ موجز للغة و 50٪ من WebStorm

• بدأ استطلاع حالة JavaScript لعام 2020

• هذا ما قاله الناس في صناعة التكنولوجيا عن JavaScript عندما ظهرت لأول مرة في 1995

• تعبت من النكات السخيفة؟ اكتب مكتبة JS الحسابية الدقيقة التعسفية الخاصة بك

• دليل دمج JavaScript من Apple Music

• js25.org: موقع سجل JS المخصص للاحتفال بالذكرى السنوية الخامسة والعشرين لتأسيسه

• 
  
  • 5 JavaScript
  
  • Math.random() JavaScript
  
  • JavaScript
  
  • Incremental vs Virtual DOM
  
  

• React
  
  • SEO- React Single Page Application
  
  • useCallback
  
  • React
  
  • React
  
  • React Hooks : 2
  
  • useState useEffect ReactJS Hooks
  
  • ReactJS Ably
  
  

• Vue
  
  • Ionic & Vue.js — ( )
  
  • Nuxt.js Single Page Application Boilerplate
  
  • Vue.js 1
  
  

• Angular
  
  • ngTemplateOutlet:
  
  • Jest Angular
  
  • Angular 10 Transclusion:
  
  • Ionic/Angular -
  
  

• Ember
  
  • The Ember Times — Issue No. 169
  
  • Ember.js 2020 Tech Talk | coloradoSprings.js Meetup
  
  • -- Ember — Aad Versteden
  
  

• Libs & Plugins
  
  • List.js — , , HTML.
  
  • EasyGrid — VanillaJS
  
  • React-Tensorflow — React , Typescript Tensorflow
  
  

• التصفح في وضع عدم الاتصال كما لو كان عام 1995

• لم يعد Internet Explorer يدعم Microsoft Teams

• تم تقديم Beaker 1.0 مع منصة P2P للمواقع اللامركزية

• Chrome 88: السلع الرقمية وتقييم الإضاءة الواقعية المعززة والمزيد



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

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