Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 331 (17 - 23 September 2018)

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

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

---

Media

• Frontend Weekend Podcast # 71 - Ivan Akulov tentang Bagaimana dan Mengapa Mendasarkan Agen Konsultan Kinerja Anda dalam 20 Tahun
• CSSSR Podcast News 512 - Edisi No. 22 ( 17 September - 23 September )
• Podcast Weekly Vue # 5
• The React Five Minute Podcast # 48 Ada dua buku : The Greatness of Vue.js 2 (The Majesty of Vue.js 2) dan The Path to Learning React (Jalan untuk belajar Bereaksi) —yang Anda baca dan beri tahu teman yang mana?
• Devshahta Podcast: # 51: 12-Factor Applications
• Frontend Youth (18+) podcast # 65: Serangan DDoS pada CSS Anda , # 64: 33 life hack untuk meningkatkan produktivitas
• Podcast Presentable # 51 : Sejarah Lisan Standar Web dengan Jeffrey Zeldman

Pengembangan web

• Arsitektur Web: Dasar-Dasar untuk Pengembang Pemula
• Google secara besar-besaran mengalihkan situs ke pengindeksan seluler-pertama , tetapi transisi penuh ke pengindeksan seluler-pertama mungkin memakan waktu bertahun-tahun
• Google telah mengusulkan model manajemen baru untuk proyek AMP
• Memperkenalkan Bing AMP viewer dan Bing AMP cache
• Apa yang menentukan pengembang front-end yang baik?

• Kinerja:
  • Diam Sampai Mendesak . Rincian tentang teknik baru untuk meningkatkan produktivitas dan FID khususnya dalam sebuah artikel oleh Philip Walton
  • Kerangka kerja kinerja web . Jeremy Kate membuat bagan kinerja untuk membantu mencari cara memprioritaskan pekerjaan frontend
  • Banyak pilihan sumber daya kinerja web
  

• Alat:
  • Meningkatkan Kemampuan Debugging dengan Chrome DevTools (Bagian 2)
  • Penggabungan Sublime - temui klien Git baru dari pencipta Sublime Text
  • Benang Plug'n'Play : menyingkirkan node_modules, Konsep serupa dari npm disebut tink
  

• Aksesibilitas:
  • Belajar dari Pelajaran Aksesibilitas Apple
  • Banyak suara di sekitar ARIA
  • Ketersediaan debug dengan Chrome DevTools
  

• Animasi:
  • Kota Volumetrik dibangun dari emoji “di atas CSS murni”
  • pagination yeti lucu
  • Sinar cahaya dari partikel berwarna
  

CSS

• CSS Grid - Pisau tentara Swiss untuk tata letak situs dan aplikasi
• Kimia CSS CSS
• Segarkan CSS Bookmarklet v2 . Bookmarklet klasik yang diperbarui oleh Paul Irish dengan Leah Veru
• Flexbox: seberapa besar ukuran elemen dalam wadah Flex?
• Demonstrasi visual dari properti transform-origin
• Bersenang-senang dengan efek hover untuk tautan
• Apa itu Modular CSS?

Javascript

• Porting JS ke Elbrus
• Rilis baru: Electron 3.0, kerangka kerja untuk membuat aplikasi JS asli , Next.js 7 , Gatsby 2.0.0 , telah dirilis
• Lebih sedikit kode, lebih banyak aplikasi: bagaimana Vulcan.js menjadikan saya pengembang yang efektif
• 5 Tips untuk Menulis Ekspresi Bersyarat yang Lebih Baik dalam JavaScript
• Bundlephobia - Ingin menjaga ukuran bundel JavaScript tetap kecil? Menggunakan Bundlephobia.com, Anda dapat memeriksa ukuran dependensi sebelum menambahkannya ke proyek.
• Tentang membuat game untuk kontes Underrun js13K
• Cara membuat alat interaktif untuk membuat tata letak Flex di JS

• Media:
  • Podcast Script & Style Show: Episode 21 : JavaScript Pihak Ketiga dan Kinerja Web dengan Charlie Vazac
  • React Podcast No. 21: Hapus Komponen Anda dengan Kent C. Dodds
  • Bereaksi Alicante 2018 , 22 video
  

• VueJS:
  • Cara mengatur dependensi Anda dalam aplikasi Vue
  • Nuxt.js 2.0: Webpack 4, Modul ESM, buat-nuxt-app dan banyak lagi!
  • Vue.js + GSAP = Animasi
  • Menggunakan Slot Scoped di Vue.js untuk Fungsi Abstrak
  • 5 fitur yang paling banyak diminta untuk Vue.js pada tahun 2018
  • 7 pelajaran arsitektur frontend dari Nuxt.js
  

• Bereaksi:
  • Bereaksi dan SEO: Cara Mencari Teman
  • Mengapa Anda tidak harus menggunakan komponen tingkat tinggi dalam Bereaksi
  • Enterprise React pada 2018-2019
  • Hitchhiker's Guide to Galaxy React Router v4: [pertandingan, lokasi, sejarah] adalah teman terbaik Anda!
  • Mengapa React16 adalah berkah bagi Bereaksi pengembang
  • Cara memulai dengan React Context API
  • Membuat komponen React-style dalam javascript vanilla.
  • Kekebalan dalam Bereaksi dan Redux: Panduan Lengkap
  • Menggunakan Font Awesome 5 di React
  • react-flip-toolkit - perpustakaan yang memfasilitasi animasi flip di React
  • Membuat Widget Pelengkapan Otomatis Menggunakan Pencarian Bereaksi dan Elastik
  

• Sudut:
  • Sederhanakan aksesibilitas dengan CDK Angular
  • Membuat PWA dengan Angular 6
  • Tingkatkan Kecakapan NgRx
  • Tiga Pilar Router Sudut - Negara Router dan Pencocokan URL
  

Browser

• Mozilla memperkenalkan versi final dari browser Firefox Reality untuk kacamata dan helm realitas virtual
• Microsoft telah menonaktifkan fitur Windows 10, yang mencegah pengguna menginstal peramban lain alih-alih Edge
• Mencegat dan memodifikasi permintaan di Chrome menggunakan Devtools Protocol

Menghibur

• Google: kami sepenuhnya mengindeks dan memberi peringkat konten di tab
• Jalan unicorn: bagaimana GitLab pergi ke penilaian $ 1 miliar
• Google gagal kloning Twitch dan mengundang gamer langka untuk menonton YouTube
• MIT menciptakan jaringan saraf yang mengenali objek dengan deskripsi suara
• VKontakte meluncurkan platform podcast
• Mengapa YouTube Gaming Kompetisi Lost Twitch
• Kerjakan bug: Bagaimana saya hidup dengan disleksia
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.

Digest Intisari minggu lalu
Bahan disiapkan oleh dersmoll dan alekskorovin