Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 324 (23-29 Juli 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. 131: Chrome 68, HTTP berbahaya, Bereaksi atau jQuery, Anda tidak tahu blok sebaris, fleks bergambar, kursus bahasa Inggris, preset Babel berbahaya, browser mengganggu JS
• Frontend Weekend podcast # 63 - Alexander Pershin tentang bagaimana dan mengapa membuat sekolah pendidikan online di Rusia
• CSSSR Podcast News 512 - Edisi No. 16 (07.23 - 07.29)
• Podcast "Devshahta / Night Frontend": No. 43 - Lagi tentang Jenkins, ChaosConstructions 2018, ndb dan SRI
• Frontend Youth (18+) podcast: # 58 Mengapa memecat jQuery dari GitHub

Pengembangan web

• Dasar-dasar Aplikasi Web Progresif
• 3 daftar periksa penting untuk pengembang web
• Judul Halaman yang Tersedia di Aplikasi Halaman Tunggal
• Cara cerdas untuk "tumpukan penuh minimum" . Dari SPA sederhana hingga PWA multifungsi

• Gambar:
  • Konversi gambar ke WebP . Kutipan dari buku “Manual WebP”
  • Terkadang `ukuran` dalam gambar cukup penting.
  • Mengapa WebM lebih baik daripada GIF untuk video (perbandingan)
  • 8 tips untuk mengoptimalkan video Anda untuk mengunduh lebih cepat
  

• Kinerja:
  • Daftar periksa kinerja frontend . Terjemahan Rusia dari daftar periksa populer
  • Frontend News # 1: Kiat untuk Menyeimbangkan Font Web dan Kecepatan Halaman
  • Ukuran situs: ukuran halaman rata-rata lebih dari 2MB - ukuran halaman rata-rata dua kali lipat dalam 3 tahun terakhir
  • Bagaimana menyingkirkan pemblokiran rendering JavaScript dan CSS
  • Kecepatan sekarang menjadi faktor untuk halaman arahan Google Penelusuran dan Iklan
  • Laporkan: Pembaruan kecepatan Google seluler tidak memengaruhi metrik seluler umum
  

• Alat:
  • Kami menyiapkan proyek npm yang nyaman untuk kami dan tim atau sedikit tentang alat modern front-end
  • Debugging dengan DevTools Chrome: Kiat Ujung Depan Cepat
  • Terminalizer - merekam operasi terminal Anda dalam gif animasi
  • Kisah Github - Ekstensi untuk peramban - tarik templat uraian permintaan di Github
  

CSS

• Cara cepat membuat prototipe aplikasi dengan kisi CSS dan variabel CSS
• CSS-in-JS - mitos dan kenyataan (ditata-komponen sebagai contoh)
• Blok inline luar biasa dan tidak dikenal
• Mengapa CSS Grid lebih baik daripada Bootstrap untuk tata letak
• Frustrasi dengan Bentuk CSS dan Pengecualian CSS
• Dipecahkan dengan CSS! Gaya logis berdasarkan jumlah barang yang diterima.
• Keajaiban spesifik flexbox dan margin otomatis
• Membuat Sistem Desain, Bagian 2: Kisi & Tata Letak
• 5 properti CSS baru dan cara menggunakannya

Javascript

• Github.com menolak untuk menggunakan jQuery dan beralih ke JavaScript murni
• Membuat sistem manajemen negara dalam JavaScript murni
• Kenapa V8 baru begitu cepat
• CSS dalam JS di kehidupan nyata

• Kerangka kerja
  • Ya, Anda harus mempelajari JavaScript Vanilla sebelum kerangka JS yang trendi.
  • Cara meningkatkan pengetahuan JavaScript Anda dengan menulis kerangka kerja Anda sendiri
  • Bereaksi vs. Vue (vs. Angular)
  

• Teori:
  • Tentang generator di JavaScript ES6, dan mengapa itu opsional untuk mempelajarinya
  • Petualangan operator pipa di babel @ 7
  • Menggunakan Janji dalam JavaScript
  • Tutorial JavaScript untuk Pemula
  • Mari kita bicara tentang titik koma di JavaScript
  • Stateful Monads dalam JavaScript: Bagian 1 , Bagian 2
  • Panggilan balik - tingkatkan pengetahuan Anda tentang API berbasis panggilan balik, pelajari perilaku dan polanya dalam JavaScript
  • Cara berhenti menggunakan panggilan balik dan mulai hidup
  

• Bereaksi:
  • React Basics (buku teks, edisi ke-2)
  • Belajar Render Props dengan Teladan
  • Trik dan Kiat untuk Reactjs SSR
  • Mesin negara terbatas dalam Bereaksi
  

• Sudut:
  • Angular v6.1 menjadi tersedia - TypeScript 2.9, Scroll Positioning, dan banyak lagi
  • Mekanisme pengikatan nilai satu arah sudut
  • Memahami aplikasi bersudut scalable besar dengan @ngrx
  • Mengubah Angular 6 menjadi Aplikasi Web Progresif
  

• Libs & Plugins:
  • ndb - peningkatan debug Node.js diaktifkan melalui Chrome DevTools
  • excel4node - modul untuk Node yang menyederhanakan pembuatan file Excel
  • jsQR - perpustakaan untuk membaca kode QR dalam gambar tanpa dependensi
  • simple-data-table - pustaka yang mudah dan sederhana untuk bekerja dengan tabel tanpa ketergantungan
  • AddThis sekarang tersedia untuk AMP
  

Browser

• Apa yang Baru di DevTools di Versi Chrome 68
• Mengapa membuka YouTube di Firefox atau Edge dapat memakan waktu 5 kali lebih lama daripada di Google Chrome
• Chrome 68 rilis browser web
• Sistem pemblokiran konten yang ditingkatkan akan muncul di Firefox 63
• Mozilla berencana untuk menghapus dukungan untuk RSS dan Bookmark Langsung dari Firefox
• Google Chrome mendorong transisi ke HTTPS
• Ekstensi dompet Metamask asli secara tidak sengaja dihapus dari Toko Web Chrome alih-alih yang palsu
• Bug kritis yang diperbaiki pada bulan Mei di IE memerlukan tambalan baru dan menyebabkan kebocoran memori

Menghibur

• Apple aftertaste: adalah eksekutif, pengembang, dan desainer yang siap untuk meninggalkan Macbook demi laptop lain
• Periksa situs untuk "kutu"
• Ketika programmer merasa aneh: proyek yang menyenangkan dengan github
• Pengembang Google memperkenalkan dongle USB Titan Security Key USB untuk otentikasi yang aman
• Google Documents memperkenalkan pengecekan tata bahasa menggunakan teknologi pembelajaran mesin
• Windows 10 akan memperkenalkan pembelajaran mesin untuk mencegah reboot sistem yang tidak dapat diprediksi karena pembaruan

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 .