Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 361 (15 - 21 April 2019)

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

Pengembangan Web | CSS | Javascript

---

Pengembangan web

• Apa itu GraphQL
• Mozilla Memperkenalkan WebThings
• Optimalisasi ukuran rakitan webpack
• Cara mengirim PWA ke Google Play Store
• Memvalidasi bidang input menggunakan HTML5 dan ekspresi reguler
• File SVG tersemat secara deklaratif dan asinkron dalam HTML

• Kinerja:
  • Cerita AMP mendapat bagian terpisah dalam hasil pencarian Google
  • Tiga cara untuk memverifikasi bahwa Rel = preconnect Resource Hints berfungsi
  • Optimalisasi Kinerja dengan Petunjuk Sumber Daya
  • Cloudflare Mengumumkan URL AMP Real
  

• Animasi:
  • Cara membuat dan menghidupkan hamparan yang diputar
  • Demonstrasi visual kreatif Notre Dame dengan animasi gulir di WebGL
  

CSS

• Inline-flex mistik dan apa fungsinya
• Berita dan Demo Subgrid CSS
• CSS dan aksesibilitas
• CSS masonry dengan flexbox ,: nth-child () dan order
• CSS melayang di atas elemen tetangga
• Pengenalan resmi CSSBattle - game golf CSS pertama
• Batas piksel: SASS mixin untuk menambahkan batas piksel untuk elemen, dengan pengaturan untuk ukuran, warna, dan tata letak

Javascript

Pekerjaan telah dimulai pada terjemahan javascript.info ke dalam bahasa Rusia dan Ukraina (bahasa Rusia saat ini tersedia di semua yang diketahui learn.javascript.ru ). Tim aktivis mencari sukarelawan untuk membantu menerjemahkan artikel-artikel untuk buku teks.

• Pekerja Web JavaScript: Panduan untuk Pemula
• Render dinamis untuk aplikasi JS - JavaScript SEO
• Global yang mengerikan Ini polif dalam JavaScript universal
• 7 trik JavaScript yang berguna
• Cara menggunakan konsol JavaScript di luar console.log ()
• Memulai Javascript - alat dan sumber daya yang tepat (wawancara video dengan Christian Heilmann)
• Kapan Menggunakan TypeScript - Panduan Lengkap untuk Skrip Umum
• Simulasi mouse

• Teori:
  • Pengembangan JavaScript yang Bertanggung Jawab Bagian 1
  • Mempercepat JavaScript menggunakan tipe data Set
  • Fungsi anonim dalam JavaScript
  • 12 konsep yang memompa JavaScript Anda
  • Dasar-dasar JavaScript: menguasai objek
  • Cara mengoptimalkan aplikasi JavaScript Anda dengan loop
  • JavaScript untuk kucing
  • ES6 dan Beyond>
  • Menjelajahi potensi tersembunyi array dalam JavaScript
  

• VueJS:
  • Menulis aplikasi satu halaman dengan Flask dan Vue.js
  • Cara me-cache halaman dengan URL menggunakan Vue, Vue Router dan Keep Alive
  • Mengoptimalkan Kinerja Aplikasi Vue Menggunakan Komponen Asynchronous
  • Cara membangun corong penjualan di Vue.js
  • Kekuatan Transisi Bernama dalam Vue
  

• Bereaksi:
  • ReactRussia # 1 @ OK , video dari tiga laporan
  • Kami mendapatkan 60 frame per detik untuk animasi di Bereaksi
  • Menulis Middleware Sederhana seperti Redux untuk React Hooks
  • useReducer vs useState di Bereaksi
  • Melihat lebih dekat pada React Memoize hooks: useRef, useCallback dan useMemo
  • Dari Redux ke Hooks: Studi Kasus
  • Gaya Menulis Redux Baru Bereaksi tanpa Kait Pemilih
  • Bereaksi hook cheat sheet: solusi untuk masalah umum
  

• Sudut:
  • Memahami Angular Ivy: DOM tambahan dan DOM Virtual
  • Pekerjaan yang benar dengan SEO di Angular di sisi server
  • Cepat selami bagaimana semuanya cocok bersama di Angular
  • Mengapa dan bagaimana melakukan pemuatan perpustakaan malas di Angular
  • "Pemuatan Diferensial" - fitur baru dalam Angular CLI v8
  • PWA dalam Angular: SwPush dan SwUpdate
  

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 .