Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 334 (7-14 Oktober, 2018)

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

Media | Pengembangan Web | CSS | Javascript | Peramban | Menghibur

---

Media

• Frontend Weekend podcast # 74 - Mikhail Bodnarchuk tentang bagaimana dan mengapa pengembang harus menguji kodenya
• Podcast Devshacht / Night Front End: 53: DevOops 2018
• Blog video Vadim Makeev 5. Politeknik, JPEG ajaib, bentuk yang tidak perlu dan objek-fit di SVG , 6. Perendaman dalam objek-fit: tutup dengan polyfill dan tanpa

Pengembangan web

• Mengapa kita tidak menambahkan elemen <wastik> ke HTML?
• Bagaimana mengubah pertanyaan yang sulit menjadi yang mudah di wawancara front-end
• Tentang generator situs statis
• Menyebarkan aplikasi front-end adalah cara yang menyenangkan.
• Menggunakan API Audio Web , Informasi Diperbarui Lengkap tentang MDN
• Teknik Lanjutan untuk Menggunakan API Audio Web: Pembuatan Suara, Urutan, Sinkronisasi, Penjadwalan

• Kinerja:
  • Kami mengoptimalkan web dengan Vitaliy Fridman: kecepatan unduh, memori, CPU
  • Memulai dengan Anggaran Kinerja , artikel Addy Osmani terperinci tentang nuansa dan aspek masalah
  • Pengiriman konten adaptif menggunakan JavaScript dan API Informasi Jaringan . Artikel lain oleh Addy Osmani tentang memilih aset yang berbeda tergantung pada kecepatan koneksi
  • Cara Terbaik untuk Meningkatkan Kinerja Unduhan Front End
  • Kisah sukses PWA + AMP lainnya: Bagaimana Superbalist meningkatkan kecepatan pemuatan halaman, sehingga meningkatkan konversi sebesar 26%
  

• Alat:
  • Apa yang Baru di DevTools (Chrome 71)
  • Favicon Checker adalah alat online untuk membandingkan favicon di semua browser utama, termasuk tema terang dan gelap.
  • termtosvg - utilitas untuk merekam apa yang terjadi di terminal sebagai SVG
  • halaman penurunan harga - skrip yang mengubah penurunan harga menjadi HTML dalam satu baris
  

• Aksesibilitas:
  • Lembar Curang Aksesibilitas
  • WordPress, Aksesibilitas dan Gutenberg
  • Saya meninggalkan posisi utama tim aksesibilitas di WordPress. Dan inilah alasannya
  

CSS

• Fitur Konten CSS
• CSS Border-Radius dapat melakukan ini?
• Bagaimana Saya Ingat Properti Kotak CSS
• Apakah orang yang diwawancarai Anda memahami tata letak CSS?
• Pemilih CSS yang berdekatan sebelumnya dan cara meniru mereka
• 5 hal yang dapat Anda lakukan di CSS-in-JS yang tidak Anda ketahui
• Editor Jalur Bentuk di Firefox

Javascript

• Panduan ES6 praktis tentang cara membuat permintaan HTTP menggunakan API Ambil
• Pintasan dalam JavaScript untuk pemula
• JavaScript Visualizer - alat untuk memvisualisasikan konteks, variabel mengambang, penutupan, prototipe dan konsep JS dasar lainnya untuk lebih memahami cara kerjanya
• Perendaman mendalam dalam JavaScript ini: mengapa sangat penting untuk menulis kode yang baik
• 13 game di ≤ 13kB dari JavaScriptJs13kGames 2018
• Mari kita berurusan dengan kebingungan seputar metode slice (), splice (), dan split () dalam JavaScript
• Rilis baru: Ember 3.4 , ESLint v5.7.0 , Aurelia-CLI v1.0.0-beta.1, kolektor Aurelia-CLI Baru dengan penelusuran otomatis

