Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 343 (10 - 16 Desember 2018)

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

Media | Pengembangan Web | CSS | Javascript | Browser

---

Media

• Podcast "Standar Web", Edisi No. 151: Acara dan komunitas di Tver, Firefox, scrollbar dan engine, Petunjuk Quicklink dan Sumber Daya, offline, formulir, dan tabel.
• Frontend Weekend Podcast # 83 - Ilya Klimov tentang Bagaimana dan Mengapa Proyek Pendidikan JavaScript.Ninja Dibuat
• Devshahta # 61: TypeScript dan dukungannya di JetBrains IDE
• Podcast "Frontend Youth (18+)" # 75 Dada pada keyboard , # 76 Cara meningkatkan komunitas frontend
• CSSSR Podcast Remote Talk # 03 - Alexey Volkov dan Olesya Kozlova, Chelyabinsk
• "ALL HTML ANDA" # s2e1: "Teks Satelit" (teks biasa di sekitar gambar), aliran pertama musim baru

Pengembangan web

• Cara kerja browser - pengantar keamanan aplikasi web
• Tinjauan singkat pengembangan front-end pada tahun 2018
• Pembuat Kode GraphQL
• Membuat formulir login animasi untuk TouchID

• Kinerja:
  • Pola anti-kinerja: Pengkodean Base64
  • Mengukur Dampak Kinerja Ekstensi Chrome
  • Semua Tentang Prefetching
  • GoogleChromeLabs / quicklink - alat yang mempercepat preload halaman dengan memilih tautan di viewport selama downtime
  

• AMP / PWA:
  • Kasus: bagaimana Pinterest beralih ke PWA dan meningkatkan aktivitas pengguna hingga 60%
  • Apakah ada perang dingin antara Android dan Chrome melalui PWA?
  • Lebih cepat dari AMP
  

• Aksesibilitas:
  • JavaScript dan hak sipil. Menggunakan teknologi kami. keterampilan untuk melindungi hak pengguna yang setara
  • Bukan Strategi Navigasi Kuno: Ini Lebih Dari Sekedar Kunci Tab
  • Menggunakan aria-live
  • Apakah semuanya berubah? Apa yang bisa terjadi pada undang-undang aksesibilitas Inggris setelah Brexit
  • Firefox Accessibility Inspector sekarang menunjukkan kontras WCAG, termasuk rentang nilai untuk latar belakang gradien
  

CSS

• Cukup gunakan gaya untuk: fokus, neraka
• Pengantar dan Panduan untuk Model Objek CSS (CSSOM)
• DebuCSSer - Alat debugging CSS dengan nama yang tidak dapat diucapkan
• CSS-in-JS atau CSS-and-JS
• Properti visibilitas tidak hanya tentang visibilitas elemen
• Kapan: hover ,: fokus, dan: pseudo-class aktif berlaku?
• Periksa apakah input CSS kosong
• Menjelajahi Properti Spesifikasi CSS
• CSS Math

Javascript

• Tentang manfaat menanamkan CSS di JS
• Siapa yang berpartisipasi dalam Survei 2018 JavaScript?
• Injeksi JavaScript Tingkat Lanjut
• Blog Teknologi Netflix: Temuan Kami Setelah Implementasi GraphQL
• JavaScript: seberapa jauh kita telah sampai
• Duel menentukan antara tren teknologi: Bereaksi vs Angular vs Vue
• Gunakan fitur Javascript ini untuk membuat kode Anda lebih mudah dibaca.

• Node.js:
  • Pembelajaran Mesin dengan Node.js Menggunakan Perpustakaan Tensorflow.js
  • Luncurkan drone menggunakan React dan Node.js! (100% JavaScript!) - Bagian 1
  • 19 Cara untuk Menjadi Lebih Baik untuk Pengembang Node.js pada tahun 2019
  • API Node.js dan kerangka kerja web untuk 2019
  

• Teori:
  • Fitur JavaScript Eksplisit
  • Bagaimana JavaScript Bekerja: Tinjauan Umum tentang Engine, Runtime, dan Call Stack
  • Warisan JavaScript dan Rantai Prototipe
  • ECMAScript - coba sesuatu dari ES2019 (ES10)
  • Properti kelas publik dan pribadi
  

• Bereaksi:
  • Sebelum Anda - Bereaksi Aplikasi Web Modern
  • 9 Bereaksi Generator Situs Statis untuk 2019
  • Daftar render menggunakan React Virtualized
  • Menulis Kode Bereaksi Lebih Cepat dengan Cuplikan Bereaksi Sederhana
  • Bereaksi Tips Optimasi
  • Bereaksi Async dengan React Router & Suspense
  • Bereaksi: Status & Alat Peraga IRL
  

• VueJS:
  • Cerita, Bab, dan Paragraf: Menyusun Konten dengan Storyblok dan Vue.js
  • Memilih Tema Peta Interaktif Menggunakan Vue.js
  

• Sudut:
  • Menulis Aturan TSLint Kustom untuk Angular
  • Opsi untuk pewarisan komponen di Angular, bagian 1
  • Membuat Perpustakaan Angular Lebih Baik - Bagian 1
  • Bermigrasi dari AngularJS ke Angular - strategi baru
  

• Libs & Plugins:
  • matchit: mem-parsing dan membandingkan URL dengan cepat
  • Rendora: rendering sisi server yang dinamis menggunakan Chrome tanpa kepala untuk menyelesaikan masalah SEO dengan React, Vue, framework Angular modern dengan mudah
  • pika: cari paket npm modern. Dapatkan pembuatan JavaScript yang cepat dan ringan.
  • Kenapa saya tidak menggunakan D3.js lagi
  

Browser

• Rilis Firefox 64 , Detail untuk pengembang dalam ulasan Marat Tanalin
• New Edge akan mendukung ekstensi Chrome
• Opera merilis browser Android pertama dengan dukungan Web 3 dan dompet crypto built-in Ethereum
• Peramban yang berani menyelesaikan transisi ke Chromium
• Pilihan komentar tentang situasi terkini dengan browser dan Edge

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.

Intisari minggu lalu .
Bahan disiapkan oleh dersmoll dan alekskorovin .