Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 349 (21-27 Januari 2019)

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

Media | Pengembangan Web | CSS | Javascript | Browser

---

Media

• Podcast Standar Web, Edisi No. 158: Situs web Standar, acara dan komunitas, berita Safari TP, artikel terbaru, cuplikan, dan editor kode yang membutuhkan VR, Yayasan GitNation.
• Devshacht # 67: Masalah Keamanan
• CSSSR Podcast News 512 - Edisi 35 (01/21 - 01/27)
• Frontend Youth (18+) Podcast # 81 Semua yang Anda Ingin Ketahui Tentang GraphQL
• Podcast "5 menit React" # 23 - Hasura GraphQL Engine
• SEMUA HTML ANDA # s2e6: Raymarching, Infinite Space
• FrontSpot Show: Kemana RSConf pergi? Melkosoft mengalahkan Facebook? Tiket ReactAmsterdam Gratis! . Pilot merilis acara baru

Pengembangan web

• SEO: Mengapa rel = kanonik dapat diabaikan di situs menggunakan JS , dan mengapa situs lama dapat diperingkat lebih tinggi daripada konten yang lebih baru
• Cerita tentang cara merancang API
• Elektron: pengembangan aplikasi desktop
• Apa yang saya tidak mencari-cari di 2018 . Den Abramov sendiri memutuskan untuk menulis terjemahan bahasa Rusia dari artikel populernya
• Pemisahan yang bagus . Dua pengembang front-end duduk di bar. Dan mereka tidak punya apa-apa untuk dibicarakan.
• Apa yang kami pelajari tentang tren perekrutan pengembang pada 2019 dari analisis 112.654 tes pengkodean
• Cara membuat realitas virtual menggunakan teknologi web, serangkaian video baru
• Bagaimana kami beralih dari Wordpress ke React dan mengumpulkan $ 80 juta
• Tinjauan terperinci Kebijakan fitur. Melampaui Konsep.

• Kinerja:
  • Pengoptimalan situs web untuk Kecepatan GooglePage (semua fitur dipertimbangkan setelah pembaruannya) Bagian 1
  • Kegunaan kegunaan halaman web
  • Muat ulang tautan menggunakan Pekerja Layanan
  

• Alat:
  • Webpack: Perjalanan Yang Tidak Terduga
  • Apa yang Baru di DevTools (Chrome 73)
  • Masa depan Benang - v2 dan setelahnya
  • rrweb ('rekam dan putar ulang web'): alat untuk merekam dan memutar ulang interaksi pengguna di web
  

• Animasi:
  • Buat simulator gravitasi dan ruang Anda sendiri
  • Efek Filter SVG: menguraikan teks dengan <feMorphology>
  • Les Animals - Situs dengan desain dan animasi yang luar biasa
  

CSS

• Batas Gradien CSS
• Transformasi teks dan penyalinan . Apa yang terjadi ketika menyalin teks dengan transformasi teks
• Templat Desain Tabel Web
• Animasi Kotak CSS
• Flexbox.ninja adalah situs web yang membantu Anda lebih memahami Modul Tata Letak CSS Flexbox.
• Gradian dan Giliran: pahlawan diam-diam sudut CSS
• Alat Anda untuk membuat tata letak CSS pada 2019 , lapor oleh Rachel Andrew
• Firefox DevTools untuk mereka yang bekerja dengan CSS
• Pelajaran Houdini: Gambar CSS dan variabel

Javascript

• Pertempuran JS: bagaimana saya menulis eval saya ()
• Kami menguasai async / menunggu contoh nyata
• Cara bekerja dengan nilai moneter dalam JavaScript
• Mengapa setiap aplikasi web PayPal baru dimulai dengan TypeScript
• Apa yang Baru di JavaScript untuk 2019
• Perendaman dalam JavaScript: cara membuat konverter warna Hex2RGB
• Menemukan karakter paling duplikat

• TypeScript:
  • Harga TypeScript
  • TypeScript ESLint - repositori dengan alat yang memungkinkan ESLint untuk mendukung TypeScript
  • Fungsional TypeScript: TypeScript standar untuk fungsi serverless yang dapat diandalkan
  

• Node:
  • Buku Gratis di Node.js
  • 7 Kerangka Node.js Teratas untuk Pengembang
  • Node HTTP Request Toolkit
  • Multithreading Node.js: Apa yang dimaksud dengan Thread Pekerja dan Apa Itu Penting?
  

• Teori:
  • Cheat sheet untuk JavaScript modern
  • 10 Hal Yang Harus Diketahui Setiap Pengembang JavaScript
  • Cara memanfaatkan sepenuhnya perusakan dalam JavaScript (ES6)
  • Template JavaScript Iterator
  • Panduan Lengkap untuk Algoritma JavaScript , Kursus Gratis Enam-Pelajaran
  • Apa itu pohon yang bergetar dan bagaimana cara kerjanya?
  • 15 contoh bermanfaat menggunakan peta (), kurangi () dan filter ()
  

• VueJS:
  • Tinjauan umum tentang Vue.js 2.6
  • Vuex - mudah!
  • 10 Tips Profesional Vue.js dari Vue Masters
  • Cara menentukan apakah Vue.js adalah kerangka kerja yang tepat untuk proyek Anda berikutnya
  

• Bereaksi:
  • Bereaksi: praktik untuk membantu Anda menjadi pengembang yang maju
  • Kenapa X bukan hook?
  • Utilitas dalam Bereaksi 16.6.0
  • Bereaksi Konfirmasi Email
  • Bagaimana cara mengembangkan kekuatan super Bereaksi Anda menggunakan API Konteks
  • Menggunakan Elemen yang Dapat Diedit Konten dalam JavaScript (Bereaksi)
  • Cara memahami reduksi: Anda dapat menggunakannya tanpa Redux
  • Memahami Bereaksi Alat Bawaan Default
  • Memahami Fragmen dalam Bereaksi
  

• Sudut:
  • Yang terbaik di dunia Angular untuk minggu ini - Intisari No 1 (18 Januari - 25 Januari)
  • Angular 8: beta kedua tersedia untuk diunduh
  • Angular 6 + Travis CI dengan Chrome Tanpa Kepala
  • Optimalisasi Sudut. Memoizing fungsi pipa dalam template
  • Membuat Pesan Kesalahan Bentuk Angular Bentuk
  

• Libs & Plugins:
  • Bandingkan Perpustakaan Pembuatan Bagan JavaScript
  • autoComplete.js - IsiOtomatis Sederhana di Vanilla Javascript
  • hotkey: menjalankan aksi pada suatu elemen ketika tombol keyboard ditekan
  

Browser

• Kisah satu masalah dengan Speedometer, atau Bagaimana Chromium mengelola memori
• Tidak hanya uBlock Origin akan menderita API baru di Chromium, tetapi juga ekstensi lainnya
• Edisi baru manifes Chrome tidak memungkinkan untuk menggunakan Asal uBlock
• Firefox 66 akan menghilangkan bias gulir karena pemuatan gambar

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

Intisari minggu lalu .
Bahan disiapkan oleh dersmoll dan alekskorovin .