Frontend Weekly Digest (25 Feb - 3 Mar 2019)

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

Pengembangan web | CSS | Javascript

---

Pengembangan web

• Portofolio Ulang Bagian 1: Animasi, interaksi Mikro & SVG
• Generator Situs Statis: Panduan Pemula

• Aksesibilitas:
  • Kapan Sebuah Tombol Bukan Sebuah Tombol?
  • Aksesibilitas bukan "Bereaksi Masalah"
  • Panduan Aksesibilitas Web - Kumpulan tips, aksesibilitas, dan praktik terbaik aksesibilitas web.
  • Praktek Penulisan ARIA pada Pemilih Tanggal yang Dapat Diakses
  • Analisis aksesibilitas dari 1.000.000 laman beranda teratas
  • Menggunakan Kecerdasan Buatan untuk Menghasilkan Teks Alt pada Gambar
  

• Kinerja:
  • Sedikit kinerja
  • Sajikan Gambar Responsif
  

• Animasi:
  • Efek Filter SVG: Bergerak Maju
  • Efek jejak teks
  
  

CSS

• Desain Responsif dan Properti Kustom CSS: Mendefinisikan Variabel dan Breakpoints
• Model mental CSS oleh PPK
• Kelompok Kerja CSS sepakat untuk menambahkan banyak fungsi matematika
• Breaking Boxes Dengan Fragmentasi CSS oleh Rachel Andrew
• Menciptakan Efek Gradien Messenger Facebook dengan CSS
• Selektor & rincian pemilih CSS
• Properti CSS yang kurang dikenal di GIF
• 8 Video Kecil Tentang Editor Jalur Shape Firefox
• Apakah Properti Kustom CSS Mengalahkan Sass Loops?
• Lihat Bu, Tidak Ada Pertanyaan Media! Layout Responsif Menggunakan CSS Grid

Javascript

• SEO JavaScript: Selamat datang di seri baru!
• Cara menulis aplikasi JavaScript modern sederhana dengan Webpack dan teknik web progresif
• Rilis: Apollo Client 2.5 , Ember 3.8 , GSAP 2.1
• Memahami Masalah Kinerja dengan Data JSON "Polimorfik"

• Teori:
  • Panduan Lengkap untuk Loop dalam JavaScript
  • Apa urutan kata kunci terpanjang di Javascript?
  • Callback: Panduan Definitif
  

• Bereaksi:
  • Kami bermigrasi ke Next.js untuk melayani beranda kami 7,5x lebih cepat
  • Meningkatkan Kinerja dalam Komponen Fungsional React menggunakan React.memo ()
  • Bagaimana "Aturan Emas" komponen Bereaksi dapat membantu Anda menulis kode yang lebih baik
  • Tes Menulis untuk Bereaksi Aplikasi Menggunakan Jest dan Enzim
  • Redux menjelaskan dalam 1 menit
  • 8 alasan untuk menggunakan komponen bergaya
  

• VueJS:
  • Geser Masuk Dan Keluar Dari Vue.js
  • Membuat Arahan Kustom di Vue.js
  • Satu lagi contoh komponen abstrak di Vue.js
  

• Sudut:
  • MVC di Dunia Angular
  • Mengumumkan Angular Loadable (ngx-loadable ~ 2.2kB)
  • Cara Mentransfer File dan Data Antara Klien Sudut dan Backend Node.js
  

• Libs & Plugins:
  • FrenchKiss.js - pustaka i18n ringan yang sangat cepat yang ditulis dalam JavaScript, berfungsi baik di lingkungan browser dan NodeJS. Ini memberikan solusi sederhana dan sangat cepat untuk menangani internasionalisasi.
  • terser - Toolkit parser dan mangler / kompresor JavaScript untuk ES6 +.
  • cnbuilder - Pembuat string classname lainnya
  • Zero Server: nol kerangka kerja konfigurasi
  • npmf: ambil info cepat pacakge npm menggunakan terminal
  

A.

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