Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 399 (20 - 26 Januari 2020)

Kami memberi Anda pilihan dengan tautan ke materi baru dari area depan dan di sekitarnya.

Media | Pengembangan Web | CSS | Javascript | Browser

Media

• CSSSR Podcast: News 512 - Styled Components 5.0, lazy-loading, tata letak multi-arah, ru Github
• Frontend Youth (18+) podcast # 123 Git dengan balalaika dan beruang
• Podcast "Devshahta / Night Frontend" No. 109: Pekerjaan kompeten dengan kesalahan. Monad Baik.
• Podcast "Standar Web" No. 211. Soft skill, sepakbola dan kehidupan tanpa frontend, komponen web, React, grids, performance, penyelam
• Make Me Beautiful Podcast, Edisi No. 33 - Tren Desain, Microbrows, dan Studi Berkembang
• Podcast Frontend Youth (18+) # 122 Fair Salary for Plankton

Pengembangan web

• Rendering Situs Web 101
• Selamat tinggal kode bersih
• Baru mengenal JAMstack? Hanya itu yang perlu Anda ketahui untuk memulai.
• Web 2020: Extensibility dan Interoperability
• Enam tips untuk bekerja untuk menginternasionalkan aplikasi web
• Panduan lengkap untuk iframe
• Tidak perlu membenci komponen web
• Membuat Tombol Arduino Menggunakan SVG dan elemen-lit

• Alat-alatnya
  • Lebih cantik dalam proyek-proyek besar: menghabiskan 20 menit pada pengaturan, lupakan tentang memformat selamanya
  • Optimasi waktu pembuatan proyek
  • Temui Benang 2!
  • Playwright adalah perpustakaan Node baru Microsoft untuk mengotomatisasi peramban di Chromium, WebKit, dan Firefox. Dibuat oleh pengembang Puppeteer, Playwright bertujuan untuk menciptakan platform otomatisasi web lintas-peramban, cepat dan hijau.
  • Konfigurasi ESLint dan praktik terbaik
  • Kisah Saya tentang Alat, Teknologi, dan Solusi Pengembangan Web
  

• Performa
  • Optimalisasi kinerja dan JavaScript
  • Google PageSpeed ​​Insights: The Truth About 100/100
  • Kecepatan dari seribu pemotongan
  

• Ketersediaan
  • Ketersediaan di Microsoft Edge baru
  • Ketersediaan yang buruk berarti kualitas yang buruk
  

• Efek
  • Kami menyadari efek visual dari film "The Matrix"
  • Efek penempatan gambar dari gulungan menggunakan Three.js
  • Pilihan antarmuka kreatif “Interaksi UI & Animasi Roundup # 2”
  • Malam di Museum of Very Good Boys
  

CSS

• RTL Styling 101 - Panduan terperinci untuk gaya CSS RTL
• CSS Cascade. Atau bagaimana browser mengatasi masalah dengan gaya CSS yang bersaing
• CSS Houdini: Semua yang Perlu Anda Ketahui Tentang API Paling Populer
• Memahami Kata Kunci CSS: Initial, Inherit, dan Unset
• Menggunakan pengubah adaptif untuk mengontrol perubahan tata letak pada komponen Anda
• Membuat Tata Letak Dua Arah
• Sedikit CSS imajiner
• 4 tata letak CSS tanpa menggunakan kueri media
• Tautan Gradien Multiline
• Gradien pelangi ajaib dengan CSS Houdini dan React Hooks
• Dimensi bagian dalam CSS

Javascript

• Inovasi JavaScript ES2020 dengan contoh sederhana
• Kesalahan umum saat menggunakan Promise dalam Javascript
• Membaca dan memproses file menggunakan JavaScript FileReader API
• 10 kerangka JavaScript paling penting dalam dekade terakhir
• Langsing - resep untuk kerangka kerja yang sukses?
• Kenapa aku menikmati Svelte
• Penggemar yang terhormat untuk Loop: mari gunakan metode Array
• Visualisasi JavaScript: Generator dan Iterator

• Bereaksi
  • Cara menggunakan Kontrol Inversi di JavaScript dan Reactjs untuk menyederhanakan penanganan kode
  • Tinjauan Umum BEJ dengan Tiga Contoh Non-Reaksi
  • 10 konsep JavaScript yang perlu Anda kuasai React (+ cheat sheet)
  • Bereaksi Panduan Pemula Siklus JSX
  • Buat formulir yang lebih mudah diakses dengan Bereaksi Ikon
  • Secara dinamis memuat komponen Bereaksi dengan kait
  

• Vue
  • Apa yang diharapkan di Vue 3.0?
  • Cara menulis aplikasi Vue.js seluruhnya dalam TypeScript
  • Cara membuat aplikasi web progresif di Vue.js
  • Love Vuetify? Temui PrimeVue, perpustakaan UI Vue baru yang kuat.
  • Korsel di Vue.js: dukungan dan kinerja SSR
  

• Sudut
  • Angular 9 dan Ivy: pemuatan komponen yang malas
  • Panduan Praktis untuk Angular: Layanan dan Injeksi Ketergantungan
  • Bagaimana menerapkan arsitektur micro frontend dengan Angular
  

• Ember
  • The Ember Times - Edisi 131
  • The Ember Times - No. Edisi 132
  • Bagaimana kami mencapai "evergreen" dibangun di aplikasi perusahaan di Ember.js
  • RouteInfo Metadata (3.10)
  

• Libs & plugins
  • Pustaka JS untuk memeriksa properti JS, yang merupakan data formulir.
  • Bereaksi Tanggal Bagus: adaptif, dengan dukungan acara sentuh, pustaka pemilih tanggal modular
  

Browser

• Microbrows ada di mana-mana. Tapi apa yang kita ketahui tentang mereka?
• Para peneliti menuduh Opera mengeluarkan pinjaman mikro pada 438% per tahun melewati aturan Google
• Google sedang menguji antarmuka menu Berbagi baru di Chrome - dengan alat untuk membuat kode QR dan tangkapan layar
• Tinjau versi final Microsoft Edge berdasarkan Chromium: teman lama yang baru
• Versi browser Apple Safari berikutnya akan dirilis tanpa dukungan Adobe Flash
• Mozilla telah memblokir 197 add-on Firefox dalam dua minggu terakhir
• Edgium

Kami mohon maaf atas kesalahan ketik atau tautan yang rusak / terduplikasi. Jika Anda melihat ada masalah - silakan tulis dalam email pribadi, kami mencoba untuk memperbaikinya dengan cepat.

Intisari minggu lalu .
Bahan disiapkan oleh dersmoll dan alekskorovin .