Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 386 (21 - 27 Oktober 2019)

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

Media | Pengembangan Web | CSS | Javascript | Browser

Media

• CSSSR Podcast : Berita 512 - NodeJS 12 LTS, React Concurrent Mode, PWA, Figma, Chrome 78, Electron 7
• Podcast Devshacht / Night Frontend 100: Konteks Asynchronous
• Podcast "Frontend Youth (18+)" - # 112 Think Faster, atau Anda akan Dapatkan Di Sini
• Winterview - # 102 - Ilya Nemiro tentang wawancara front-end
• Standar Web Podcast No. 200: Gairah CSS, Setiap Tata Letak, mengapa Sass, burung hantu atau kesenjangan, Pertanyaan Kontainer, BEM
• Repozitorro # 32 - Mendarat saat Bereaksi! Mitos, atau kenyataan?)
• Nordic.js 2019, 27 video

Pengembangan web

• Apakah GraphQL kehilangan relevansi di era HTTP / 2?
• Aplikasi web interaktif tanpa pemrograman? Mudah! Mavo di tangan Anda
• Freelance webdev - bagaimana dan dengan siapa Anda TIDAK boleh bekerja
• Gerakan IndieWeb: Memiliki Data Anda dan Mengubah Apa yang Ingin Anda Lihat di Internet
• Membuat aplikasi bookmark dengan FaunaDB, Netlify, dan 11ty
• Panduan Pengoptimalan Gambar Seluler
• Mengapa Parcel telah menjadi bundler pengembangan utama saya
• Orientasi Gambar Web
• HTMHell - Kumpulan praktik buruk dalam HTML, disalin dari situs nyata.

• Ketersediaan
  • Mengapa situs web yang dapat diakses begitu sulit dibuat?
  • Ketersediaan, Masa Depan, dan Mengapa Kasus Domino Penting
  • Aksesibilitas Fata Morgana
  • Huruf awal yang tersedia
  • Bagaimana Perusahaan Dapat Mencegah Litigasi Aksesibilitas Situs Web ADA
  

• Efek
  • Buat efek hover berbentuk bintik kreatif dengan Three.js
  • Mainkan Beat Saber di browser menggunakan gerakan tubuh menggunakan PoseNet & Tensorflow.js
  • Formulir kartu kredit interaktif di VueJs
  • Visualisasi suara menggunakan D3 dan API Audio Web
  

CSS

• Trik kecil properti khusus (variabel CSS)
• Membuat Layout Scrapbook di CSS Grid
• Tata letak elemen yang tidak biasa pada flexbox tanpa permintaan media
• Sintaks Dua Nilai untuk Properti Tampilan CSS
• Aturan permainan CSS baru: min () dan maks () sekarang di @webkit
• Gunakan CSS Grid pada produksi hari ini
• 8 fungsi CSS modern (dan cara menggunakannya)
• Frontend Focus: Dark Mode. Tentang fitur dan status mode gelap saat ini di web
• CSS Trends 2019: Panduan Lengkap Untuk Melacak Tren CSS Terbaru
• Sejarah kisi: dari percetakan hingga desain web modern
• Sedikit tutorial tentang font warna variabel
• 25 Hari Animasi CSS: Belajar Mandiri CSS dengan Desain Gerak.

Javascript

• Siapa pembunuh JavaScript?
• Cascading cache invalidation. Bagian 1
• 7 pertanyaan wawancara JavaScript sederhana namun rumit
• Pendekatan saya untuk mendokumentasikan proyek dalam Javascript
• Mengapa saya berhenti menggunakan ekspor default di modul JavaScript saya
• Bagaimana cara mengurangi () bekerja di JavaScript, kapan harus menggunakannya dan hal keren apa yang dapat Anda lakukan dengannya
• 7 framework Node.js paling populer di tahun 2019
• Menulis tugas asinkron dalam JavaScript modern
• Berbagi masalah status yang dapat berubah dan cara menghindarinya
• Mengungkap rahasia sortir () dalam JavaScript

• Rilis
  • Pelepasan platform JavaScript sisi server Node.js 13.0
  • Elektron 7.0.0
  • Catatan Rilis Puppeteer v2.0.0
  

• Langsing
  • Crash course Svelte (dalam 10 foto)
  • Yang saya sukai tentang gaya penulisan dengan Svelte
  • Cara membuat game Tic Tac Toe menggunakan Svelte
  • Cara membuat aplikasi berita dengan Svelte
  • Referensi langsing
  • Svelte vs Bereaksi: tayangan pertama
  

• Bereaksi
  • Redux - Tidak diperlukan! Ganti dengan useContext dan useReducer in React?
  • Mempersiapkan Masa Depan dengan React Prereleases
  • Saya menguji aplikasi Bereaksi dengan Jest, Enzyme, Testing Library dan Cypress. Inilah perbedaannya.
  • Cara efisien menggunakan API Konteks dengan pengait, menghindari kemacetan kinerja
  • 7 Cara untuk Menerapkan Pengerjaan Bersyarat dalam Aplikasi Bereaksi
  • 55 pelajaran setelah 5 tahun menggunakan React
  

• Sudut
  • Komponen Agular dalam Angular
  • Arsitektur Sudut - dokumen tidak resmi
  • Angular & CSS Grid: properti mesh dinamis
  • Cara menerapkan lazy loading dengan benar di Angular 7/8
  

• Vue
  • 10 praktik terbaik untuk membuat dan mendukung proyek-proyek besar di Vue.js
  • Tahun dengan Nuxt.js - tinjauan kerangka kerja
  • Menggunakan Vue Composition API dengan Firebase
  • Pikiran tentang Komposisi API Vue 3 - `reaktif ()` dianggap berbahaya
  

• Libs & plugins
  • plexis adalah pustaka string yang kuat dan digerakkan oleh komunitas.
  • Jsfuzz: fuzzing (CGF) - pengujian untuk Javascript
  • Peaks.js - interaksi dengan grafik gelombang audio
  

Browser

• Meningkatkan kontrol Microsoft Edge di Chromium
• Firefox 70 rilis
• Firefox 70: detail untuk pengembang web oleh Marat Tanalin
• Chrome 78 rilis
• Firefox telah menerapkan perlindungan pelacakan di jejaring sosial
• Dukungan add-on untuk browser seluler Firefox Preview
• Otoritas Keamanan Informasi Jerman menyebut Firefox peramban yang paling aman
• Muncul Dukungan Dukungan Samsung Galaxy Store

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 .