Intisari bahan segar dari dunia frontend untuk minggu terakhir # 438 (19-25 Oktober 2020)

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

Media     |    Pengembangan Web     |    CSS     |    JavaScript     |    Browser     |    Menghibur

Media

• Podcast "Make Me Beautiful" Masalah # 46: Ketikan dan Tata Letak Memecahkan Semua Masalah Mereka (Anda Tidak Melakukannya)

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

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

• Podcast IT Way: Tentang frontend untuk pemula, cara Aviasales bekerja (dan bekerja di). Episode 46 dari 10/24/2020

pengembangan web

• Komponen Web: Panduan Pemula

• Bagaimana mengeksekusi skrip dalam HTML. Tag skrip dan atribut async, defer, module, nomodule dan src

• Panduan untuk berbagai jenis penyimpanan di browser

• Atribut lang: browser berbohong, kebohongan.

• Cara yang lebih cerdas untuk membuat struktur HTML dengan deep nesting

• Alat
  
  • Mengonfigurasi Webpack 5 dari Awal
  
  • Yang Baru di DevTools (Microsoft Edge 87)
  
  • Menambahkan PWA Chromium Edge (Aplikasi Web Progresif) ke Microsoft Store
  
  

• 
  
  • - (WCAG) 2.1
  
  •
  
  • inert
  
  

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

CSS

• Status CSS 2020 . Survei tahunan tentang kondisi CSS saat ini dengan kemampuan untuk menilai tingkat pengetahuan Anda berdasarkan hasil penyelesaiannya

• Bagaimana cara menyusun CSS saya

• Memilih tata letak CSS - Grid atau Flexbox?

• Membuat Bentuk CSS dengan Emoji

• Berpikir di luar kotak dengan CSS Grid

• CSS dalam 3D: Belajar Berpikir dalam Kubus, Bukan Persegi Panjang

• “Pemilih CSS umum lambat dan harus dihindari” - kebohongan lain!

• Variabel dalam Sass, CSS, dan Variabel Tema Semantik

• Desain Tinggi Responsif

JavaScript

• Menggunakan "global" menunggu di JavaScript

• Opsi pemrograman berorientasi objek (dalam JavaScript)

• Rendering Sisi Klien vs Rendering Sisi Server vs Pembuatan Situs Statis

• Memecahkan masalah bodoh dengan JavaScript

• Observer API di JavaScript - Bagian II

• 6 lanjutan Fungsi JavaScript yang dapat Anda gunakan hari ini

• Cara membuat komponen akordeon yang ditingkatkan secara progresif menggunakan vanilla JS

• Rilis
  
  • Rilis Kerangka Server JavaScript Node.js 15.0
  
  • Buat Rilis Aplikasi React 4.0
  
  • Babel 7.12.0 Rilis TypeScript 4.1, string sebagai nama impor / ekspor, dan blok statis kelas
  
  

• 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
  
  • Berhenti menggunakan Moment.js untuk tanggal dan waktu dalam JavaScript
  
  • nsfwjs - Pustaka JavaScript sederhana untuk membantu Anda dengan cepat mengidentifikasi gambar cabul di sisi klien
  
  • Lucia adalah pustaka JS kecil (kompatibel dengan UMD) yang dapat menggantikan jQuery dan aplikasi dalam vanilla JavaScript.
  
  • fingerprintjs - Menghasilkan ID pengunjung situs web dari sidik jari digital browser
  
  

Browser

• Rilis Firefox 82

• Microsoft Edge untuk Linux - versi beta dari browser telah tersedia untuk semua orang

• Browser Chrome sekarang memiliki fungsi pencarian untuk tab yang terbuka

• Sekarang JScript di Internet Explorer dapat dinonaktifkan

Menghibur

• Photoshop telah menerima banyak fitur AI: smart sky replacement, advanced filter, dll.

• Di mana pun terdapat hyperlink dan kolom biru: seperti apa situs Apple, Google, dan Amazon di tahun 1999

• Bagaimana Cloudflare menghasilkan kunci kripto menggunakan 100 dinding lava entropi lampu

• Facebook telah menciptakan AI yang dapat menerjemahkan teks antara 100 bahasa langsung





Intisari minggu lalu .

Bahan disiapkan dersmoll dan alekskorovin .