Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 339 (12 - 18 November 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 # 79 - Oleg Polyakov tentang pendirian CodeDojo dan bagaimana itu menjadi tempat kerja utama
• Podcast Standar Web, Edisi No. 147: KTT Chrome Dev, API Data Pribadi, HTTP / 3 untuk UDP, Komponen Web
• React Five Minute Podcast # 49 - bem-react-core
• Devshahta Podcast: 57: Bagaimana Wrike Menggunakan Dart
• Podcast "Frontend Youth (18+)" # 73 Tiga kerak Eddie Osmani
• CSSSR Podcast: Berita 512 - Edisi No. 29 (12.11 - 18.11)
• Blog video Vadim Makeev 9. Menu untuk menu, kisi atau bootstrap, kenyamanan
• KharkivJS # 9 2018 , 32 video
• FrontTalks 2018 , 16 video
• Chrome Dev Summit 2018 - Semua Sesi

Pengembangan web

• Selamat tinggal, Elektron. Halo PWA desktop
• HTTP over QUIC akan distandarisasi sebagai HTTP / 3
• Memulai dengan WebAssembly hanya menggunakan 14 baris JavaScript
• Web.dev oleh Google - sumber daya baru dengan informasi terstruktur terperinci tentang teknik pengembangan web modern
• Kekuatan komponen web
• 5 alasan mengapa aturan situs statis
• Sorotan diambil dari Chrome Dev Summit 2018
• Virtual DOM lambat. Temui DOM Memoized

• Kinerja:
  • Google mendesain ulang PageSpeed ​​Insights
  • Google merilis aplikasi pengoptimalan gambar Squoosh
  • Addy Osmani tentang browser, JS, dan pengoptimalannya
  • Pengukuran, optimisasi, dan pemantauan . Addy Osmani tentang cara menginvestasikan energi Anda dalam produktivitas
  • Ringkasan laporan dari konferensi performance.now () baru-baru ini diadakan di Amsterdam
  • Inline atau cache? Silakan kedua opsi!
  • Sebuah retrospektif pekerjaan pada kinerja di Mapbox Studio (aplikasi besar pada React - Redux dengan rendering di kanvas WebGL dengan Mapbox GL)
  

• Alat:
  • Bagikan dan taklukkan: alat untuk membuat dan menguji buletin
  • Pengembangan frontend pada iPad Pro (2018)
  

• Aksesibilitas:
  • Pentingnya level heading untuk teknologi bantu
  • Mengapa menggunakan nilai `tabindex` lebih tinggi dari“ 0 ”adalah buruk
  • Gaya fokus khusus keyboard
  

• Animasi:
  • Tata Letak Balik Halaman
  • efek senter untuk rumah berhantu
  • Konsep kreatif halaman pengembang (desain digital)
  

CSS

• Contoh penggunaan flexbox
• "C" dalam CSS: The Cascade
• Bagaimana cara menyingkirkan CSS yang tidak digunakan untuk memfasilitasi file CSS
• Perbedaan antara currentColor dan Custom Properties
• Kawat gigi ke Piksel . Artikel terperinci tentang alistapart tentang bagaimana kode CSS berubah menjadi piksel pada layar
• Penskalaan teks halus dalam JavaScript & CSS
• Hardcore CSS calc ()
• Video singkat tentang bagaimana tim basecamp.com menggunakan CSS Grid dalam produksi

Javascript

• Google akan membiayai peningkatan kerangka kerja JavaScript
• Mainkan Mortal Kombat dengan TensorFlow.js: mentransfer pelatihan dan menambah data
• “TypeScript Definitive Guide” - sebuah buku online gratis tentang Typecript
• Penanganan Kesalahan JavaScript: Panduan Lengkap
• Rantai janji sudah mati. Panjang umur async / tunggu
• Membuat Sandbox JavaScript Interaktif Anda Sendiri
• Mengapa Facebook api dimulai dengan for loop
• Setelah dua tahun menggunakan TypeScript - apakah itu layak?

• NodeJS:
  • Node.js tidur, usleep, msleep . Cara memperlambat aliran dan jeda
  • Cara menggunakan NodeJS tanpa kerangka kerja dan perpustakaan eksternal
  • Dokumentasi offline untuk Node.js (PDF)
  

• Teori:
  • Konteks eksekusi dan susun panggilan dalam JavaScript
  • Fitur JavaScript yang tidak saya ketahui
  • Panduan JavaScript: bagian 1: program pertama, fitur bahasa, standar , bagian 2: gaya kode dan struktur program , bagian 3: variabel, tipe data, ekspresi, objek
  • Menghibur JavaScript: Tanpa kurung kurawal
  • Konteks eksekusi dan tumpukan panggilan - ilustrasi visual kue potong
  

• Bereaksi:
  • Pengantar React Hooks
  • Mengapa Bereaksi Hooks, dan bagaimana Anda bisa sampai ke ini?
  • Konsep yang perlu Anda ketahui di React.js (setelah mempelajari dasar-dasarnya)
  • Gambaran Umum Alat Peraga Render dalam React
  • Membuat Aplikasi Bawaan yang Harus Dilakukan dengan React Hooks (Tanpa Komponen Kelas)
  • Cara menggunakan React.lazy dan Suspense untuk pemuatan komponen yang malas
  • Hooked on hooks: cara menggunakan React's useReducer ()
  • Membuat React Reactive Menggunakan Hooks
  

• VueJS:
  • Cara mengkonfigurasi instalasi variabel lingkungan Nuxt.js di runtime, atau Cara melakukan semuanya tidak seperti semua orang dan tidak menyesalinya
  • Pratinjau Vue.js 3.0 oleh Evan You
  • Membuat proyek PWA Vue.js pertama Anda
  • Bagaimana kami menggunakan Redux & Redux-Observable with Vue (jurnal v3.0)
  • Aplikasi Vue Offline-First dengan Hoodie & Workbox
  • Merancang UX yang Ditingkatkan dengan Transisi dan Animasi Vue.js
  • Penjelasan visual Vuex
  

• Sudut:
  • Optimasi penanganan acara di Angular
  • Angular - semua laporan dengan AngularConnect untuk 2015-2018
  • Memulai dengan Aplikasi Angular dan Angular CLI dalam beberapa menit
  

• Libs & Plugins:
  • TensorSpace.js - kerangka kerja untuk visualisasi 3D jaringan saraf, membangun model interaktif dan intuitif di browser, dukungan untuk model pembelajaran dalam pra-dilatih dari TensorFlow, Keras, TensorFlow.js
  • TNG-Hooks - Menyediakan hook useState (..) yang terinspirasi dari React untuk fungsi yang berdiri sendiri
  • router: router JS sederhana untuk menyelesaikan satu tugas tanpa kerangka React, Angular atau Vue
  

Browser

• Firefox akan mulai memberi tahu Anda tentang kunjungan ke situs yang diretas, serta perubahan harga
• Dukungan Wayland ditambahkan ke Firefox nightly builds
• Mozilla sedang menguji dua fitur baru di Firefox: Price Wise dan Email Tabs
• Chrome sedang mengembangkan API untuk membuat aplikasi khusus yang lengkap

Menghibur

• Tujuh serangan baru pada mekanisme eksekusi spekulatif di CPU
• Perpecahan di antara para pembangkang: apa yang terjadi pada cryptocurrency Bitcoin Cash terbesar keempat dalam hal kapitalisasi
• Tampilan bagian dalam: tentang budaya makanan Facebook
• Google akan membuka untuk semua orang domain tingkat atas .dev
• Microsoft menumbuhkan mentimun lebih baik daripada Tencent dan Intel. Perusahaan yang didirikan oleh Bill Gates tampaknya akhirnya menemukan panggilannya
• Statistik Octoverse: bahasa pemrograman top pada tahun 2018
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 .