Frontend Weekly Digest (5 - 11 Agustus 2019)

Minggu ini kami mengeluarkan banyak sekali pilihan berita penting yang mungkin Anda lewatkan pada pengembangan Front-end. Pastikan untuk memeriksa pembaruan terbaru tentang CSS, HTML, dan JavaScript.

Pengembangan web

• Biarkan Mavo Shine dalam Membangun Aplikasi Web Interaktif
• Pengantar Sederhana untuk Pekerja Web dalam JavaScript
• Membuat Email Interaktif, Sangat Dioptimalkan dengan Kerangka AMP Google
• Mengapa pengembangan web modern begitu rumit? Penjelasan panjang namun tergesa-gesa: Bagian 1!
• Mana yang Terbaik: Program Loyalitas PWA Atau Aplikasi Seluler?
• Pemilih Kontak untuk Web
• Sekarang Langsung: Daftar Putar SmashingConf Toronto Anda

• Kinerja:
  • Cat Konten Terbesar . Mempermudah mengetahui kapan konten penting halaman dimuat.
  • Waktu untuk Byte Pertama: Apa Itu dan Mengapa Itu Penting
  • Pemuatan malas asli untuk web
  • Pemuatan Malas Asli Diluncurkan di Chrome 76!
  • Membangun koneksi jaringan lebih awal untuk meningkatkan kecepatan halaman yang dirasakan
  • Penanganan input berkinerja tinggi di web
  

• Alat:
  • Panduan untuk pintasan Kode Visual Studio, produktivitas lebih tinggi dan 30 pintasan favorit saya yang perlu Anda pelajari
  • SVG Gobbler - ekstensi browser sederhana yang menemukan konten SVG di jendela Anda saat ini, menyoroti atribut unik termasuk ukuran dan memungkinkan Anda mengunduh atau menyalin ke clipboard
  

• Aksesibilitas:
  • Aksesibilitas Web vs. Kegunaan
  • Kiat aksesibilitas yang tidak terduga
  

• Animasi:
  • Efek Jejak Gambar
  • Roundup # 7 Situs Web Inspirasional
  • Cara Membuat Animasi Web dengan Anime.js
  
  

CSS

• Mode Penulisan Dan Tata Letak CSS
• Belajar CSS dengan membaca spesifikasi
• Pengalihan JS sisi klien: Bisakah Googlebot Mendeteksi Mereka? #AskGoogleWebmasters
• Menangani CSS yang Tidak Digunakan dalam SASS Untuk Meningkatkan Kinerja
• CSS: Selector kosong
• Berita Platform Mingguan: gaya font CSS: miring, ekstensi browser webhin, Modul CSS V1
• Prinsip Desain untuk Pengembang: Proses dan Tips CSS untuk Desain Web yang Lebih Baik
• Memindahkan Teks di Jalur Melengkung
• 5 Generator Grid Super CSS untuk Tata Letak Anda
• Render dan batas sub-pixel

Javascript

• Cara Seret & Jatuhkan Elemen dan File HTML menggunakan Javascript
• Membangun Aplikasi Svelte Pertama Saya: Pikiran dan Kesan
• Bekerja dengan ECMAScript 2019 Iterasi Asinkron Menggunakan “untuk-dari”
• Intl.NumberFormat
• Kasus penggunaan yang menarik untuk operator bitwise JavaScript
• Kombinator JavaScript Promise: .all (), .race (), .allSettled ()

• VueJS:
  • Cara Mengatur Lingkungan Pengembangan Vue
  • Memodifikasi data komponen dengan pemancar acara di Vue.js
  • Mendapatkan Lebih Banyak Komponen Vue Async
  

• Bereaksi:
  • Bereaksi v16.9.0 dan Roadmap Update
  • Apa yang Baru di Bereaksi v16.9
  • Bagaimana Cara Pengembangan Mode Bekerja?
  • Membangun Aplikasi Seluler Dengan Ionik Dan Bereaksi
  • useEffect vs. useLayoutEffect dalam bahasa yang sederhana dan mudah didekati
  • Menggunakan Immer untuk React State Management
  

• Sudut:
  • Menggunakan fitur menunggu async di Angular
  • Modul dan komponen asinkron di Angular Ivy
  • Dalam perjalanan ke Angular 9: Tiga perbaikan bug di Angular 9
  • Cara Membagi Komponen Sudut Antara Proyek dan Aplikasi
  

• Libs & Plugins:
  • sharec - alat minimalis baru untuk versi boilerplating dan konfigurasi, yang dapat menyalin, menggabungkan, dan menghapus file.
  • Frosted Panel adalah pustaka kompatibel lintas-browser yang ditulis dalam Javascript murni untuk mencapai efek "Frosted Glass" responsif.
  • murphyjs: cara sederhana untuk menerapkan animasi pengungkapan berbasis gulir di komponen Anda.
  

Terima kasih sudah membaca! Jangan ragu untuk mengirimi kami artikel Anda atau konten baru yang bermanfaat yang ingin Anda lihat di intisari berikutnya.