Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 375 (5 - 11 Agustus 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 , 188. Buku Alamat, Hermes, PageSpeed, DevTools, ndb, Puppeteer, PiterJS
• CSSSR Podcast: Berita 512 - 25 tahun tentang PHP, Tindakan Github, desain, pengoptimalan CSS dan Instagram
• Podcast "devschacht" # 90 : Hidup bersama SkyEng tentang pekerjaan jarak jauh
• Podcast "devschacht" # 89 : Roman Prudnikov tentang bekerja di 2GIS dan Yandex Music.
• Podcast Frontend Youth (18+) # 103 : Little Black Hole - A Stallman Shelter
• Repozitorro # 24 : Portofolio Junior dari Sudut Berbeda ...
• Standar Web Podcast , No. 187. Semantik HTML, Komponen Web, W3C dan WHATWG, Dokter HTML5, Pangeran XML, Monetisasi Web
• Sekarang Langsung: Daftar Putar SmashingConf Toronto Anda

Pengembangan web

• Spesifikasi web yang fantastis dan tempat tinggalnya
• Pengantar sederhana untuk Pekerja Web dalam JavaScript
• Buat email interaktif dan dioptimalkan menggunakan Google AMP Framework
• Mengapa pengembangan web modern begitu rumit? Penjelasan Panjang Tapi Cepat: Bagian 1
• Mana yang lebih baik: program loyalitas PWA atau aplikasi seluler?
• API Pilih Pemilih , detail API baru di Google Developers Blog
• Mavo bersinar ketika membuat aplikasi web interaktif

• Kinerja:
  • Fitur Google PageSpeed: peningkatan peringkat situs dan peringkat pencarian
  • Cat Konten Terbesar (LCP) . Metrik kinerja baru untuk membantu Anda mengukur waktu pemuatan konten utama halaman web.
  • Time to First Byte: apa itu dan mengapa itu penting
  • Unggahan web asli yang malas
  • Pemuatan Malas Asli sudah berfungsi di Chrome 76!
  • Buat koneksi jaringan terlebih dahulu untuk meningkatkan kecepatan halaman yang dirasakan
  • Pemrosesan input web berkinerja tinggi
  

• Alat:
  • 5 plugin webpack bermanfaat
  • Panduan Visual Hot Code Code untuk Produktivitas Lebih Tinggi dan 30 Pintasan Favorit Saya Layak untuk Belajar
  • SVG Gobbler adalah ekstensi sederhana yang menemukan SVG di jendela saat ini, memilih atribut unik, termasuk ukuran, dan memungkinkan Anda untuk mengunduh atau menyalin versi yang sudah dioptimalkan ke clipboard
  

• Aksesibilitas:
  • Aksesibilitas Web vs. Kegunaan
  • Kiat Aksesibilitas Yang Tidak Terduga
  

• Animasi:
  • Efek meninggalkan jejak gambar saat menggerakkan mouse
  • Roundup # 7 Situs Web Inspiratif Mengesankan
  • Cara membuat animasi web dengan Anime.js
  
  

CSS

• Atribut CSS khusus sebagai mekanisme untuk mentransfer data dari JavaScript ke CSS
• Mode Penulisan dan Tata Letak CSS
• Belajar CSS dengan membaca spesifikasi
• Menangani CSS yang Tidak Digunakan dalam SASS untuk Kinerja yang Lebih Baik
• CSS: Selector kosong
• Berita mingguan platform: gaya font CSS: miring, ekstensi browser webhin, Modul CSS V1
• Prinsip Desain untuk Pengembang: Proses CSS dan Tip untuk Desain Web yang Lebih Baik
• Pindahkan teks di sepanjang jalur lengkung
• 5 generator kotak CSS keren untuk tata letak Anda
• Render dan batas subpiksel

Javascript

• Karena saya tidak mengambil tempat pertama dalam kompetisi untuk pengembang JavaScript dari Telegram
• Tutorial JavaScript modern . Pembaruan besar sumber daya populer dari Ilya Kantor
• Bagaimana menerapkan drag & drop untuk elemen dan file HTML menggunakan Javascript
• Membuat Aplikasi Svelte Pertama Saya: Pikiran dan Kesan
• Pengalihan JS sisi klien: dapatkah Googlebot mendeteksi mereka?

• Teori:
  • Ketik FAQ Sistem
  • Didefinisikan atau Tidak Ditentukan? Nuansa membuat array dalam JavaScript
  • Menggunakan deklarasi biarkan variabel dan fitur dari penutupan yang dihasilkan dalam JavaScript
  • Pola Desain # 1 - Singleton (Lajang)
  • Bekerja dengan ECMAScript 2019 Asynchronous Iteration dengan for-of
  • Intl.NumberFormat
  • Kasing penggunaan yang menarik untuk operator bitwise JavaScript
  • Kombinator JavaScript Promise: .all (), .race (), .allSettled ()
  

• Bereaksi:
  • Bereaksi Panduan Animasi Dasar
  • Bereaksi rilis v16.9.0 dan pembaruan peta jalan
  • Apa yang Baru di Bereaksi v16.9
  • Bagaimana cara Kerja Mode Pengembangan berfungsi?
  • Membangun Aplikasi Seluler dengan Ionik dan Bereaksi
  • useEffect atau useLayoutEffect dalam bahasa yang mudah diakses
  • Menggunakan Immer untuk Mengelola Status Aplikasi Bereaksi
  

• VueJS:
  • Membuat SPA di Vue.js di atas WordPress Tanpa Kepala
  • Cara mengatur lingkungan pengembangan untuk Vue
  • Memodifikasi data komponen menggunakan sumber acara di Vue.js
  • Mendapatkan Lebih Banyak Dari Komponen Asynchronous Vue
  

• Sudut:
  • Menggunakan fungsi menunggu async di Angular
  • Modul dan komponen asinkron di Angular Ivy
  • Menuju Sudut 9: Tiga Perbaikan Bug di Sudut 9
  • Bagaimana cara menukar komponen Sudut antara proyek dan aplikasi
  

• Ember:
  • Menangani atribut Kunci Asing di API data Ember
  • Tes Menulis Seperti Matematika: Bagian 1
  • Podcast EmberMap - Referensi objek dianggap membantu
  • EmberMap Podcast - Anda harus merasakan sakitnya
  

• Libs & Plugins:
  • sharec - proyek untuk mengganti pelat dan paket seperti Buat React App, yang memungkinkan Anda memperbarui konfigurasi dan memungkinkan Anda untuk membuat perubahan pada mereka
  • Frosted Panel - pustaka lintas browser pada JS murni untuk menerapkan efek responsif "Frozen Glass"
  • murphyjs: cara mudah untuk menerapkan animasi berbasis gulir di komponen Anda.
  

Browser

• Menemukan metode untuk menentukan penjelajahan penyamaran di Chrome 76
• Chrome 78 Canary menguji mode gelap paksa untuk semua situs
• Menambahkan mode isolasi halaman yang ketat ke Firefox nightly builds
• Safari Technology Preview 89 Catatan Rilis

Menghibur

• Menyerang sistem backend front-end, yang memungkinkan Anda untuk memotong permintaan pihak ketiga
• Google menyoroti podcast di hasil pencarian
• Huawei secara resmi memperkenalkan sistem operasi terdistribusi HarmonyOS
• Prosesor mengungkapkan kerentanan baru yang memintas perlindungan terhadap Specter dan Meltdown
• Kontraktor Microsoft mendengarkan beberapa percakapan pengguna Skype
• Untuk menciptakan permainan yang populer, tetapi tidak menghasilkan uang di dalamnya: kisah Tetris dan penemunya

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 .