Frontend Weekly Digest (29 Apr - 5 Mei 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

• Membuat Komponen Web untuk Konteks yang Berbeda
• Panduan Praktis Untuk SVG Dan Alat Desain
• Miliaran Cara Menampilkan SVG
• Cara Sederhana untuk Menangani Termasuk HTML
• Cara mengatur verifikasi wajah dengan cara mudah menggunakan HTML5 + JavaScript
• Konspirasi Untuk Membunuh IE6

• Kinerja:
  • AMP di WordPress, Jalan WordPress
  • Pengumpulan berita AMP: AMP sebagai layanan, pertukaran yang ditandatangani, Bento, guncangan pohon CSS
  • Meningkatkan kinerja web pihak ketiga di The Telegraph
  

• Alat:
  • packtracker.io - Analisis bundel webpack Anda, di setiap komit
  • Cara mengatur debugger untuk ekstensi Chrome di Visual Studio Code
  

CSS

• Menggali Properti Display: Pembuatan Kotak
• Meninjau kembali kueri media yang lebih disukai, gerak berkurang
• Oh, Banyak Cara untuk Membuat Pita Breadcrumb Triangular!
• Menerapkan Mockup: Layout CSS Langkah demi Langkah
• Membuat segitiga bundar di CSS dengan clip-path
• Buat tata letak grid responsif tanpa kueri media, menggunakan CSS Grid
• Menggabungkan CSS Grid dengan Bootstrap Grid

Javascript

• Rilis Baru: Babylon.js 4.0 , Electron 5.0.0 dan jQuery 3.4.1 dengan memicu peristiwa fokus di IE dan menemukan elemen root di iOS 10
• Banyak Cara Mendapatkan Data Ke Bagan
• Membangun Facebook.com Baru dengan React, GraphQL and Relay
• Pengantar Pengembang JavaScript untuk Crypto
• Mengoptimalkan Kinerja Aplikasi JavaScript dengan Pekerja Web

• NodeJS:
  • Node.js v12 - Fitur Baru yang Tidak Harus Anda Lewatkan
  • Penerbitan Otomatis npm Mudah
  • dotenv: memuat variabel lingkungan dari .env untuk proyek nodejs
  • 4 Solusi Untuk Menjalankan Banyak Perintah Node.js atau NPM Secara Bersamaan
  

• Teori:
  • Pengantar async JavaScript dan tunggu
  • Sangat Memahami JavaScript Async dan Menunggu dengan Contoh
  • Pengantar Javascript untuk Programmer Berpengalaman yang Dapat Menggunakan Dosis Dasar yang Kuat
  • Javascript Array.push lebih cepat 945x dari Array.concat
  

• VueJS:
  • Melakukan Pindah dari jQuery ke Vue
  • Menguji aplikasi Vue Anda dengan Jest dan Travis CI
  • Mode Pembuatan Kustom dengan Vue CLI 3
  • Manajemen negara Apollo dalam aplikasi Vue
  • Memahami Mixin di Vue JS
  • Menangani Kesalahan di Vue.js
  • Memahami Implementasi Reaktivitas Vue Langkah demi Langkah
  

• Bereaksi:
  • Bereaksi: JSX & Rendering
  • Cara mengidentifikasi dan menyelesaikan render yang terbuang di Bereaksi
  • 5 hal yang tidak Anda ketahui tentang Bereaksi DevTools
  • buat-reaksi-aplikasi v3, Apa yang baru?
  • Skeleton Loading Pages dengan React
  

• Sudut:
  • Apakah Angular sekarat karena Bereaksi?
  • Memahami Modul Sudut
  • Angular: Masalah berulang yang saya hadapi sebagai Konsultan Front-End
  • Apa itu Konsol Sudut dan Mengapa Anda Harus Peduli
  • Menguji dan Memalsukan Ketergantungan Sudut
  

• Libs & Plugins:
  • shimport: menggunakan modul JavaScript di semua browser, termasuk impor dinamis
  • jquery-csv: plugin parser jQuery CSV
  • aria-progress-range-slider-slider: dapat diakses sepenuhnya, komponen progress bar / slider ringan
  

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