Frontend Weekly Digest (24 - 30 Juni 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

• Memulai dengan kinerja web? Inilah yang perlu Anda fokuskan.
• Bangun PWA Dengan Webpack Dan Workbox
• API Deteksi Spam
• Posisi Relatif Mimik Di dalam SVG dengan SVG Bersarang
• HTML dapat melakukannya?
• syntax.fm podcast No. 154: SVG dengan Sara Soueidan

• Aksesibilitas:
  • Bagaimana pohon aksesibilitas menginformasikan teknologi bantu
  • Laporan Gugatan Aksesibilitas Web & Aplikasi ADA Tengah Tahun
  • Apa itu Aksesibilitas untuk Aplikasi Web dan Mengapa Saya Peduli?
  

• Web yang efektif:
  • Cara melakukan animasi yang terhubung dengan scroll dengan cara yang benar
  • Pelajari dasar-dasar sintesis dengan situs web baru dan interaktif kami yang Berjalan di Audio Web, WebAssembly, dan WebGL. Dibuat dengan three.js, Tone.js, anime.js dan Bereaksi menggunakan TypeScript dan banyak lagi
  • gunakanAnimasi: ikon animasi di Lottie Framework dan After Effects untuk implementasi langsung ke aplikasi atau situs web Anda
  

CSS

• Tiga Prediksi Dari Keadaan Survei CSS 2019
• Panduan Utama untuk Pusat Flexbox
• a11y-css-reset
• Membuat Jadwal Konferensi dengan CSS Grid
• Tarik-n-drop lengket, tanpa JS!
• Font Variabel untuk Pengembang
• Memikirkan BEM sebagai Filosofi UI Alih-alih Konvensi Penamaan CSS

Javascript

• Amsterdam JSNation 2019 , 15 video
• Biaya JavaScript pada tahun 2019 oleh Addy Osmani
• RxJS: Pengantar Sederhana
• Pencarian Instan dengan JavaScript Vanilla

• Mongo / Simpul:
  • Pola desain di Node.js: panduan praktis
  • Dukungan modul ECMAScript baru di Node.js 12
  • Firebase vs. MongoDB: Basis Data Mana yang Digunakan untuk Pengembangan Aplikasi Anda
  

• VueJS:
  • Mengapa orang marah dengan Vue 3
  • Panduan Pemula untuk Vue CLI
  • Dalam Vue, Kapan Saya Sebenarnya Membutuhkan: Atribut kunci dan Mengapa?
  • Cara Memulai dengan Vuetify
  

• Bereaksi:
  • Mengenal Hook Reed useReducer
  • Mitos React yang tidak dapat diakses
  • 10 Perintah Komponen
  • Menambahkan komponen WebAssembly ke Aplikasi Bereaksi
  • Konsep Canggih React Hooks - melalui Snake!
  • Next.js vs. Buat Aplikasi Bereaksi: Aplikasi siapa yang lebih performan?
  

• Sudut:
  • Negara Angular pada tahun 2019
  • Memahami Sihir Dibalik Elemen Sudut
  • Membuat Aplikasi Music Player Menggunakan Kendo UI dan Angular
  • Apa yang saya pelajari selama 3 tahun perkembangan Angular 2+
  

• Ember:
  • Memulai Dengan Glimmer-Native
  • Pertemuan Seattle Ember.js menampilkan Yehuda Katz
  • Wishes untuk roadmap Ember 2019
  

• Libs & Plugins:
  • freezeframe.js - perpustakaan yang menjeda animasi .gifs dan memungkinkannya untuk hidup pada mouse / event klik / sentuh mouse hover, atau dengan fungsi trigger / release
  • TWGL : Perpustakaan pembantu WebGL Mungil
  • pixelmatch: pustaka perbandingan gambar tingkat piksel JavaScript terkecil, paling sederhana, dan tercepat
  • svelte-adapter: gunakan komponen Svelte dengan Vue dan React
  

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