Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 328 (20 - 26 Agustus 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. 135: Sertifikat dan TLS 1.3, kelenturan dan properti khusus, kompatibilitas dan -webkit-sampah, SVG-filter dan WebGL, Node.js. baru
• Frontend Weekend podcast # 67 - Victor Grishchenko tentang bagaimana dan mengapa mengembangkan ilmu pengetahuan di dunia TI modern
• Vue Mingguan Podcast Mingguan, Edisi 1.
• Podcast "Five Minute React" # 44 - Dari kehidupan seorang pengembang menengah
• Devshahta Podcast: # 47: Test Like Paman Bob
• Frontend Youth (18+) podcast # 62 Podcast multikultural bukan tentang frontend
• Wawancara dengan kepala SRI Sergey Berezhny
• ChernivtsiJS 2018 - 23 Juni 2018 , 12 video

Pengembangan web

• Pengantar Pemrograman Shader untuk Tata Letak
• Microservice frontend - pendekatan modern untuk pemisahan bagian depan
• Pembayaran Web, API Permintaan Pembayaran, dan Google Pay
• Membuat AR / VR dengan Javascript dan HTML
• Pengantar cepat untuk keamanan web
• Jelajahi Generator Situs Statis Populer
• Petunjuk Aksesibilitas Baru di WCAG 2.1

• Kinerja:
  • Kiat untuk meningkatkan kinerja animasi CSS dan JS
  • Panduan situs web
  • Bagaimana kami memasuki 3 situs e-commerce tercepat teratas
  • Tenggelam dalam kinerja web pada Google I / O 2018
  • Selami kinerja web pada tahun 2018
  

• Alat:
  • Kiat Profesional untuk Menggunakan Kode Visual Studio untuk Performa Terbaik di 2018
  • SVG 3D Builder - alat komprehensif untuk membuat model tiga dimensi di svg
  • Filter SVG Playground . Alat yang membuat manajemen filter jauh lebih nyaman
  

• Web spektakuler:
  • Codepen CSS / SVG kompilasi efek untuk teks di web
  • Pilihan animasi kreatif untuk menu hamburger
  

CSS

• Pendekatan khusus untuk menormalkan dan mengatur ulang gaya (custom-reset.css)
• Dipecahkan menggunakan CSS! Penataan gaya berdasarkan jumlah elemen
• Kami menulis CSS lebih baik dan lebih indah
• Menggunakan definisi dukungan untuk menulis CSS lintas-browser

• Standar:
  • Standar untuk kustom
  • Terkadang mereka kembali: pseudo-elements dengan awalan -webkit- akan menjadi valid di Firefox
  • :: before vs: before
  

• Efek visual:
  • Beberapa kata tentang gradien
  • Gambar Responsif: Trik CSS Yang Menghemat Waktu
  • Menggunakan Jalur Klip CSS untuk Membuat Efek Interaktif, Bagian 2
  • Menggunakan CSS background-attachment untuk membuat iklan latar tempel di iFrame
  • Contoh penggunaan CSS dunia nyata dengan SVG
  • Efek lanjutan menggunakan mode pencampuran latar belakang CSS
  

• Tata letak:
  • Semua yang perlu Anda ketahui tentang perataan di Flexbox
  • Manfaat Menggunakan Kotak CSS untuk Tata Letak Formulir Web
  

• Tipografi:
  • Penelitian Font Variabel
  • Jenis huruf dan disleksia
  

• PWA:
  • CSS dan PWA: Beberapa Tip untuk Membuat Aplikasi Web Lanjutan
  • Alat optimisasi CSS untuk mempercepat aplikasi web progresif
  

Javascript

• TypeScript 3.0
• Aplikasi dan Server Web JavaScript Rentan terhadap Serangan ReDoS
• 33 Proyek JavaScript Teratas di GitHub
• Daftar periksa untuk menulis komponen reuse dalam React and Vue

• Tutorial:
  • Membuat grafik langsung di D3.js
  • Contoh Javascript Fetch API, panduan dari awal
  • Membuat generator situs statis sederhana dengan Node.js
  • Langkah Pertama dengan TensorFlow.js
  

• Teori:
  • JavaScript: menjelajahi objek
  • Kami meningkatkan tingkat kepemilikan metode bekerja dengan filter array
  • Bilangan kompleks JavaScript
  • Iterator dan generator mengambil tempat dalam JavaScript modern
  • Rekursi tak sinkron: janji, kejutan, tetapi yang terpenting, kebingungan
  

• VueJS:
  • Negara bagian Vue.js pada tahun 2018
  • Membuat SPA Ramah SEO di Vue.js dengan Prerender, serta Tips
  • Pengembang JS menantang Google dan Facebook
  • Menangani acara sentuh dengan VueJs
  

• Bereaksi:
  • Kotlin + Bereaksi vs Javasript + Bereaksi
  • Bereaksi Tutorial Pelengkapan Otomatis dengan Contoh
  • Panduan Lengkap Alat Peraga Reps
  

• Sudut:
  • Properti v6 sudut yang mengubah aturan permainan
  • Membuat Search Engine-Dioptimalkan PWA pada Angular - Bagian 1
  • Cara membuat plugin / arsitektur aplikasi extensible di Angular5 +
  

• Libs & Plugins:
  • size-plugin - menampilkan ukuran aset terkompresi dari paket web Anda dan berubah sejak build terakhir
  • WorkerDOM - Implementasi DOM API yang dirancang untuk bekerja di dalam Web Worker
  

Browser

• Mozilla mengumumkan penghapusan add-on Firefox yang sudah usang
• Pembaruan Google Chrome 69 yang akan datang akan menghadirkan desain browser yang sangat baru
• Di Firefox 62 rencanakan untuk mengaktifkan add-on Monitor Firefox
• Chrome untuk Android dapat mulai menonaktifkan JavaScript pada koneksi 2G

Menghibur

• Yandex membatalkan TIC dan memperkenalkan indikator baru kualitas situs
• Programer sedang bercanda. Apakah sudah waktunya untuk melarang?
• Uni Eropa akan melarang produksi lampu halogen mulai 1 September
• Windows 95 porting ke Electron
• Kernel Linux berusia 27 tahun
• Bagaimana mouse dikeraskan: evolusi peripheral game
• OG menjadi juara The International 2018 . Untuk kemenangan itu, tim memperoleh $ 11,2 juta.
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.

Digest Intisari minggu lalu
Bahan disiapkan oleh dersmoll dan alekskorovin