Intisari bahan-bahan segar dari dunia frontend untuk minggu terakhir No. 336 (22 - 28 Oktober 2018)

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

Media | Pengembangan Web | CSS | Javascript | Browser

---

Media

• Podcast Standar Web, Acara di Berlin, komponen web, PWA di desktop, Styleguidist dan JSS, CSS-in-JS.
• Frontend Weekend Podcast # 76 - Ivan Botanov tentang Bagaimana dan Mengapa Dia Mulai Mengajar Pengembang Sudut
• CSSSR Podcast News 512 - Edisi 26 (10/22 - 10/28)
• Podcast Frontend Youth (18+) # 70 Captain Hook and the Cat
• Podcast Radioj, Edisi 53: Proposal, proposal, proposal, atau hasil lokakarya
• Devshahta Podcast: # 54: Apa yang harus didengarkan di HolyJS 2018 Moscow
• Blog video Vadim Makeev №7. KFC, SVG, dan base64 berlebihan, ketersediaan-jenis berbahaya
• JavaScript Jabber 336: “The Origin of ESLint” bersama Nicholas Zakas
• Bereaksi Podcast # 26: Bersantai dan Dengarkan dengan Brad Frost
• Node Ukraina 2018 - pembicaraan , 8 video
• WSD di Kiev, 2018 , rekaman siaran online
• React Conf 2018, 28 video

Pengembangan web

• Arsitektur frontend tingkat atas. Kuliah Yandex
• Distribusikan dan taklukkan: tata letak sekarang dan sekarang
• Aturan aksesibilitas web pragmatis yang melekat di pikiran Anda
• Situs web khas pada tahun 2018 , demo ironis, edisi codepen , edisi situs web

• Alat:
  • Menggunakan Inspektur Animasi di Alat Pengembang Chrome
  • 10 trik konsol untuk debugging profesional
  • Webpack beranotasi 4 Konfigurasi untuk pengembangan frontend
  • Siteaudit: audit situs Anda (Pagespeed, Lighthouse, A11y) langsung dari terminal
  

CSS

• Bentuk yang dihasilkan menggunakan gradien latar belakang CSS.
• Buat antarmuka proporsional
• Bergabunglah dengan DNA HTML menggunakan atribut pemilih CSS
• Dari biasa hingga luar biasa dengan animasi CSS
• Sederhanakan gaya dengan CSS fungsional
• Anda menggunakan <em> salah
• Menggunakan Mode Gelap di CSS dengan MacOS Mojave
• Daftar kesalahan desain CSS yang tidak lengkap
• Tantangan 100 Hari CSS

Javascript

• ES2018 - metode akhirnya menjanjikan
• API ReportingObserver: melihat kode halaman web dari perspektif baru
• Node.js 11.0 dengan dukungan engine V8 7.0 telah dirilis
• Keadaan JavaScript . Wawancara dengan Addy Osmani tentang status JavaScript saat ini di web
• Cara mengurangi dampak JavaScript pada waktu pemuatan halaman Anda
• Cara membuat marker khusus untuk Google Maps menggunakan HTML & CSS, kelas dan penutupan ES6
• 3 kesalahan kinerja JavaScript yang harus Anda hentikan
• GraphQL: Kisah Sukses Checkout PayPal
• Mainkan Mortal Kombat dengan TensorFlow.js. Transfer pembelajaran dan augmentasi data
• API Intl.RelativeTimeFormat - memproses tanggal dan waktu relatif terhadap momen saat ini

• Teori:
  • Fungsi Karir JavaScript
  • 100 video ceramah tentang pemrograman
  • typeof Semuanya dan kesalahpahaman bebek
  • Memahami pemeriksaan tipe dengan typeof
  • Hanya Tentang JavaScript: Pengantar Jujur, Stubbing, dan Antarmuka
  • Memahami Fungsi Tingkat Tinggi dalam JavaScript
  

• Bereaksi:
  • Apa yang Baru di Bereaksi 16.6
  • Bereaksi 16.6: React.memo () untuk Kontrol Rendering Komponen Fungsional
  • Memulai dengan React Hooks
  • Menggunakan React Profiler for Performance
  • Memutus Kinerja Bereaksi dengan Redux
  • Komponen fungsional murni dalam Bereaksi
  • Memahami Render Props dan HOC
  • Bereaksi Fungsional. Apakah mungkin? Mempelajari teknik pemrograman fungsional dalam HOC
  • Membuat Komponen Kerangka dengan Bereaksi
  

• Sudut:
  • Gulir sudut 7 dan virtual
  • V7 sudut keluar, tetapi 7.1.0 sedang dalam perjalanan
  • Bentuk sudut reaktif di dunia nyata
  • Internasionalisasi dalam Aplikasi Sudut dan Bereaksi - Perbandingan
  • Routing Isoline dalam Aplikasi Sudut Menggunakan API Routing HERE
  

• VueJS:
  • Vue dashboard pecahan
  • Menggunakan mutasi GraphQL di Vue.js
  

• Libs & Plugins:
  • lazy-brush - menggambar garis dengan mouse, jari atau perangkat apa saja dengan pointer
  • perkollate: alat baris perintah yang mengubah halaman web menjadi format PDF
  • IronDB - keystore cadangan untuk browser
  

Browser

• Firefox 63: API Komponen Web baru, editor font, dan penindasan CSS
• Firefox dapat dimonetisasi dengan add-on VPN berbayar bawaan
• Browser Firefox 63 memiliki fitur Enhanced Tracking Protection untuk meningkatkan privasi berselancar
• Mozilla akan mengintegrasikan langganan ProtonVPN ke Firefox, dan dengan harga lebih tinggi daripada langsung melalui situs web layanan
• Apa yang Baru di Microsoft Edge pada Pembaruan Windows 10 Oktober 2018

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 .