Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 352 (11 - 17 Februari 2019)

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

Media | Pengembangan Web | CSS | Javascript | Browser

---

Media

• Frontend Weekend Podcast # 88 - Apa yang Telah Berubah untuk Sergei Popov dari Tahun ke Tahun (Tentang Membuat Liga A dan Masalah Front-Berakhir Tanpa Pengalaman)
• Podcast "Standar Web", Edisi No. 161: Chrome 73 dan CSS 2019, SVG, tabel, kisi dan tombol, masa depan Bingkai Foto.
• Podcast "devschacht": 69: I Frontend
• Podcast "Frontend Youth (18+)" # 83 Transfer ke Star Stack
• CSSSR Podcast News 512 - Edisi 38 (09.02 - 15.02)
• Turnamen: “Fitur JS Terbaik 2018” (BAGIAN 2)
• Frontreview Podcast No. 5: Ringkasan dan Portofolio yang Tepat untuk Pengembang Junior
• Ember.js: dokumenter (rilis resmi)

Pengembangan web

• HTML kami hilang
• Tentang linter, kualitas kode, kualitas secara umum dan manajemen kualitas
• Rencana singkat untuk mempelajari frontend, atau # 100DaysKoda
• HTML5 Boilerplate diperbarui ke versi 7
• Bootstrap 4.3.0 . Rilis versi baru, yang menolak untuk mendukung jQuery
• Pengantar WebBluetooth
• Panduan Lengkap - Cara Mempercepat GIF Web

• Kinerja:
  • Meningkatkan kinerja font web dengan contoh nyata
  • Prioritas sumber daya - kami menggunakan bantuan browser
  • Pra-pasang font dan teka-teki prioritas
  • Contoh Kinerja DOM
  • web pihak ketiga - pilihan dengan informasi singkat tentang tingkat pengaruh skrip pihak ketiga di situs web
  

• Alat:
  • Mengumpulkan bundel impian dengan Webpack
  • Meet: pika / pack - cara baru untuk mengelola paket npm
  • Apa yang Baru di DevTools (Chrome 73)
  • Dalang - Server Pengembangan Baru Saya
  

• Aksesibilitas:
  • A11y luar biasa
  • Kiat untuk membuat elemen interaktif dapat diakses di perangkat seluler
  • Merancang Antarmuka Masa Depan: Inline SVG
  

• Web spektakuler:
  • Efek penyaringan SVG. Bagian 3. Efek posterisasi gambar menggunakan feComponentTransfer
  • Efek penyaringan SVG. Bagian 4. Gambar dua warna dengan feComponentTransfer
  • Efek Filter SVG: Sejajarkan teks dengan tekstur permukaan menggunakan <feDisplacementMap>
  • Efek mengisi grid latar belakang dengan Anime.js
  • Air dan Lemon - gambar terperinci dalam CSS murni
  
  

CSS

• Polling baru #StateOfCSS 2019 dari pencipta StateOfJS
• The Dark Side of the Grids (Bagian 1)
• Pendekatan Baru untuk Kelas Visibilitas Variabel Utilitas CSS
• Panduan 10 Langkah Flexbox
• Lembar Gaya Konstruk: Gaya Dapat Digunakan Kembali Seamless
• Proses penerapan desain antarmuka pengguna dari awal menggunakan header situs sebagai contoh
• Selektor CSS level 4
• Pengantar metrik font dengan penjelasan rinci tentang detail setiap aspek
• Kisi atau Flex?
• CSS Scroll Snap - cara kerjanya
• Apa perbedaan antara Flexbox dan Grid?

Javascript

• 10 perintah konsol untuk membantu memperdebatkan kode JavaScript seperti PRO
• JavaScript yang kuat: mengejar mitos
• Aplikasi Praktis Transformasi Pohon AST Menggunakan Putout sebagai Contoh
• Informatika dalam JavaScript: daftar tertaut ganda
• 5 cara untuk membuat aplikasi waktu nyata menggunakan JavaScript
• Cara mendapatkan JavaScript dari web pada tahun 2019
• JavaScript: momen lucu
• Bagaimana saya menyingkirkan posting sponsor baru di Facebook.
• ES5 ke ESNext - ini semua fitur yang ditambahkan ke JavaScript sejak 2015

• Teori:
  • Semua yang perlu Anda ketahui tentang async / tunggu. Loop, kontrol aliran, pembatasan
  • Manajemen negara . Serangkaian kuliah yang terdiri dari lima video dari Ilya Klimov
  • Panduan Visual untuk Definisi dan Aplikasi Variabel JavaScript
  • Dasar-Dasar JavaScript untuk Menentukan dan Memunculkan Variabel
  • Jelajahi fungsi murni dengan JavaScript
  

• TypeScript:
  • clean-code-typescript - Konsep Clean Code disesuaikan untuk TypeScript
  • ReasonML vs TypeScript: membandingkan sistem pengetikan mereka
  • Cara menggunakan Teks dengan React dan Redux
  

• Bereaksi:
  • Mengapa React Hooks sangat bersemangat tentang saya?
  • Membuat Komponen Autocomplete Bereaksi dari Awal
  • Animasi dalam Bereaksi
  • Bereaksi Sihir Multi Langkah
  • Yang Anda butuhkan untuk membuat React Hook kustom
  • Cara mencapai dukungan aksesibilitas di Bereaksi aplikasi
  • Apa yang saya pelajari dari belajar Bereaksi dalam dua malam, setelah bertahun-tahun bekerja dengan Angular
  

• Sudut:
  • Angular Universal: semua yang perlu diketahui oleh spesialis SEO
  • Kelola breakpoint gambar dengan Angular
  • Tur Konsol Sudut
  • Buat tooltip pada Angular CDK
  

• VueJS:
  • VueJS 3.0: Revolusi? . Pendapat Ilya Klimov
  • Membuat SPA di Vue.js untuk menjual t-shirt
  • Mengubah gambar SVG statis menjadi widget dan infografis interaktif dengan Vue.js
  

Browser

• Mobile Opera telah mendapat VPN gratis
• Memperkenalkan antarmuka browser Opera baru
• Browser Samsung Internet Browser telah mengatasi tonggak dari 1 miliar unduhan di Google Play Store
• Karyawan Microsoft: jangan menggunakan Internet Explorer secara default
• Chrome akan mendukung tautan ke setiap kata dan frasa dalam teks
• Penghematan memori yang berani: pengurangan 33-66% dari Chrome
A.

Kami mohon maaf atas kesalahan ketik atau tautan yang rusak / terduplikasi. Jika Anda melihat ada masalah - silakan menulis dalam email pribadi, kami mencoba untuk memperbaikinya dengan cepat.

Intisari minggu lalu .
Bahan disiapkan oleh dersmoll dan alekskorovin .