Intisari materi segar dari dunia frontend untuk minggu terakhir # 435 (28 September - 4 Oktober 2020)

Kami memberikan perhatian Anda pilihan dengan tautan ke materi baru dari area frontend dan sekitarnya.

Media     |    Pengembangan Web     |    CSS     |    JavaScript

Media

• Podcast UnderJS # 27 - V8 lagi 8. 3/4/5 dan PHP 8

• Podcast Yunost Frontend # 157: Belajar untuk hidup dengan 280k per bulan

• Podcast CSSSR - Firefox 81, JSX Transform baru, kritik terhadap Komponen Web, pengoptimalan CDN , V8 8.6, Hacktoberfest 2020

pengembangan web

• Mengapa kita membutuhkan tim Frontend Core khusus dan bagaimana kita mengimplementasikan sistem desain

• Mengapa saya memilih Next.js daripada Gatsby, Gridsome atau Nuxt?

• Anda tidak tahu bagaimana jendela modal seharusnya bekerja

• Video yang lambat dimuat

• Cara menggunakan pelacakan wajah untuk berinteraksi dengan tipografi

• Jadikan PWA Anda lebih terlihat seperti aplikasi

• Ups, menurut saya kami (pengembang front-end) sekarang adalah pengembang lengkap

• Buat efek cermin dengan React-Three-Fiber dan Three.js

• 
  
  • Edge Dev Tools Visual Studio Code
  
  • ESLint —
  
  • DevTools (Chrome 87)
  
  • DevTools
  
  

CSS

• Panduan Lengkap untuk Query Media CSS

• Menutup Spaces (dalam flexbox). Artikel blog Igalia tentang pemecahan masalah spesifikasi flexbox

• Mencapai keselarasan vertikal (terima kasih Subgrid!)

• Bagaimana cara menyesuaikan ukuran font secara otomatis menggunakan CSS font-size-adjust?

• Inspektur untuk CSS Grid di Chrome

• Bagaimana cara membuat layer semi-transparan untuk background menggunakan CSS tanpa mempengaruhi teks

• Bagaimana cara menggunakan Tailwind CSS?

JavaScript

• Trik TypeScript sederhana untuk menskalakan aplikasi Anda tanpa batas

• Deklaratif Shadow DOM. Cara baru untuk mengimplementasikan dan menggunakan Shadow DOM langsung di HTML.

• Pengumuman MobX 6

• Kompilasi jaringan neural JavaScript dalam kode kurang dari 500kb

• Kebocoran memori di jendela yang tidak disematkan

• Teori
  
  • Memahami Spesifikasi ECMAScript Bagian 2
  
  • Opsi Pemrograman Berorientasi Objek (dalam JavaScript)
  
  • Memahami Generik TypeScript
  
  • 8 Kesalahan Umum JavaScript yang Harus Dihindari
  
  • Kekekalan dalam JavaScript
  
  

• React
  
  • Visx — React-, Airbnb
  
  • JSX React 17 Release Candidate
  
  • SVG React React Icons Font Awesome
  
  • C JQuery React: HelloSign
  
  • Service Workers create-react-app
  
  • useEffect
  
  • react-chrono — react
  
  

• Vue
  
  • Vue 3.0 —
  
  •   Vue.js: « ,   »
  
  • Vue.js.
  
  • Composition API Vuex?
  
  

• Angular
  
  • Angular Pipes
  
  • RxJS. RxJS 7
  
  • Angular schematics
  
  

• Svelte
  
  • Svelte: 2020 .
  
  • Svelte
  
  • Svelte
  
  

• Libs & Plugins
  
  • Shoelace 2.0: Library Komponen Web Tingkat Lanjut
  
  • smolpxl - Menulis game retro pixelated di JavaScript.
  
  • Pencarian Cerdas - Cara yang efisien untuk memuat data dalam jumlah besar ke dalam aplikasi frontend dan bekerja dengannya secara intuitif
  
  

Cerna selama seminggu terakhir .

Bahan disiapkan dersmoll dan alekskorovin .