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

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", Edisi No. 162: Npm untuk perusahaan, prioritas unduhan JS, harga skrip pihak ketiga, JS langsung di CSS, dapat diakses oleh TodoMVC, kotak centang khusus, perataan teks.
• Devschacht Podcast # 70: Bagaimana TypeScript Mengubah Cara Berpikir Kita
• CSSSR Podcast News 512 - Edisi No. 39 (18 Februari - 24 Februari)
• Podcast "Frontend Youth (18+)" # 84 Kita masing-masing telah melihat yang terburuk
• Blog video Vadim Makeev: “13. Langsung dengan jawaban " , 14. Kotak centang khusus dengan benar
• MinskJS Meetup # 5 - 3 video

Pengembangan web

• WebPembentukan perakitan: menyapu nyata dan contoh
• BEM yang nyaman
• AMP dan Halaman Turbo: Pro, Kontra, dan Hasil Implementasi
• AMP meningkatkan lalu lintas pencarian organik - belajar
• 30 praktik penting untuk menulis HTML5 modern dan efektif
• Slide Alexandra Shinkevich dari MK internal tentang pengujian frontend untuk pengembang
• Coba GraphQL! Panduan Interaktif GraphQL

• Alat:
  • Tampilan baru dalam mempelajari dan mendokumentasikan kode sumber
  • Bagaimana ukuran kode tergantung pada minifier, kolektor, dan bahasa. Pembaruan webpack yang tidak terduga
  • 10 tips keamanan untuk npm
  • ICONSVG - alat untuk menyederhanakan proses mencari dan menghasilkan ikon populer untuk proyek Anda
  • 7 kotak pasir javascript di 2019
  

• Aksesibilitas:
  • Kiat untuk membuat elemen interaktif dapat diakses di perangkat seluler
  • Komponen inklusif: daftar yang harus dilakukan
  • Apa arti standar Eropa untuk aksesibilitas EN 301 549 untuk organisasi AS?
  • Video tentang cara pembaca layar menggunakan web
  

• Web spektakuler:
  • Efek penyaringan SVG. Bagian 6. Membuat tekstur dengan feTurbulence
  • Buat animasi yang menghidupkan situs Anda.
  • Cara membuat efek gambar 3D palsu menggunakan WebGL
  • Gumpalan!
  • SVG SPA
  

CSS

• Mengapa saya menulis CSS dalam JavaScript
• Menggambar pada CSS murni . 5 properti CSS teratas yang saya andalkan saat membuat seni CSS
• JS-in-CSS - worklet yang akan dibuat langsung dari CSS (sebagai bagian dari eksperimen CSS HOUDINI)
• 21 cara untuk mengoptimalkan CSS Anda dan mempercepat situs Anda
• Cara kerja @support
• Penggunaan CSS Grid yang Benar
• Jaringan penyelarasan otomatis Flexbox kompatibel dengan IE10
• Variabel CSS + calc () + rgb () = Kontras warna yang tinggi
• CSS: Animasi FLIP

Javascript

• FunES # 8: Math.pow tidak sama **
• Manipulasi DOM dalam JavaScript murni
• Pengantar jQuery (versi 2019)
• Panduan Lengkap untuk Fitur ES10
• Prioritas pemuatan JavaScript di Chrome
• Analisis solusi JavaScript pada masalah algoritmik umum (bagian 1)
• 12 ide untuk meningkatkan keterampilan JavaScript Anda
• XMLHttpRequest atau Fetch API: apa yang terbaik untuk Ajax di 2019?

• Teori:
  • JavaScript: The Big Whole Well Why
  • Bagaimana cara memulai internasionalisasi dalam JavaScript
  • bidang kelas publik dan swasta
  • Coba / Tangkap / Akhirnya . Wawancara tugas dan banyak lagi
  • Panduan pewarisan kelas prototipe JavaScript
  • Saatnya berbicara tentang JavaScript berorientasi objek
  • Menghindari Pemblokiran DOM dalam JavaScript
  

• VueJS:
  • 26 tips untuk menghemat waktu saat bekerja dengan Vue
  • Membuat aplikasi modern menggunakan Nest.js, MongoDB dan Vue.js
  • Mengoptimalkan kinerja aplikasi pada Vue.js: Bagian 3 - Pemuatan malas modul Vuex
  

• Bereaksi:
  • Kumpulan 2.200 sumber daya untuk segala sesuatu yang berkaitan dengan reaksi - mulai dari Next.js, Gatsby dan JSX hingga animasi, Apollo GraphQL, dan podcast
  • Pengumuman Ionic React Beta
  • React Hooks, First Impressions
  • Menggunakan Pre-Commit dan Pre-Push Git Hooks dalam Proyek Bereaksi
  • Bereaksi: hubungan antar komponen
  • Bereaksi Progresif . Ingin membuat situs web Bereaksi Anda lebih produktif? Ini daftar periksa cepat
  • Bangun aplikasi web progresif dengan React. Bagian 2
  

• Sudut:
  • Styling Aplikasi Sudut dengan Bootstrap
  • Pemulihan posisi gulir reaktif menggunakan RxJS
  

• Libs & Plugins:
  • Sisi Klien NSFW Discovery Through Tensorflow JS
  • Pelajari, desain, atau dokumentasikan basis kode dengan menempatkan remah roti dalam kode sumber
  

Browser

• CERN meluncurkan browser Internet 90-an untuk menghormati peringatan 30 tahun World Wide Web
• Yandex mulai menguji obrolan publik dengan orang-orang terdekat di ponsel Yandex.Browser
• 31% dari pengaya Chrome menggunakan perpustakaan dengan kerentanan yang diketahui
• Microsoft Edge secara diam-diam memungkinkan Facebook untuk menggunakan konten Flash
• Di Firefox, mode gambar-dalam-gambar dan manajer tambahan yang didesain ulang akan muncul

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