• VueJS:
  • Menggunakan Event Bus untuk berbagi alat peraga di antara komponen Vue
  • 12 perusahaan yang menggunakan Vue.js untuk mengembangkan aplikasi mereka
  • Aplikasi Offline-Pertama yang Optimis Dengan Vuex
  • Bekerja pada aplikasi di Vue.js dengan TDD adalah panduan lengkap untuk orang-orang yang punya waktu, bagian 1
  • Apa yang perlu Anda ketahui tentang Vue CLI 3
  

• Bereaksi:
  • Ketidaktahuan tentang dasar-dasar Bereaksi yang mungkin menghancurkan Anda
  • Caching Handler Peristiwa dan Reaksi Peningkatan Kinerja Aplikasi
  • Bagaimana menjadi pengembang Bereaksi pada tahun 2018
  • React.js: tampilan terbaik dari perpustakaan UI terkuat yang pernah dibuat
  • OOP dan RxJS: manajemen negara dalam Bereaksi dengan Akita
  • 11 kotak pasir untuk bekerja dengan komponen React UI
  • Cara menggabungkan Webpack 4 dan Babel 7 untuk membuat aplikasi Bereaksi yang fantastis
  • Apa yang Baru di Seri Video Buat React App 2.0
  • Apakah Anda perlu tahu Bereaksi menjadi pengembang WordPress?
  • Pengujian Bereaksi Aplikasi dengan perpustakaan reaksi-pengujian
  • Full Stack Radio: 99: Tim Neutkens - Membangun Aplikasi Bereaksi dengan Next.js
  

• Sudut:
  • 22 tips untuk pengembang Angular. Bagian 1 , Bagian 2
  • Beberapa Tips Sudut
  • Pengumuman rilis stabil pertama Konsol Angular - UI untuk Angular CLI
  • Bentuk bersarang di Angular 6
  • Referensi Sudut 6: Styling , Router
  • Angular & Chart.js (dengan ng2-chart)
  • Membuat aplikasi tumpukan penuh menggunakan Angular CLI dan Nx
  

• Libs & Plugins:
  • TensorFlow.js dan clmtrackr.js: melacak arah pandangan pengguna di browser
  • Deity Falcon - perpustakaan PWA cross-platform open-source untuk membuat situs jenis apa pun
  • perfume.js - perpustakaan JavaScript untuk mengukur Paint Pertama (Contentful), Waktu untuk Interaktif dan Delay Input Pertama.
  • mb - akses ke atribut bersarang dengan nilai nol tanpa kesalahan pengecualian
  • Muze - membangun visualisasi komposit untuk web dengan fokus pada data
  

Browser

• Hasil audit yang dipublikasikan dari sistem pembaruan Firefox
• Pengembang Mozilla Ditunda Mengakhiri Kepercayaan Sertifikat Symantec
• Kesenjangan telah ditemukan di Microsoft Edge yang memungkinkan Anda untuk menjalankan program apa pun
• Google Chrome akan segera berhenti bekerja pada perangkat yang menjalankan Android 4.3 dan di bawah
• Panggilan Antara JS dan WebAssembly Akhirnya Dapatkan Cepat di Firefox

Menghibur

• Kandidat rilis pertama Gutenberg 4.0 dirilis
• Evolusi kriptografi: dari matematika ke fisika
• ICANN Regulator Berhasil Mengubah Kunci Nama Domain
• Terjemahan visual Google Translate juga beralih ke teknologi saraf dan menerima dukungan untuk 13 bahasa baru
• Tutorial Windows PowerShell untuk Pemula
• Facebook mengungkapkan rincian peretasan terakhir: peretas menerima telepon dan alamat email 30 juta pengguna
• Google+ ditutup setelah kebocoran data 500.000 akun
• Yandex tidak bisa setuju dengan pemegang hak cipta tentang perjanjian anti-pembajakan yang baru
• Pengguna Alexa mengaku cinta mereka untuk asisten suara lebih dari satu juta kali, tetapi ditolak olehnya
• Microsoft telah membuka 60 ribu paten untuk melindungi Linux dari tuntutan hukum
A.

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 .