Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 388 (4 - 10 November, 2019)

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

Media | Pengembangan Web | CSS | Javascript | Peramban |

Media

• Frontend Youth Podcast: Rilis hangat # 114 bersama Dan Abramov
• CSSSR Podcast: Berita 512 - TypeScript 3.7, React Concurrent Mode, GraphQL API, Gitlab, dan Geopolitik
• Repozitorro # 33 - Tinjauan Tata Letak Paling Lengkap

Pengembangan web

• Mengapa menggunakan CSS pihak ketiga dan JS di situs Anda berbahaya
• Ubah aplikasi Anda yang ada menjadi aplikasi web progresif
• 5 Tip untuk Membangun Aplikasi Aman (Web)
• Apple sedang mencoba untuk membunuh teknologi web
• GraphQL: Dokumenter (versi Rusia)

• Alat-alatnya
  • Google munafik. Wawasan PageSpeed
  • Prettier 1.19: opsi Vue yang telah lama ditunggu, TypeScript 3.7 dan fitur-fitur JavaScript baru
  • Cara mengoptimalkan Webpack 4 Tree Shaking sepenuhnya
  

• Performa
  • "Jackal": peras bagian depan
  • Memuat skrip modern
  • Mengapa pengujian beban dan pengujian kinerja harus melampaui pengujian waktu respons
  • Optimalisasi Gambar untuk Pengguna Jaringan Rendah
  

• Ketersediaan
  • Buat gaya gaya menunjuk, fokus, dan aktif berbeda.
  • Di luar pengujian aksesibilitas otomatis: enam hal yang saya periksa di setiap situs saya
  • Apa yang saya pelajari tentang aksesibilitas SPA
  • label aria tidak diterjemahkan
  • Bagaimana aksesibilitas menjadi semakin penting dalam pengembangan web
  

CSS

• Apakah ada angka acak di CSS?
• Tingkatkan CSS Anda dengan 5 prinsip ini.
• Jangan Menyulitkan Scalable CSS
• Variabel CSS dengan Gaya Inline
• Beberapa hal yang harus Anda ketahui ketika bekerja dengan unit viewport
• Tampilkan tombol pencarian saat bidang pencarian tidak kosong
• Tutorial kotak CSS: 13 tips dan trik yang harus diketahui pengembang web
• Kekuatan prosesor CSS dalam pengembangan aplikasi web
• Sintaks dengan dua nilai tampilan (dan kadang-kadang dengan tiga)
• Trik animasi dot pada huruf "i"
• 8 filter CSS untuk gambar dengan kode sampel
• PureCSS Lace : membuat kembali potret dalam CSS murni

Javascript

• Pengetikan API REST untuk pengembang frontend
• Axios vs Fetch - apa yang harus digunakan pada tahun 2019
• Praktik Terbaik Node.js
• Fitur JavaScript Baru Yang Akan Anda Ketahui Tentang Jika Anda Menggunakan JavaScript Setiap Hari

• Teori
  • Pemrograman fungsional dari sudut pandang EcmaScript. Fungsi murni, lambda, kekebalan
  • LexicalEnvironment dan Penutupan di EcmaScript
  • Bahkan anak-anak akan mengerti: penjelasan sederhana tentang async / menunggu dan janji dalam JavaScript
  • Apa perbedaan antara pewarisan prototipe dengan warisan klasik?
  • Apa itu Generator dalam JavaScript?
  • Apa yang super () dalam JavaScript?
  • Memutuskan rantai dengan pipa dalam JavaScript modern
  • Atribut Properti JavaScript
  

• Bereaksi
  • Menggunakan i18n dengan Next.js & Bereaksi konteks API
  • React Query - Hooks untuk mengambil, menyimpan, dan memperbarui data asinkron di Bereaksi
  • Metode siklus hidup, kaitan, harapan: apa saja pilihan terbaik dalam Bereaksi?
  • 3 cara untuk membuat perpustakaan komponen Anda sendiri di Bereaksi
  • Bereksperimen dengan mode Concurrent baru React
  • 39 Advanced React Job Wawancara Jawaban Yang Harus Anda Perjelas Hari Ini
  

• Vue
  • Siap untuk Produksi Vue SSR: 5 Langkah Mudah
  • Rooting otomatis dalam aplikasi di Vue.js
  • Penanganan formulir di Vue.js
  

• Sudut
  • Atribut Lengkap dan Arahan Struktural di Angular
  • Google Maps sekarang menjadi komponen dari Angular
  • 26 pertanyaan terbaik dalam wawancara 8 Sudut pada tahun 2020
  

• Ember
  • Braket Sudut Panggilan untuk komponen bersarang (3,10)
  • EmberFest 2019
  

• Libs & plugins
  • hybrids.js - komponen web deklaratif dan fungsional
  • tenko - 100% spesifikasi yang sesuai JavaScript parser ES2020, ditulis dalam JS
  • Proton: Animasi Partikel Ringan JS Library
  • cashify: perpustakaan konversi mata uang, penggantinya money.js
  

Browser

• Pada malam hari versi Firefox muncul dukungan untuk HTTP / 3
• Versi rilis Microsoft Edge on Chromium akan dikirimkan tanpa dukungan ARM64, sinkronisasi riwayat, dan ekstensi
• Tahun depan, Firefox dan Chrome akan mulai menyembunyikan pemberitahuan pop-up
• Mempersiapkan Situs Anda untuk Microsoft Edge Baru

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.

Digest Intisari minggu lalu
Bahan disiapkan oleh dersmoll dan alekskorovin