Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 340 (19 - 25 November 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 # 80 - Gordey Levchenko tentang pindah ke Kazakhstan dan mengembangkan komunitas frontend di Astana
• Devshahta Podcast: # 58: UFADEVCONF, Node.js Kondisi pada tahun 2018
• CSSSR Podcast News 512 - Edisi No. 30 (19 November - 25 November)
• Blog video Vadim Makeev 10. Skillbox, pengoptimalan grafik, Squoosh dan elemen gambar

Pengembangan web

• Menuju QUIC: Yang Mendasari HTTP / 3
• Kembangkan browser Anda dari awal. Bagian Satu: HTML
• Pekerja web vs Pekerja layanan vs Worklets
• Mengapa dan bagaimana menggunakan gambar WebP hari ini
• Menjelajahi Shadow DOM
• WebSockets - menyelam jauh ke dalam konsep
• Penulisan Ulang Sejarah Git dan Sumber JS untuk Kesenangan dan Manfaat

• Kinerja:
  • Anda tidak perlu PWA atau AMP untuk membuat situs Anda cepat
  • Five Whys About Kinerja Unduhan Font Web
  • Konten Signifikan Kedua: Metrik Kinerja Terburuk
  • Font Google Cepat dengan Cloudflare Pekerja
  

• Alat:
  • JetBrains memperbarui WebStorm IDE ke versi 2018.3
  • Demoboard: Kotak pasir online untuk membuat demo di JS dan Markdown, yang mengimpor paket apa pun dengan npm. Tidak ada lagi yang mengganggu dengan package.json dan node_modules
  • create-yo: gunakan generator Yeoman. Jangan pasang.
  

• Aksesibilitas:
  • Hukum Eropa tentang Aksesibilitas: Negosiasi antara Parlemen dan Dewan Uni Eropa
  • Aksesibilitas media: apakah ini penting?
  

CSS

• Memasak CSS Sempurna
• Flexbox Infografis teknologi
• Beberapa kiat CSS praktis
• Perbaikan progresif | Aturan CSS @support
• Keadaan saat ini kemampuan untuk menyesuaikan dgn gaya scrollbar
• Pemisah di dalam <select>
• Pengecualian CSS diharapkan akan terlihat seperti float ramah jaringan yang lebih canggih
• Penjelasan lain tentang CSS Position Absolute
• Eksperimen mode penulisan CSS
• Dan lagi tentang urutan properti di CSS

Javascript

• Analisis mutasi, atau cara menguji tes
• 5 fitur jQuery dikonversi ke JavaScript asli
• 10 perintah konsol untuk menyederhanakan debugging kode JavaScript
• Keadaan JavaScript 2018
• Jajak pendapat State of JS adalah lelucon
• Bereksperimen dengan Antarmuka Otak-ke-Komputer dalam JavaScript
• Pengantar Imba: bahasa DOM yang kompatibel dengan JavaScript secepat mungkin
• Dart untuk Programer JavaScript
• Menambahkan operator pipa (jalur pipa) ke JavaScript
• 7 alasan tidak menggunakan TypeScript
• htm: Marka Tag Hiperskrip : alternatif JSX menggunakan templat tag standar dengan dukungan kompiler

• Teori:
  • Memahami Memoisasi dalam JavaScript untuk Kinerja yang Lebih Baik
  • Menyalin semua yang ada di JavaScript: cara membedakan antara penyalinan yang dangkal dan dalam
  

• Bereaksi:
  • Redux Idiomatik: Riwayat Implementasi React-Redux
  • Cara membuat Daftar Todo dengan React Hooks
  • 5 cara mendesain komponen Bereaksi pada tahun 2019
  • Penggunaan Kembali Kode dengan Mudah dengan React Hooks
  • Cara membuat aplikasi tiga lapis di Bereaksi
  • Fungsionalitas ujung-ke-ujung dalam Bereaksi menggunakan komponen orde tinggi, render props, dan kait
  • E-Commerce untuk Pengembang Bereaksi [w / Gatsby Tutorial]
  • Negara Bereaksi (Berdasarkan Survei Negara JavaScript 2018)
  • BEJ adalah gula sintaksis
  • Bereaksi Podcast 29: Jangan Menulis Ulang Aplikasi Anda untuk Hooks dan Suspense dengan Jared Palmer
  

• VueJS:
  • Vue untuk pengembang jQuery
  • Cara membuat SPA menggunakan Vue.js, Vuex, Vuetify, dan Firebase
  • Membuat Infografis Interaktif dengan Vue.js
  • Mengetik Vuex tanpa TypeScript
  • Setumpuk kartu interaktif dengan kemampuan menggesek ke Vue.js dan berinteraksi.js
  

• Sudut:
  • Buat daftar interaktif dengan alat Angular 7 Drag and Drop baru
  • Awesome Angular GraphQL - pilihan sumber daya
  • Penanganan Kesalahan dengan Angular 6 - Tips dan Praktik Terbaik
  • Keadaan Survei JavaScript 2018 dalam konteks Angular
  • Buat templat yang dapat dicari di Angular
  

• Libs & Plugins:
  • autoComplete.js - pelengkapan otomatis sederhana dalam Javascript murni
  • Membuat musik dengan magenta.js
  • cms.js: generator situs klien
  

Web yang spektakuler

• Cara bekerja dengan matriks dalam filter SVG
• Efek api di bawah #codevember
• Efek morphing saat mengubah negara bagian AS
• Halaman interaktif orano.group dengan kombinasi efek dan fungsionalitas yang keren
• Situs web brutal

Browser

• Firefox 65 akan mendesain ulang antarmuka konfigurasi pemblokiran konten
• Serangan pada peramban telah diperkenalkan, memungkinkan Anda untuk menentukan situs di tab lain
• Microsoft dan Google sedang mengembangkan versi browser Chrome untuk Windows di ARM

Menghibur

• Harga Human Black Friday
• Pembelajaran Mesin di Google: Apa yang Baru?
• Situs WordPress diserang menggunakan kerentanan plugin AMP untuk WP
• WWW: JPEG Archive - satu set utilitas untuk kompresi foto yang optimal
• Mozilla memperkenalkan sistem sintesis bicara LPCNet
• "Bendgate 2": tablet Apple iPad Pro yang baru dapat dengan mudah dideformasi - bahkan dalam beberapa hari penggunaan umum
• Cara meningkatkan produktivitas - kiat dari 9 CEO

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 .