Frontend Weekly Digest (21-27 Januari 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 | CSS | Javascript

Pengembangan web

• Kesenjangan Besar . Dua pengembang front-end duduk di bar. Mereka tidak punya apa-apa untuk dibicarakan.
• Apa yang kami pelajari tentang pengembang tren mempekerjakan 2019 dari menganalisis 112.654 tes pengkodean
• Cara membuat VR dengan web, seri video baru
• Bagaimana Kami Memindahkan Dari Wordpress ke React dan Mengumpulkan $ 80 Juta

• Kinerja:
  • Hal Kegunaan Halaman Web
  • Prefetching Links menggunakan Pekerja Layanan
  

• Alat:
  • Webpack: perjalanan yang tidak terduga
  • Apa yang Baru Di DevTools (Chrome 73)
  • Yarn's Future - v2 dan selanjutnya
  • rrweb ('rekam dan putar ulang web'): alat untuk merekam dan memutar ulang interaksi pengguna di web.
  

• Animasi:
  • Membuat Gravity and Space Simulator Anda Sendiri
  • Efek Filter SVG: Garis Besar Teks dengan <feMorphology>
  • Les Animales 2019 - desain dan animasi yang luar biasa
  

CSS

• Pola Desain Tabel Di Web
• Animasi Grid CSS
• Flexbox.ninja - situs web yang dibuat dan di-host oleh Geoffrey Crofte untuk membantu Anda lebih memahami Modul Tata Letak CSS Flexbox
• Gradians and Turns: pahlawan tenang sudut CSS
• Toolkit Layout CSS Anda untuk 2019 - Rachel Andrew
• Firefox DevTools untuk penulis CSS
• Tutorial Houdini: Lukisan CSS dan Properti Kustom

Javascript

• Mengapa setiap aplikasi web baru di PayPal dimulai dengan TypeScript
• Apa yang Baru di JavaScript untuk 2019
• Menyelam dalam JavaScript: Cara Membuat Konverter Warna Hex2RGB
• Menemukan Karakter yang Paling Berulang

• TypeScript:
  • TypeScript ESLint - Monorepo untuk semua tooling yang memungkinkan ESLint untuk mendukung TypeScript
  • Pajak TypeScript
  • Functional TypeScript: Standar TypeScript untuk fungsi solid server tanpa server
  

• Node:
  • Buku gratis: Node.js
  • 7 Kerangka Node.js Terbaik untuk Pengembang
  • Menginstruksikan permintaan HTTP dalam node
  • Multithreading Node.js: Apa itu Worker Threads dan mengapa itu penting?
  

• Teori:
  • Cara menggunakan destrrukturisasi dalam JavaScript (ES6) hingga potensi penuhnya
  • Pola iterator JavaScript
  • Panduan Utama untuk Algoritma JavaScript
  • Apa yang pohon goyang dan bagaimana cara kerjanya?
  • 15 Contoh JS yang berguna dari peta (), mengurangi () dan memfilter ()
  

• VueJS:
  • 10 Tips Vue.js Pro dari Vue Masters
  • Bagaimana Mengenalinya Jika Vue.js Adalah Kerangka yang Tepat untuk Proyek Anda Selanjutnya
  

• Bereaksi:
  • Bereaksi 16.6.0 Barang
  • Konfirmasi Email dengan Bereaksi
  • Memahami React Default Props
  • Bagaimana cara mengembangkan kekuatan super Bereaksi Anda dengan API Konteks
  • Menggunakan Elemen yang Dapat Diedit Konten dalam JavaScript (Bereaksi)
  • Cara Memahami Reduksi: Anda Dapat Menggunakannya Tanpa Redux
  • Memahami Fragmen dalam Bereaksi
  • Mengapa X bukan Hook?
  

• Sudut:
  • Angular 8: Beta 2 ada di sini dan tersedia untuk diunduh
  • Angular 6 + Travis CI dengan Chrome Tanpa Kepala
  • Optimalisasi Sudut. Fungsi pipa memo pada template.
  • Buat Pesan Kesalahan Bentuk Sudut Anda Muncul Secara Ajaib
  

• Libs & Plugins:
  • Memetakan perairan (pt. 2): perbandingan pustaka charting JavaScript
  • autoComplete.js - Perpustakaan Javascript vanilla murni autocomplete sederhana
  • hotkey: memicu aksi pada elemen ketika hotkey keyboard ditekan