Frontend Weekly Digest (28 Jan - 3 Feb 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

• HTML, CSS, dan titik masuk industri kami yang menghilang
• CSS dan JS Berperang, Inilah Cara Menghentikannya
• HTML adalah dan selalu merupakan target kompilasi - dapatkah kita mengatasinya?
• Google Play Store sekarang terbuka untuk Aplikasi Web Progresif
• "Backendification" dari Pengembangan Frontend
• Tinjauan Umum Proposal yang Paling Menyenangkan untuk Platform Web Terkait Komponen Web

• Kinerja:
  • "Kegembiraan Mengoptimalkan Gambar" oleh Una Kravets - Video Peristiwa Terpisah
  • Bandwidth atau Latency: Kapan Mengoptimalkan untuk Yang
  • Optimalisasi Kecepatan Halaman: Metrik, Alat, dan Cara Meningkatkan
  • Meningkatkan kinerja font web: studi kasus
  

• Alat:
  • tris-webpack-boilerplate - Pelat webpack untuk situs web statis yang memiliki semua alat modern dan optimalisasi bawaan
  • 11 Ekstensi JavaScript Luar Biasa untuk Kode Visual Studio
  • Apa yang Baru Di DevTools (Chrome 73)
  • Baru di Firefox DevTools 65
  

• Aksesibilitas:
  • Menggunakan Kecerdasan Buatan untuk Menghasilkan Teks Alternatif pada Gambar
  • Alat & strategi untuk mengembangkan aplikasi web yang dapat diakses
  • Bagaimana gambaran Anda?
  

• Animasi:
  • Bangunan Animasi Gelombang dengan Three.js
  • Dekonstruksi WebGL Taotajima.jp
  • Efek Kursor Khusus
  

CSS

• CSS Position Sticky - Bagaimana Cara Kerjanya!
• Melihat hyphenation CSS pada 2019
• Banyak Cara untuk Mengubah Isi SVG saat Melayang-layang (dan Kapan Menggunakannya)
• CSS-in-JS dan Static Rendering
• CSSans Pro - The Colourful, Sassy, ​​CSS Font
• CSS WordArt
• CSS Grid: Excel Spreadsheet
• Animasi CSS: Peta Perampok

Javascript

• Rilis Baru: TypeScript 3.3 , Babel 7.3 , Jest 24
• Future JavaScript: apa yang masih hilang?
• Statis vs Unit vs Integrasi vs Pengujian E2E untuk Aplikasi Frontend
• Bereaksi vs Angular: Suatu Pembandingan Mendalam
• Tiga Cara Lagi untuk Memvisualisasikan Keadaan JavaScript
• Menyelam Lebih Dalam di Objek JavaScripts . Melihat Lebih Dekat pada JavaScript Object Descriptors

• VueJS:
  • 7 Masalah yang dapat Anda hindari dengan menggunakan Nuxt.js untuk aplikasi Vue berikutnya
  • Optimalisasi Kinerja Aplikasi Vue.js: bagian 1 - Pengantar optimasi kinerja dan pemuatan malas.
  • Menguasai Properti yang Dihitung di VueJS
  • Cara membangun monitor media sosial sederhana dengan NodeJS, GraphQL, dan Vue
  • Menggunakan Vue.js Untuk Membuat Dashboard Cuaca Interaktif Dengan API
  • Apa Arti Vue 3.0 untuk Pengembangan Web?
  

• Bereaksi:
  • Metode siklus hidup (baru) Bereaksi dalam bahasa yang sederhana dan mudah didekati
  • Bereaksi sebagai Runtime UI
  • Bangun Aplikasi Web Progresif dengan React - Bagian 1
  • addimated - Pustaka animasi deklaratif yang selalu terputus untuk React
  • Bereaksi Gulir Kustom 4.0
  • 5 Cara untuk menghidupkan aplikasi ReactJs pada tahun 2019.
  • Bagaimana Gatsby begitu cepat menyala
  

• Sudut:
  • Memperkenalkan ke NG-VDOM: Cara baru untuk menulis aplikasi Angular
  • Bangun PWA siap produksi dengan Angular dan Firebase
  • Tutorial 7 | 6 Angular: Membangun dan Menyerahkan Formulir
  • Angular DI: Mengenal Ivy NodeInjector
  

• Libs & Plugins:
  • flexsearch - Pustaka pencarian teks lengkap Next-Generation untuk Browser dan Node.js
  • readability.js - versi mandiri dari perpustakaan keterbacaan yang digunakan untuk Firefox Reader View
  • webaudio-synth: Web Audio API Polyphonic Synthesizer
  

Browser

• Firefox 65: Dukungan WebP, Inspektur Flexbox, tooling baru & pembaruan platform
• Perubahan WebRender dan Gecko yang Terkemuka
• Browser Referensi siap untuk pengujian!
• Microsoft memutuskan Internet Explorer 10 bersenang-senang: Pengakhiran ditetapkan untuk Januari 2020