Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 373 (22 - 28 Juli 2019)

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

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

---

Media

• Standar Web Podcast , Edisi No: 186. Firefox, JSON, Every Layout, Monoreps, a11y, Slack dan JS
• Frontend Weekend podcast # 95 - Ekaterina Petrova tentang cara menjadi manajer departemen frontend dari pengembang seluler
• CSSSR Podcast : 512 News - Fitur Baru di JS, PageSpeed, GraphQL Video, Slack Acceleration, dan Github Blocking
• CSSSR Podcast : Berita 512 - HTTP / 2, kepingan tanpa server, CORS, rilis keamanan Oracle, rilis, dan berita lainnya
• React Five Minute Podcast : SOLID dengan Contoh TypeScript
• Podcast Frontend Youth (18+) : # 100 Sotochka
• Repozitorro # 22 - Jungkir balik di React!
• Frontreview # 16 - Programmer Burnout Profesional

Pengembangan web

• Elemen Fraktal
• Permintaan Pembayaran API Browser Standar
• Nawala terbaik untuk pengembang front-end
• Merancang dan membangun aplikasi web progresif tanpa kerangka kerja: Bagian 1 , Bagian 2
• SEO SEO: Panduan untuk Mempromosikan Satu Halaman Beranda Google

• Kinerja:
  • 12 tips untuk meningkatkan kinerja aplikasi JavaScript
  • 7 tips pengoptimalan CSS untuk mempercepat pemuatan halaman
  • Cara Kerja Google PageSpeed: Tingkatkan Peringkat Anda dan Peringkat Mesin Pencari
  • Penyesuaian kinerja situs JavaScript menggunakan Chrome DevTools
  

• Aksesibilitas:
  • Komponen inklusif: tooltips dan togltypes
  • Mungkin Anda harus mengabaikan type = search
  • Nilai tanpa tag: Model Obyek Aksesibilitas
  

CSS

• Saya menulis mesin CSS khusus dalam JavaScript
• Mengapa Anda harus belajar menggunakan CSS-in-JS
• Semua yang perlu Anda ketahui tentang margin dalam CSS
• Ketersediaan Konten yang Dihasilkan CSS
• Pilihan perpustakaan untuk animasi CSS
• Grid CSS yang benar-benar responsif dengan minmax () dan min ()
• Jangan pisahkan koma: fokus-dalam jika Anda memerlukan dukungan browser yang mendalam
• Iframe responsif
• Bagaimana cara menambahkan fallback ke Flexbox untuk CSS Grid
• Cara termudah untuk memuat CSS secara tidak sinkron
• Manipulasi multi-kolom

Javascript

• 5 Perintah Pengembang TypeScript
• Cara berbicara dengan mikrokontroler dari JS
• Kiat untuk membuat unggah gambar malas Anda sendiri
• Memahami SEO dalam JavaScript
• Cara Praktis untuk Menulis JavaScript Lebih Baik
• Apa yang Baru di JavaScript: Ringkasan Google I / O 2019
• Pengantar Svelte

• Berita:
  • Pendiri QEMU dan FFmpeg menerbitkan mesin JavaScript QuickJS
  • Facebook membuka kode mesin JavaScript Hermes
  • Pengumuman TypeScript 3.6 Beta
  

• Teori:
  • Lingkup dan penutupan leksikal JavaScript
  • Konsep JavaScript: Penutupan
  • Membersihkan Kode Anda: Hindari Kondisi
  

• VueJS:
  • Kesalahan penanganan di Vue
  • Membuat SPA di Vue.js dan Headless WordPress
  • Komposisi Komponen: API Vue Function vs Komponen Renderless
  • Apa yang saya sukai tentang Vue
  • OverVue, alat prototipe Vue
  

• Bereaksi:
  • Penataan Aplikasi Bereaksi
  • Membuat Komponen Switch saat Bereaksi
  • Cara paling mudah untuk memproses peringatan di Bereaksi
  • Cara merekrut dan melatih pengembang jika Anda tidak menggunakan Bereaksi
  

• Sudut:
  • Prototyping dengan Angular
  • Pengantar @ ngrx / efek
  • Memahami keajaiban di balik Elemen Sudut
  • Apa yang saya pelajari dalam 3 tahun pengembangan pada Angular 2+
  • 7 kesalahan untuk mencegah ketika beralih dari AngularJS ke Angular
  

• Ember:
  • Ember 3.11 Rilis
  • Mengatur aktivitas tautan adalah cara modern
  • Skill tree untuk mempelajari Ember.js pada 2019
  • Integrasikan setiap backend ke Ember dengan Adapters & Serializers Khusus
  

• Libs & Plugins:
  • cesiumjs: perpustakaan sumber terbuka untuk membuat bola dunia dan peta tiga dimensi
  • json-complete - dapat mengubah hampir semua objek atau nilai JavaScript standar menjadi bentuk berseri yang kompatibel dengan JSON dan sebaliknya.
  • Moveable: library untuk menambahkan fungsi drag and drop, rotasi, mengubah ukuran dan penskalaan
  

Browser

• Apa yang kamu, Rendering Engine? Atau cara modul tampilan browser bekerja
• Browser Firefox Reality telah tersedia untuk headset Oculus Quest
• Google akan memblokir sertifikat root yang dikeluarkan oleh DarkMatter
• Di Firefox 70, halaman yang dibuka melalui HTTP akan ditandai sebagai tidak aman
• Google akan mulai menghapus ekstensi Chrome yang menyalahgunakan pengumpulan data pengguna
• Apa yang Baru di DevTools (Chrome 77)

Menghibur

• Apa yang seharusnya memimpin tim: peran, tanggung jawab, dan keterampilan
• Facebook, Twitter, dan Google memasang alih moderasi ke Filipina. Bagaimana hasilnya - laporan Washington Post
• Penelitian: mengapa profesional TI memilih perusahaan menengah
• Bagaimana cara mengganti produk Google: pilihan alternatif yang tidak akan mengikuti Anda
• Penelitian: situs kehilangan hingga 10% dari pendapatan pengguna karena peraturan tentang perlindungan data pribadi Uni Eropa
• GitHub memblokir pengembang dari negara yang dikenai sanksi AS
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.

Intisari minggu lalu .
Bahan disiapkan oleh dersmoll dan alekskorovin .