Intisari materi segar dari dunia frontend untuk minggu terakhir # 436 (5 - 11 Oktober 2020)

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

Media     |    Pengembangan Web     |    CSS     |    JavaScript     |    Browser

Media

• Podcast CSSSR: CSS Grid di Chrome DevTools 87, Microservices, TypeScript Tricks, Spamtoberfest, VS Code Era

• Web Standards Podcast # 250. Tepi dalam Kode VS, Inspektur Kisi, Kesenjangan dan Kelenturan, Matematika dalam CSS, Hacktoberfest, Sumber Terbuka

• Podcast Yunost Frontend # 159: SOLID vs SOLOD

pengembangan web

• Membuat favicon untuk situs 2020

• Menggunakan kebijakan keamanan konten (CSP) untuk melindungi aplikasi web

• Memperluas tanggung jawab pengembang front-end

• Web tidak dibuat untuk privasi, tetapi bisa

• Aplikasi satu halaman Anda sekarang menjadi polyfill

• API
  
  • — Event Conversion Measurement API.
  
  • Web Share API
  
  • The File System Access API:
  
  

• 
  
  • Webpack 5
  
  • DevTools (Chrome 86)
  
  • RSLint — JS-, Rust, , .
  
  • npmx — CLI npm
  
  

• 
  
  •
  
  • HTML5 Lazy Loading CSS JavaScript
  
  • Cumulative Layout Shift
  
  • Cumulative Layout Shift
  
  

• 
  
  • :
  
  

• 
  
  • WebGL Curtains.js
  
  • Webgl SLider
  
  

CSS

• Variabel CSS 101: Panduan Lengkap untuk Variabel CSS dengan Contoh

• Penghitung Animasi dengan CSS

• : terlihat fokus di sini

• Solusi Grid CSS yang elegan untuk tata letak dengan konten terpusat yang dipecah oleh kotak lebar penuh

• Panduan Formulir HTML / CSS (tanpa hacks)

• Contoh bagus dari transformasi 3D di CSS

• Buat browser media yang responsif dengan CSS

• Seimbangkan sumbu dengan Flexbox

• Aneh tapi berfungsi Flex: bagan interaktif dengan Flexbox

• penjepit () untuk desain responsif

JavaScript

• Praktik terbaik untuk penanganan kesalahan dalam JavaScript modern

• Kerangka Javascript untuk mengembangkan aplikasi bisnis

• Menangani berbagai permintaan dalam pekerja layanan

• Bagaimana bekerja dengan elemen multiselect di vanilla JS

• Bagaimana membuat tombol gulir ke atas yang tidak mengganggu

• Apa yang akan berlaku di masa depan untuk JavaScript?

• Apa yang saya kagumi tentang TypeScript 4.0

• 
  
  • - JavaScript
  
  • - JavaScript:
  
  • JavaScript
  
  • Event Loop Call Stack JavaScript
  
  • JavaScript —
  
  

• React
  
  • MobX, Redux,
  
  • useEffect
  
  • - React (PWA)
  
  • React Hooks:
  
  • JavaScript-less Static SSR Styled Components
  
  • Render React ?
  
  • Figma React
  
  

• Vue
  
  • - Vue.js
  
  • To-Do: Composition API Vuex
  
  

• Angular
  
  • Angular Component Libraries Accessibility
  
  • Inputs & Outputs: Angular
  
  • : Angular
  
  • angular/router: RouterScroller ?
  
  

• Ember
  
  • The Ember Times — Issue No. 165
  
  • in-element Ember.js
  
  • Ember Octane Glimmer Components
  
  • React Ember:
  
  • React Component Ember.js
  
  

• Libs & Plugins
  
  • ZzFXM - generator musik JavaScipt kecil
  
  • meta-fetcher: parser meta-data kecil untuk URL tertentu
  
  • spotify-api - pembungkus cepat untuk berinteraksi dengan api spotify
  
  

Browser

• Chrome memulai aktivasi IETF QUIC dan HTTP / 3

• Rilis Chrome 86

• Google Chrome tetap menjadi browser paling populer di China

• Microsoft mengungkapkan mengapa browser di Windows 10 membuat begitu banyak proses

• Microsoft mengumumkan fitur baru untuk Microsoft Edge

• Riwayat browser web



← Intisari minggu lalu

Bahan disiapkan dersmoll dan alekskorovin