Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 318 (4 - 10 Juni, 2018)

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

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

---

Media

• Frontend Weekend podcast # 56 - Dmitry Karlovsky tentang cara membuat $ mol atau cara menulis kerangka niche Anda sendiri
• Podcast "devschacht": Night Front End # 36 - Kami berdiskusi dengan Nikolai Matvienko kinerja Ryan Dahl di JSConf EU 2018
• Frontend Youth (18+) podcast # 51 Dan Abramov Package Manager
• "SEMUA HTML ANDA" # 52: "Parallax on a shader from antoni.de"
• Frontend Kolektif Pertanian . Lagu yang tidak akan meninggalkan pengembang web modern yang acuh tak acuh

Pengembangan web

• Google Fonts dan kepatuhan GDPR
• Baru dalam AMP: Q2, Edisi 2018
• WCAG 2.1 menerima status resmi "Rekomendasi W3C"
• Komponen Inklusif: Panduan Komprehensif untuk Membuat Kartu yang Terjangkau

• Kinerja:
  • Apa itu Time to First Byte (TTFB) dan Indeks Kecepatan?
  • Memupuk Budaya Produktivitas Web
  • 15+ pakar berbagi kiat kinerja web untuk 2018
  • Google AMP dan masalah situs obesitas
  • Uji Seri Situs Saya, Bagian 1 - Google Toolkit dan Google Speed ​​Update
  

• Alat:
  • JSFiddle - versi baru
  • JSUI - alat UI yang ampuh untuk mengatur, membuat, dan mengelola proyek JS
  • 8 Tips Emmet yang Mungkin Tidak Anda Ketahui
  • Google Font Downloader - Alat CLI yang memungkinkan Anda mengunduh font yang diinginkan dari Google
  • Impor benang sekarang menggunakan package-lock.json
  

• Efek:
  • Pilihan mingguan efek indah di CSS / SVG / JS # 79
  • Efek Runtuh Logo
  • Animasi gambar dan video menggunakan gorden.js
  

CSS

• Cara memulai dengan variabel font di web
• Serangan saluran-samping pada browser menggunakan properti CSS3
• Sederhanakan halaman storytelling dengan posisi lengket
• Menjelajahi aspek baru dari animasi CSS
• Menciptakan ID kartu Avengers dalam HTML dan CSS
• Meningkatkan Keterampilan Pemilih CSS Anda
• Menggabungkan kekuatan metodologi SEM dan BIO untuk meningkatkan CSS
• Kekhususan dalam: tidak () ,: memiliki () dan: cocok ()

Javascript

• Memantau kesalahan JavaScript dengan window.onerror
• Array dan Metode Objek yang Berguna dalam JavaScript
• Gambaran umum dari beberapa objek JavaScript yang memiliki enkapsulasi
• Akankah JavaScript memakan CMS monolitik?
• Prioritas untuk mendiagnosis situs dalam JavaScript
• Men-debug JavaScript pada produksi menggunakan Source Maps
• Membuat SPA tanpa kerangka
• Presentation Luna - alat untuk pengujian yang tepat dalam JavaScript
• Meteor 1.7 rilis dan mimpi hijau

• Teori:
  • Pengantar cepat untuk Proxy JavaScript
  • Apa "ini" dalam JavaScript?
  • Kapan (dan mengapa) Anda harus menggunakan fungsi panah ES6 - dan kapan Anda seharusnya tidak melakukannya
  

• VueJS:
  • Porting aplikasi web Anda dari JavaScript murni ke Vue.js
  • Pelajari cara menggunakan Vue.js CLI
  • Mengganti jQuery dengan Vue
  • Percepat pengembangan dengan prototyping dan Vue
  • Pagination Vuejs
  • Papan kanban secara real time menggunakan Vue.js dan Hamoni Sync
  

• Bereaksi:
  • Tahun yang dihabiskan bersama React: kesimpulan dan rekomendasi
  • Komponen Orde Tinggi Menggunakan Komposisi Ulang
  • 5 praktik umum yang bisa kita berhenti lakukan dalam Bereaksi
  • Bereaksi bukan jQuery baru
  • Bagaimana (dan bagaimana TIDAK) belajar REACT?
  • Panduan Bahan Reaksi Terperinci
  • Bercanda, Bereaksi dan Beraksi!
  

• Sudut:
  • Angular cli 6: mengapa Anda membutuhkannya dan cara menggunakannya
  • 3 tips bermanfaat untuk Angular
  • Arsitektur dalam proyek-proyek tentang Angular
  • Manfaat menormalkan data dalam Angular
  

• Libs & Plugins:
  • Apple MapKit JS adalah alat untuk menyematkan Apple Maps di sebuah situs.
  • 11 perpustakaan JS untuk animasi pada tahun 2018
  • Pendek dan Manis, tersedia penghitung karakter
  • LuminJS - perpustakaan JavaScript untuk pemilihan progresif teks apa pun di halaman
  

Browser

• Penggabungan proyek fusi Tor Browser dan Firefox diluncurkan
• Google memperkenalkan Chrome 68 Beta
• Firefox sedang menguji kemampuan untuk secara bersamaan melihat berbagai tab
• Pangsa Firefox turun di bawah 10% menurut statistik layanan Aplikasi Net
• The Yandex.Browser memiliki mode hemat daya

Menghibur

• GitHub sekarang secara resmi dimiliki oleh Microsoft
• Kepala baru GitHub mengatakan apa yang diharapkan setelah merger dengan Microsoft
• Enam alternatif untuk GitHub untuk pengembangan kolaboratif
• Google: memblokir halaman di robots.txt mungkin tidak berfungsi jika ada tautan ke sana
• Google telah menerbitkan aturan untuk penggunaan kecerdasan buatan
• Singkatnya: apa yang dibicarakan Apple pada pembukaan WWDC 2018
• Bagaimana pendiri WhatsApp bertengkar dengan Facebook dan berapa biayanya
• Facebook mewajibkan pengembang untuk menggunakan HTTPS di Facebook Login
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