Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 329 (27 Agustus - 2 September 2018)

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

FYI: Minggu depan tidak akan ada intisari karena liburan.

Media | Pengembangan Web | CSS | Javascript | Browser

---

Media

• Frontend Weekend podcast # 68 - Yegor Bugaenko tentang bagaimana dan mengapa Anda perlu membedakan diri dari kerumunan programmer lain
• Podcast "Standar Web", Edisi No. 136: Chrome tidak begitu lancang, Firefox melawan pelacak, sumber terbuka dan politik, OpenType dan kaskade yang berguna, pengembangan React DOM.
• Podcast Vue Mingguan, Edisi 2
• React Five Minute Podcast # 45 - Cara Merekam Podcast Tanpa Mikrofon dan Peralatan
• Devshahta Podcast: # 48: Nyeri dari Ext JS dan TFS, atau Bagaimana DevOps Mengubah Dunia Menjadi Lebih Baik
• Podcast CSSSR, Berita 512 - Edisi No. 19 (08.20 - 02.09)
• Enam laporan paling berguna dengan Frontend Conf 2018

Pengembangan web

• Pertumbuhan Berkelanjutan JSON
• Pengembangan SmartTV menyapu bawah air
• Mengapa web modern menyebalkan dan apa yang harus dilakukan tentang hal itu
• Apa yang dimaksud dengan blockchain untuk pengembang frontend?
• Refactoring Kode Warisan
• Menggunakan antarmuka sintesis ucapan dari Web Speech API
• Unduhan web malas asli

• Alat:
  • Apa yang Baru di DevTools (Chrome 70)
  • gulp-webpack - build segar dari Gulp 4 + Webpack 4 + Babel + BrowserSync + Font Awesome 5
  • Universal PWA Builder - alat yang dapat dikembangkan untuk membuat aplikasi web progresif tanpa kerangka kerja
  

• Aksesibilitas:
  • Pidato semantik adalah contoh yang bagus tentang bagaimana menulis kode yang lebih inklusif untuk semua teknologi (tambahan), termasuk mesin pencari, pembaca layar, pembicara pintar dan bot obrolan.
  • Bagaimana Google telah meningkatkan upayanya untuk membuat teknologinya lebih mudah diakses oleh para penyandang cacat
  • Bagaimana Anda dapat menggunakan AI, AR dan WebGL shader untuk membantu tunanetra
  • Reach UI - perpustakaan komponen yang tersedia untuk aplikasi di Bereaksi
  

• Web spektakuler:
  • Kami menggunakan mosaik, pikselasi, dan topeng geometri Voronoi di shader untuk menghias situs
  • Eksperimen grafis web
  • Ilusi optik hanya dalam 18 baris JavaScript
  

CSS

• Unit CSS baru (dan lama) yang jarang Anda dengar
• CSS Advanced Mereka Menggunakan Properti Kustom dan JavaScript
• Demo CSS lengkap dengan properti OpenType
• Komponen Kotak Super-Enhanced dengan Properti CSS Kustom
• Peningkatan Progresif Layout CSS: Dari Float ke Flexbox & Grid
• Cara membuat gaya halaman ramah cetak
• "Memecahkan permintaan kontainer hari ini ," sebuah laporan oleh Greg Whitworth di Hari CSS 2018
• Pengembangan blok progresif CSS
• Editor Bentuk CSS
• Dua puluh Tips Optimasi Kinerja CSS

Javascript

• Mengapa seorang pria di dunia Jawa menjadi pendukung Node.js dan JavaScript yang bersemangat?
• Apa itu pengujian dan mengapa kita harus melakukannya? Artikel pertama dalam seri lima bagian tentang pengujian dalam JavaScript
• Node Hero - Panduan Keamanan Node.js
• Pelepasan JS-transpiler Babel 7
• Jadi apa yang baru di Babel 7?
• Apa yang akan muncul dalam JavaScript 2018: generator asinkron, meningkatkan Regex
• Contoh JS: 8 kasus penggunaan berbeda untuk JavaScript Array Slice
• aiji adalah koleksi kurasi aplikasi JS bertenaga AI yang menginspirasi
• Pengantar cepat untuk pekerja web
• Ikhtisar Pengatur Waktu JavaScript Web

• Naskah:
  • TypeScript dan Babel 7
  • Panduan Cepat TypeScript
  • Bagaimana tim saya secara tidak sengaja beralih ke TypeScript dan jatuh cinta dengannya
  

• Bereaksi:
  • Praktek Penulisan Kode yang Baik dengan React dan Redux
  • Validasi Props Komponen Bereaksi dengan tipe prop
  • Bereaksi Kinerja - Panduan Lengkap untuk Mengoptimalkan Masalah Kinerja Utama dalam Bereaksi
  • Alat Peraga dan PropTip yang Beraksi
  • Bereaksi tutorial: membuat dan melindungi aplikasi pertama Anda
  • Bereaksi Evolusi
  • code-surfer - Bereaksi komponen untuk menggulir, menambah, dan menyoroti cuplikan kode
  • boilerplate.react.spa.full-server - persiapan untuk membuat SPA on React, dengan server penuh.
  

• VueJS:
  • Dua buku tentang Vue.js dirilis dalam terjemahan: The Greatness of Vue.js 2 dan Menguji Komponen Vue.js dengan Jest
  • Menguasai Vuex - Dari Nol ke Pahlawan
  • Membuat aplikasi di Vue.js
  • vue-goodshare - komponen vue.js untuk berbagi sosial
  • Panduan Lengkap untuk Menggunakan Ikon Huruf Luar Biasa di Aplikasi Vue.js
  • tiptap - editor teks kaya renderless untuk Vue.js
  

• Sudut:
  • Angular: fitur penyeleksi direktif yang tidak jelas
  • Mesin Jilid Event Sudut
  • CRUD sudut 6 dari awal, misalnya panduan
  • Cara menggunakan Desain Material di Angular 6
  

• Libs & Plugins:
  • turbo-json-parse - turbo JSON.parse untuk data JSON yang stabil
  • shimport - gunakan modul JavaScript di semua browser, termasuk yang dengan impor dinamis
  • reworm - cara termudah untuk mengelola status aplikasi
  • lazyestload.js - unduh gambar hanya ketika gambar tersebut jatuh ke area yang terlihat
  

Browser

• Di Firefox, secara default diputuskan untuk memblokir pelacakan antar situs
• Untuk Firefox sedang mengembangkan sistem rekomendasi kontekstual untuk add-on
• Analisis portabilitas API browser web modern
• Mozilla menerbitkan statistik penggunaan Firefox
• Mozilla menerbitkan laporan tentang bagaimana orang menggunakan versi desktop Firefox
• Google mencegah solusi keamanan dari menyuntikkan ke dalam proses Chrome
• Fitur Chrome seluler baru akan menonaktifkan skrip pada koneksi yang lambat
• Dampak lingkungan dari keragaman browser
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