Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 322 (2 - 8 Juli, 2018)

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

Media | Pengembangan Web | CSS | Javascript | Peramban | Menghibur

---

Media

• Podcast "Standar Web", Edisi No. 128: Bereaksi hanya JS, bersarang di CSS, sistem indentasi, captcha yang tidak dapat diakses, lupakan kisi-kisi di IE, seting versus visvig.
• Frontend Weekend podcast # 60 - Dmitry Rozhkov tentang membuat Senior Software Vlogger, musim dingin di Thailand dan tinggal di Hamburg
• Podcast Devschacht: Night Front End # 40 - GPC, Depresi, WSD, dan Patreon
• Frontend Youth (18+) podcast # 55 Ingin menjadi pengembang Bereaksi yang keren - dengarkan di sini!
• CSSSR Podcast: Berita 512 - Edisi No. 13 (07/02 - 08/07)

Pengembangan web

• Caching web sebagai contoh membeli susu di toko
• Situs seluler atau tata letak adaptif: yang lebih baik dari sudut pandang SEO
• Bagaimana dan mengapa menguji tata letak
• Publii - CMS statis baru dengan GUI untuk membuat situs yang aman, cepat, dan bergaya
• Internet itu kompleks (Tetapi tidak harus seperti itu) . Panduan Pengembangan Web Lengkap

• Kinerja:
  • Google: Pembaruan Kecepatan mesin pencari akan diluncurkan pada Juli 2018 , Pembaruan Kecepatan Google akan mempertimbangkan bahkan peningkatan kecil dalam kecepatan unduhan
  • Audit Kinerja: Perendaman Jauh di Alat Pengembang Firefox
  • Meningkatkan kinerja: mengubah ukuran gambar sesuai permintaan
  • Optimasi Kecepatan Situs Web dengan DevTools Chrome . Blog Google Developers yang diperbarui
  • Komponen yang tergantung koneksi . Gunakan API Informasi Jaringan untuk beradaptasi dengan kecepatan yang berbeda: img untuk 2G / 3G, video untuk 4G
  • Mengurangi pemuatan JavaScript yang bermanfaat dengan Tree Shaking
  

• Aksesibilitas:
  • stylelint-a11y - plugin untuk stylelint dengan aturan a11y
  • Korsel yang terjangkau menggunakan ARIA
  • Kekuatan dan bahaya WAI-ARIA: lebih lanjut tentang pengenalan suara
  

• Web spektakuler:
  • WorldCup generatif . Eksperimen dengan API Statistik Kejuaraan Dunia untuk menghasilkan templat abstrak untuk setiap game
  • Memperkenalkan GaspTools Ueno : Alat Animasi Sederhana
  • div yang terlihat berbeda di semua browser
  • Kursor mouse hantu mengikuti
  
  

CSS

• GitHub berubah ... GitHub berubah ... menjadi Windows 95 yang elegan
• Pekerjaan yang efektif pada standar - bagian 1: lingkungan operasional , bagian 2: jalur yang sulit untuk berkompromi
• Panduan untuk integrasi dan stilisasi sistem ikon - sprite SVG, karakter SVG, dan font ikon
• Trik CSS untuk merevolusi tata letak Anda
• Menempatkan teks dalam wadah
• Clearfix: pelajaran dalam evolusi pengembangan web
• Bagaimana CSS Bekerja: Membuat Layers dengan z-index

• Kotak CSS:
  • CSS Grid Level 2: dan Subgrid Datang
  • CSS Grid di IE: Mengungkap Kesalahpahaman Dasar Tentang IE Grid
  • CSS Grid di IE: CSS Grid dan Autoprefixer Baru
  • CSS Grid di IE: Emulasi Grid Penempatan Otomatis dengan Kesenjangan
  

Javascript

• Dasar-dasar JavaScript untuk Pemula
• Mengembangkan kerangka kerja Anda sendiri dan pertumbuhan profesional seorang programmer JS
• Kapan (dan mengapa) Anda harus menggunakan fungsi panah ES6
• 15 metode elemen HTML yang mungkin belum pernah Anda dengar
• Mengapa GraphQL: kelebihan, kekurangan dan alternatif
• Variabel JavaScript var, let, dan const dijelaskan dalam cerita

• Bereaksi:
  • 16 Alat Bereaksi untuk Pengembang Antarmuka
  • Kesalahan paling umum dalam kode Bereaksi yang Anda (mungkin) buat
  • Sederhana (setidaknya 99% ES2015) Bereaksi tutorial.
  • Bereaksi hanyalah JavaScript
  • Dasar-dasar Bereaksi Tanpa NPM. Tanpa paket web. Tanpa Redux. Pelajari dasar-dasar Bereaksi dengan membuat hak fraktal animasi di kotak pasir browser Anda.
  • 5 praktik populer yang bisa Anda hentikan dalam Bereaksi
  • Apa itu Redux: Panduan Desainer
  • react-scrollbar-custom - komponen Bereaksi terbaik untuk membuat bilah gulir khusus
  

• VueJS:
  • saluran berbahasa Rusia dari. komunitas vuetify.js tentang perselisihan
  • Vue Test Utils and Jest: cara menulis unit test sederhana untuk frontend
  • Cara menggunakan perutean di Vue.js untuk meningkatkan pengalaman pengguna
  • Membuat aplikasi seluler menggunakan Capacitor dan Vue.js
  • The Vue Handbook: Pengantar rinci untuk Vue.js
  • Otentikasi Vue dan Penanganan Rute dengan Vue-router
  • Template admin terbaik untuk Vue.js pada tahun 2018
  

• Sudut:
  • Roadmap Pengembang Sudut . Sebuah proyek yang tujuannya adalah mengumpulkan konsep paling dasar / penting yang harus dipelajari siapa pun yang ingin menjadi pengembang Angular
  • Komponen Web dalam Angular dan AngularJS
  • Solusi Komponen Dinamis dalam Sudut
  

• Libs & Plugins:
  • shepherd - perpustakaan untuk membuat asisten visual pada elemen situs
  • Rete.js - kerangka kerja pemrograman visual JavaScript
  • itty.bitty - alat untuk membuat tautan yang berisi situs kecil
  

Browser

• Screenshot: memperbarui menu utama Microsoft Edge
• Google dan Mozilla menghapus add-on browser Stylish, yang memata-matai pengguna, dari direktori
• Perbandingan kinerja berbagai implementasi WebAssembly
• Cara menggunakan Microsoft Edge untuk membaca buku elektronik
• Spectre berhasil memintas perlindungan browser terhadap kerentanan

Menghibur

• Apakah blockchain kata kunci atau sesuatu yang serius?
• Mengapa banyak yang ingin menjadi manajer dan ini tidak selalu merupakan ide yang baik
• Di add-on Stylish browser, kode telah terungkap untuk mengirimkan riwayat kunjungan
• Kelahiran kembali virtualitas dan augmented reality
• Juli Peringkat bahasa pemrograman TIOBE: TypeScript terus tumbuh dalam popularitas
• Pengantar visual untuk pembelajaran mesin

PS: minggu depan tidak akan ada intisari, liburan dan sebagainya.

Digest Intisari minggu lalu
Bahan disiapkan oleh dersmoll dan alekskorovin