Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 341 (26 November - 2 Desember 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 # 81 - Ekaterina Pavlenko tentang bagaimana komite program HolyJS bekerja dari dalam
• Podcast "Standar Web", Edisi No 149: Lingkup Bergulir, aksesibilitas, bentuk dan font, grafik progresif, bagaimana dengan React, open source berbahaya
• Devshacht - Podcast: 59: Cara Membuat Laporan yang Keren
• Podcast CSSSR, Berita 512 - Edisi No. 31 (26 November - 2 Desember)
• Blog video Vadim Makeev: 11. Prototipe isolasi gaya untuk Shower pada komponen web
• WSD di Minsk, 2018 , menyiarkan rekaman
• performance.now (), 16 video dari konferensi, di mana 16 pembicara kelas dunia membahas aspek terpenting dari produktivitas web ( + catatan untuk setiap laporan )
• Frontend NE: Konferensi 2018

Pengembangan web

• Aturan aksesibilitas yang berguna yang akan diingat
• Background Fetch API: Bersiaplah Untuk Menggunakannya!
• Bagaimana dan kapan menggunakan atribut tabindex

• AMP / PWA:
  • Google telah menerbitkan FAQ pengindeksan AMP terperinci
  • Selamat tinggal, Elektron. Halo PWA desktop
  • “Aplikasi Web Progresif. Masa depan Web Seluler ” : Buku PDF gratis yang dirilis dengan dukungan dari Google, Microsoft dan Awwwards
  • Panduan Luas untuk Aplikasi Web Progresif
  • Aplikasi Web Progresif vs Aplikasi Asli
  • Ubah aplikasi Vue Anda menjadi PWA!
  

• Kinerja:
  • WebP akan segera mengambil alih web, tetapi itu tidak akan lama
  • Haruskah saya menggunakan JavaScript untuk memuat font web saya?
  • Kami beradaptasi untuk pengguna yang menggunakan Petunjuk Klien
  • Meretas Kinerja Web . Max Firtman berbicara di Heapcon 2018 yang membahas teknik kinerja ekstrem
  • Menghindari jebakan inlining kode otomatis (dalam konteks WP)
  

• Alat:
  • Apa yang Baru di DevTools (Chrome 72)
  • Konsol.Rulit ()
  

CSS

• CraSSh: memecah semua browser modern dengan perhitungan CSS
• Pengantar Properti CSS Kustom
• Buaian boks CSS yang benar
• css-grid-layout-generator.pw - alat yang dengannya Anda dapat dengan cepat dan jelas melakukan percobaan dengan kisi-kisi CSS dan mendapatkan kode pada hasilnya
• Pengantar Bentuk CSS
• Lihat Reset CSS (gaya nulling) pada tahun 2018
• Opsi untuk menghidupkan dan mematikan animasi CSS
• Cukup gunakan: gaya fokus, sial
• CSS Animation 101 - Kursus Populer oleh Donovan Hutchinson Sekarang Tersedia sebagai Buku Gratis
• Semua Tentang Variabel Lingkungan CSS
• Kerangka kerja NES.css CSS terinspirasi oleh NES
• Tautkan efek visualisasi kreatif
• Memulai dengan font variabel dalam CSS
• Membuat galeri CSS dengan tata letak kotak (dengan efek blur dan ekspresi media interaktif)
• Menciptakan Antarmuka Masa Depan: Formulir Kustom

Javascript

• Panduan penanganan kesalahan JavaScript
• Keadaan JavaScript 2018: Depan , Data adalah segalanya . Ilya Klimov menganalisis hasil polling populer
• Microsoft merilis TypeScript 3.2
• Sembunyikan kode JavaScript di frontend dari orang luar
• Betapa memalukannya saya untuk membandingkan const fucking dengan membiarkan sialan
• Situs utama berisi JavaScript yang tidak sah pada halaman pembayaran mereka
• Paket npm yang dikompromikan: event-stream
• Gulir Tak Terbatas dengan Generator
• Fitur JavaScript yang Sedikit Dikenal
• Konsep pemrograman fungsional dalam Javascript

• NodeJS:
  • Kerangka Node.js paling populer tahun 2018
  • Nodejs C ++ / JS Edge State: Menyeberangi Rubicon
  • 10 kerangka kerja Node untuk digunakan pada 2019
  • Menulis aplikasi yang efisien memori di Node.js
  • ncc: Node.js CLI tool dan API untuk mengkompilasi proyek Node.js menjadi satu file JS
  

• VueJS:
  • Pandangan mata Vue bird
  • Paket favorit saya untuk Vue.js & Nuxt.js untuk 2019
  • Percepat pengembangan Anda di Vue.js dengan Vue CLI 3
  

• Bereaksi:
  • React.js untuk melanjutkan
  • useEffect vs useLayoutEffect vs useMutationEffect
  • Bereaksi 16.x Roadmap
  • Komponen memuat malas (dan prapemuatan) di Bereaksi 16.6
  • 8 saran yang akan meningkatkan aplikasi Anda pada Bereaksi
  • Bereaksi Status Manajemen Negara pada 2019
  • React Podcast No. 30: Berkembang di Awan bersama Christina Holland
  

• Sudut:
  • Panduan Lengkap untuk Routing di Angular
  • Petualangan saya dengan meluncurkan Angular Ivy di dalam StackBlitz: ya, itu mungkin
  • Membuat aplikasi CRUD sederhana dengan Angular dan Node
  

• Libs & Plugins:
  • Membandingkan pustaka JavaScript untuk permintaan HTTP untuk 2019
  • progress-estimator - menampilkan bilah kemajuan dan perkiraan berapa lama janji akan dieksekusi
  • displaceable: perpustakaan kecil untuk menangani perpindahan elemen yang produktif relatif terhadap posisi mouse
  

Browser

• Konfigurasikan Firefox / Chrome untuk internet yang sangat lambat dan terbatas
• Pengembang Chrome berpikir tentang menghapus dukungan FTP
• Opera 57 menerima berita dan rekomendasi "pintar" dari Netflix
• Manajer tugas bawaan akan muncul di Firefox 64
• Browser untuk Firefox Reality 1.1 perangkat VR dirilis
• Audio Web, Kebijakan Putar Otomatis, dan Game

Menghibur

• Gambar dunia . Internet hal. Cara mengotomatisasi odnushka Anda hari ini
• Mengapa cryptocurrency jatuh - 5 alasan dari The New York Times
• SEO 101: Fakta, Tip, dan Mitos tentang Optimasi Mesin Pencari
• Visualisasi data dalam pekerjaan analis: jenis diagram dan mana yang harus dipilih
• Mengapa tidak memberikan item tes. Dan mengapa tidak membuatnya?
• Proyek OpenSSL beralih ke lisensi Apache dan mengubah skema penomoran rilis
• Instagram akan menjelaskan foto untuk pengguna tunanetra
• Timeline: proyek mana yang ditutup Google dan mengapa

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

Digest Intisari minggu lalu
Bahan disiapkan oleh dersmoll dan alekskorovin