Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 371 (24 - 30 Juni, 2019)

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

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

---

Media

• Standar Web Podcast , Edisi No. 182. Node.js, npm dan JetBrains, pekerja layanan dan WASM, harga JS, CSS modern, aksesibilitas
• Standar Web Podcast , Edisi No. 181. Pertemuan Panda, Chrome 76, a11y, roti panggang, preprosesor, dan jQuery
• Frontend Weekend podcast # 94 - Denis Mishunov tentang mengapa Anda harus pergi ke Norwegia dan bekerja dari jarak jauh di GitLab
• Podcast CSSSR, Berita 512 : Vue 3 RFC diperbarui, lebih lanjut tentang layanan mikro, pembunuh Redux baru, dan publikasi menarik
• Podcast Frontend Youth (18+) # 97: Arsitektur Anda Tidak Pantas
• Repozitorro # 20 - Portofolio sebaliknya ...
• WSD di Moskow 2019 , 8 video
• Amsterdam JSNation 2019 , 15 video
• Syntax.fm podcast No. 154: SVG dengan Sara Soueidan

Pengembangan web

• Cara mengatur analitik web pada halaman AMP
• Memulai dengan Kinerja Web? Itulah yang perlu Anda fokuskan.
• Membuat PWA dengan Webpack dan Workbox
• API Deteksi Spam
• Mensimulasikan posisi relatif SVG bersarang di dalam SVG
• Bisakah HTML melakukan itu? . Pilihan demo yang menunjukkan kekuatan HTML murni

• Aksesibilitas:
  • Bagaimana pohon aksesibilitas menginformasikan teknologi bantu
  • Laporan Litigasi Aksesibilitas Web (Kepatuhan ADA) untuk paruh pertama. (Spoiler: gugatan baru setiap jam)
  • Apa aksesibilitas untuk aplikasi web dan mengapa itu mengganggu saya?
  

• Web spektakuler:
  • Cara membuat animasi gulir terkait
  • Situs interaktif untuk mempelajari dasar-dasar musik sintetis . Didukung oleh Audio Web, WebAssembly dan WebGL menggunakan three.js, Tone.js, anime.js dan Bereaksi dengan TypeScript
  • useAnimations: ikon animasi menggunakan kerangka Lottie dan After Effects untuk digunakan dalam aplikasi dan situs web
  

CSS

• 10 plugin PostCSS yang akan menghemat waktu tata letak Anda
• 18 tips CSS untuk membuat hidup pengembang Anda lebih mudah
• Tiga prediksi dari Survei State of CSS 2019
• Panduan Lengkap Centering Menggunakan Flexbox
• a11y-css-reset
• Jadwalkan konferensi di CSS Grid
• Seret-n-jatuhkan lengket, tanpa JS!
• Font variabel untuk pengembang
• Pikirkan BEM sebagai filosofi antarmuka pengguna alih-alih menamai kelas CSS

Javascript

• Biaya JavaScript pada tahun 2019 oleh Addy Osmani
• RxJS: pengantar sederhana
• Pencarian Instan Vanilla JavaScript

• Teori:
  • JavaScript Fungsional: lima cara untuk menemukan rata-rata aritmatika elemen larik dan metode .reduce ()
  • 5 fitur ES2019 yang dapat Anda gunakan hari ini
  • Cara mengonfigurasi polyfill global ini dalam JavaScript universal
  • Memahami Async / Menunggu dalam JavaScript menggunakan contoh
  • Koleksi JavaScript - Set, Peta, WeakMap, dan WeakSet
  

• Mongo / Simpul:
  • Pola Desain di Node.js: Panduan Praktis
  • Modul ECMAScript baru didukung di Node.js 12
  • Firebase atau MongoDB: basis data mana yang digunakan untuk pengembangan aplikasi
  

• VueJS:
  • Menggunakan middleware di Vue
  • Mengapa orang marah pada Vue 3
  • Panduan Pemula Vue CLI
  • Kapan atribut kunci oleh Vue benar-benar dibutuhkan dan mengapa?
  • Bagaimana cara memulai dengan Vuetify
  

• Bereaksi:
  • Mengembangkan aplikasi untuk streaming menggunakan Node.js dan Bereaksi
  • Memperkenalkan penggunaanReducer React Hook
  • Bereaksi Mitos Tidak Terjangkau
  • Sepuluh Perintah Komponen Bereaksi
  • Menambahkan Komponen WebAssembly ke Aplikasi Bereaksi
  • Konsep lanjutan dari React hooks dijelaskan pada contoh game Snake
  • Next.js atau Create React App: aplikasi mana yang lebih produktif?
  

• Sudut:
  • Keadaan sudut pada 2019
  • Memahami keajaiban di balik elemen Sudut
  • Membuat pemutar musik menggunakan Kendo UI dan Angular
  • Apa yang saya pelajari dari 3 tahun pengembangan di Angular 2+
  

• Ember:
  • Memulai dengan Glimmer-Native
  • Pertemuan Seattle Ember.js dengan Yehuda Katz
  • Wishes untuk peta jalan Ember 2019
  

• Libs & Plugins:
  • 10 perpustakaan JavaScript terbaik untuk memvisualisasikan data pada grafik dan bagan
  • freezeframe.js - perpustakaan yang menjeda animasi .gif, memicu animasi pada mouseover / klik / sentuh
  • TWGL : perpustakaan pembantu kecil untuk WebGL
  • pixelmatch: perpustakaan JS kecil, sederhana dan cepat untuk perbandingan gambar piksel demi piksel
  • svelte-adapter: menggunakan komponen Svelte dengan Vue dan React
  

Browser

• Firefox Nightly menguji pembuat kata sandi
• Mozilla Melacak Alat INI Trik Algoritma Periklanan
• Microsoft Edge akan memiliki tiga mode pemblokiran skrip pelacakan
• Firefox 68 akan menawarkan implementasi baru bilah alamat
• Rilis pertama dari browser Firefox Preview baru untuk Android

Menghibur

• Keterampilan paling penting yang bisa dikuasai programmer
• Pengguna Google sekarang dapat membatasi waktu penyimpanan data aktivitas (riwayat lokasi, aplikasi, dan pencarian web) di server perusahaan
• Terminal Windows - dasar-dasar pengaturan dan tayangan pertama
• "Pengembangan bahasa Kotlin jauh lebih mahal daripada produk rata-rata kami": sebuah wawancara dengan kepala JetBrains
• Mengapa ini layak termasuk membuat prototipe dalam pengembangan
• Facebook, Google dan perusahaan IT lainnya akan bersama-sama membuat serangkaian tes untuk AI
• Trump secara lisan mengizinkan perusahaan-perusahaan AS untuk bekerja dengan Huawei
A.

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

Intisari minggu lalu .
Bahan disiapkan oleh dersmoll dan alekskorovin .