Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 317 (28 Mei - 3 Juni 2018)

Kami memberi Anda pilihan dengan tautan ke materi baru dari area depan dan di sekitarnya.

Media | Pengembangan Web | CSS | Javascript | Peramban | Menghibur

---

Media

• Podcast "Standar Web", Edisi No. 123: YaC dan WWDC, item baru dari Chrome, Edge dan Firefox, peretas, kalkir dan peretas CSS, cara menulis kode dengan cepat, fonta variabel, menunggu dan modul-ES, apakah ada binatang ternak, Yandex Pendaratan.
• Frontend Weekend Podcast # 55 - Nikita Prokopov di ClojureScript, Blogging, dan Membuat Font Anda Sendiri
• Podcast "devschacht": Night Frontend # 35 - RIT ++
• Frontend Youth (18+) podcast # 50 Mitos tentang konfigurasi nol
• CSSSR Podcast: Berita 512 - Edisi 8 (05/28 - 06/03)
• "SEMUA HTML ANDA" # 51: "Partikel yang terhubung dalam 3D"

Pengembangan web

• Rilis baru: GSAP 2.0 , WordPress 15 , pengumuman Lighthouse 3.0 , rilis Material-UI v1 , Jest 23 , pengumuman TypeScript 2.9
• Mengapa pengembangan frontend sangat tidak stabil?
• Kultus kompleksitas . Catatan Kritis Jeffrey Zeldman tentang Keadaan Saat Ini dari Pengembangan Web
• Buat gambar yang responsif . Cara membuat logo yang sesuai dengan aspek rasio
• 9 rahasia PWA yang menakjubkan
• Indikator Fokus yang Tersedia: Hal-hal yang Harus Dipusatkan

• Kinerja:
  • prerender-loader! - pre-rendering universal untuk Webpack. Memperbaiki cat pertama, seringkali bahkan tanpa mengubah kode
  • Apa Petunjuk Klien dan apakah layak digunakan?
  • Mengurangi ukuran gambar dengan sampling warna
  

• Alat:
  • Pada Benang dan kembali (pada npm) lagi
  • Chrome 67 - apa yang baru di DevTools
  • Tiga langkah untuk menyebarkan aplikasi Webpack di Heroku
  

CSS

• Aljabar dalam calc (), kekhususan baru penyeleksi level 4 dan inovasi CSS lainnya
• Di mana semuanya rumit dengan jeda baris. Inilah semua trik CSS dan HTML untuk ini.
• Jelaskan Z-index: bagaimana memposisikan elemen menggunakan CSS
• Mengatasi masalah kehidupan dengan CSS
• critters - Plugin Webpack untuk inlining CSS kritis dan pemuatan malas untuk sisanya
• Bagaimana CSS Bekerja: Memahami Cascade
• Gradient change state menggunakan transisi dan animasi CSS
• HSL () / HSLa () bagus untuk kontrol warna perangkat lunak

Javascript

• Metode array dan objek yang berguna dalam JavaScript
• FAQ #SmooshGate
• Properti JavaScript modern yang harus Anda gunakan setiap hari untuk meningkatkan pengembangan dan masalah apa yang mereka pecahkan
• Praktik terbaik untuk menggunakan sintaks JavaScript modern
• Menangkap dan melaporkan kesalahan JavaScript menggunakan window.onerror

• ES2015 +:
  • Apa yang Baru di ES2017: Fitur Async, Objek yang Ditingkatkan, dan Banyak Lagi
  • ES6 (ES2015) dan Setelah: Memahami Versi JavaScript
  • ES6 dalam aksi: literal objek yang disempurnakan
  • Kontrol aliran dalam JS modern: Callbacks to Promises to Async / Await
  

• VueJS:
  • Membangun aplikasi modern dengan Django dan Vue.js
  • Pembuatan grafik waktu nyata dengan Vue.js
  • Sumber daya terbaik untuk mempelajari Vue.js pada tahun 2018
  • Dari VanillaJS ke Vue.js: kisah refactoring
  

• Bereaksi:
  • Mari kita jatuh cinta dengan React Fiber
  • Reach Router adalah router baru dengan penekanan pada aksesibilitas. Gambaran singkat fitur dan penggunaan
  • Panduan Next.js: SEO-Friendly Bereaksi E-Commerce SPA
  • react-ideal-image - komponen Bereaksi hampir sempurna untuk gambar
  • Pelajaran paling penting yang saya pelajari setelah setahun bekerja dengan React
  • Memahami Redux: Panduan Pemula termudah di Dunia
  • Mengelola status aplikasi dalam Bereaksi dengan Tidak Dinyatakan
  

• Sudut:
  • NgRx - Praktik Terbaik untuk Aplikasi Perusahaan di Angular
  • Angular + Redux - pelajaran yang kami pelajari untuk Anda
  • 44 tips cepat untuk kinerja fine tuning di Angular
  

• Libs & Plugins:
  • proppyjs - Perpustakaan JS kecil untuk komposisi fungsional alat peraga. Mendukung ReactJS, VueJS, PreactJS, dan ReactiveX
  • 11 perpustakaan Javascript yang harus Anda ketahui di 2018
  • minipack adalah contoh sederhana dari kompiler modular modern yang ditulis dalam JS
  

Browser

• rilis browser web Chrome 67
• Firefox 63 akan memperkenalkan pemblokir skrip penambangan cryptocurrency
• Kerentanan di Chrome dan Firefox sepanjang tahun diizinkan untuk mendapatkan data di profil Facebook
• Google Chrome memperkenalkan dukungan untuk otentikasi tanpa kata sandi di situs menggunakan standar WebAuthn

Menghibur

• Kembalinya geektimes ke Habr
• Arsitek Tesla Data Besar: autopilot kami adalah SkyNet dari Terminator
• Font mana yang lebih baik digunakan untuk data yang kompleks
• Bagaimana cara mengajar anak untuk memprogram
• Apakah QWERTY benar-benar tata letak yang buruk dan mengapa kami tidak dapat menolaknya
• Microsoft sedang menegosiasikan pembelian GitHub
A.

Kami mohon maaf atas kesalahan ketik atau tautan yang rusak / terduplikasi. Jika Anda melihat ada masalah - silakan tulis dalam email pribadi, kami mencoba untuk memperbaikinya dengan cepat.

Intisari minggu lalu .
Bahan disiapkan oleh dersmoll dan alekskorovin .