Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 365 (13 - 19 Mei, 2019)

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

Media | Pengembangan Web | CSS | Javascript

---

Media

• Podcast Standar Web , 176. Podcast Pengembangan Web, Berita dari Google I / O dan Microsoft Build
• Make Me Beautiful Podcast Issue No. 17 - Anda Tidak Perlu SPA, Google News, dan Microsoft Fails
• Podcast Frontend Youth (18+) # 93 Grumbling Front End
• CSSSR Podcast : Berita 512 - Mei Overclock
• CSSSR Podcast : Berita 512 - Mei Edisi Khusus
• Podcast "Devshahta / Night Frontend" # 80: Koreksi Versi Seluler dan Apa yang Ada di Facebook
• Repozitorro # 14 : Ada berbagai proyek, tetapi ini ...
• "SEMUA HTML ANDA" # s3e2: "Fisika dengan Cannon.js"
• Video dari SmashingConf SF 2019
• Web di Google I / O 2019 , 24 video

Pengembangan web

• Gambar di web 2019
• Tren Teknologi Pengembangan Web 2019
• Komponen SVG untuk IoT dan Perangkat (Bagian 2)
• Pengantar JAMstack: Arsitektur Web Modern
• Mengapa pengembangan dengan JAMstack itu keren
• Semua yang ingin Anda ketahui tentang inputmode
• Panduan Pemula Pug
• Memahami perangkat JPEG

• Kinerja:
  • Menggunakan WebAssembly 20x Aplikasi Web Dipercepat
  • Prioritas HTTP / 2 Terbaik untuk Percepatan Web
  • Perendaman dalam pemuatan gambar dan bingkai asli yang malas
  • Laporan Rapat Komite Penasihat AMP
  • Pengoptimalan Gambar: Memahami dampak pasti pada Skor Kinerja Google untuk meningkatkannya pada 2019
  • Apakah 'lipatan' (area layar awal situs) masih penting dalam budaya gulir situs modern?
  • 3Pweb adalah visualisator online yang menunjukkan berapa banyak waktu yang dibutuhkan untuk mengeksekusi skrip pihak ketiga
  

• Alat:
  • Fitur Alat Pengembang Chrome yang tidak Anda ketahui (BAGIAN 1)
  • Pengembangan Jarak Jauh Menggunakan Kode VS
  • Melakukan debugging JavaScript yang lebih cepat dan lebih cerdas di Firefox DevTools
  

• Aksesibilitas:
  • Cara baru (dan mudah) untuk mengimplementasikan aksesibilitas untuk konten tersembunyi
  • Status Ketersediaan: GAAD 2019
  • Memperkenalkan Microsoft Web Template Studio untuk pengembangan tumpukan penuh
  

• Animasi:
  • Integrasi perpustakaan animasi pihak ketiga ke dalam proyek
  • Cara membuat diagram lingkaran di SVG
  

CSS

• Pemilih: apakah () akan tersedia untuk pendaftaran?
• Ini adalah trap-ezoid trap: Bentuk-bentuk CSS bukan yang Anda harapkan
• CSS Baris Baris dan Animasi Kolom
• Subgrid . Artikel baru tentang MDN dev docs
• Pemindaian CSS: Cara Tercepat untuk Memeriksa dan Menyalin CSS
• Fungsi CSS untuk membatasi teks multiline menjadi ellipsis telah diterapkan di Firefox
• CSS Grid Debugging: Bagian 2: Apa itu Fr (action)?
• Google Font sekarang mendukung tampilan font!
• Aturan CSS untuk membuat hidup Anda lebih mudah
• Panggangan jendela Cina dan CSS

Javascript

• Kontribusi pertama ke API browser dari Facebook
• Cloudflare, Mozilla, dan Facebook sedang mengembangkan BinaryAST untuk mempercepat unduhan JavaScript.
• Memulai dengan Svelte 3
• Javascript fungsional
• TypeScript 3.0: tipe tidak diketahui

• Teori:
  • Apa ini di sini? Operasi Batin Objek JavaScript
  • Panduan Praktis Proksi Javascript
  • Mesin JavaScript: bagaimana cara kerjanya? Dari tumpukan panggilan hingga janji, (hampir) semua yang perlu Anda ketahui
  

• VueJS:
  • Posting validasi formulir yang tersedia menggunakan ARIA dan Vue.js
  • Pengantar pengembangan berbasis tes dengan Vue.js
  • Memulai dengan Vue - Ikhtisar dan Panduan
  • Galeri dengan dukungan gerakan pada Vue.js dan Tailwind
  

• Bereaksi:
  • Reakit 1.0: toolkit baru untuk membuat aplikasi web yang terjangkau berdasarkan React
  • Cara mudah mengonversi kelas React-Redux ke React Hooks
  • unform - ReactJS library untuk membuat struktur formulir yang tidak terkontrol dengan bidang bersarang, validasi, dan banyak lagi
  • Animasi UI di Bereaksi
  • ReactQ - Kit starter universal untuk React + GraphQL: React 16, Apollo 2, MobX, Emotion, Webpack 4, Generator Kode GraphQL, React Router 4, PostCSS, SSR
  • Pola Desain Kait Reaksi Kunci
  • Docking React App
  • Membuat Perpustakaan Validasi Reaksi Anda Sendiri: Dasar-Dasar (Bagian 1)
  • Apa yang harus dilakukan ketika aplikasi Bereaksi Anda terasa lambat
  

• Sudut:
  • Angular: membuat dan menerbitkan perpustakaan
  • Memperkenalkan CLI Builder
  • Membuat toko online menggunakan ngrx / store dan Angular
  • Tip dan trik sudut favorit saya
  • Komponen Warisan dalam Angular
  • Membuat aksesibilitas lebih mudah dengan CDK Angular. Daftar Navigasi Keyboard
  

• Libs & Plugins:
  • Meet Storeon , manajer negara kecil untuk aplikasi modern yang serupa semangatnya dengan Redux, diimplementasikan dalam satu file dengan berat 173 byte
  • ola - perpustakaan animasi untuk rata-rata / interpolasi angka secara real time
  • reLift-HTML - perpustakaan kecil untuk tampilan (3KB) yang memungkinkan Anda membuat komponen web, elemen khusus, yang membantu membuat laman HTML apa pun menjadi reaktif tanpa polusi dengan kerangka kerja besar
  

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

Intisari minggu lalu .
Bahan disiapkan oleh dersmoll dan alekskorovin .