Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 327 (13 - 19 Agustus 2018)

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

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

---

Media

• Podcast "Standar Web", Edisi No. 134: DOM dan file yang tidak terlihat, atribut baru untuk gambar, komponen web di Firefox, berita dari hutan, konferensi yang bagus.
• Angular Five Minute Podcast # 11 - WSD, Komunitas, ngrx-data, websocket, Angular 7.0, CLI 6.2 beta
• Frontend Weekend Podcast # 66 - Zhanna Kruglova tentang nasib pengembang dalam dekrit dan sejarah Wawancara Besar
• “Devshahta-podcast”: # 46 - Way of June - cara mengubah profesi sepenuhnya dalam setahun
• Podcast Frontend Youth (18+) # 61 O, Mesin Lisp
• Wawancara dengan guru ShRI Dmitry Andriyanov
• Web Standards Days , rekaman konferensi diadakan pada 18 Agustus di St. Petersburg
• JSCamp Barcelona 2018, 13 video

Pengembangan web

• WebAssembly: bagaimana dan mengapa
• Belajar Pengembangan Web pada tahun 2018
• Anatomi Lengkap Editor WordPress Gutenberg
• Desain Situs Web untuk Mode Pembaca Safari dan Aplikasi Membaca Lainnya
• API Sensor untuk Web
• Tujuh Kotak Pasir Penulisan Kode Online Terbaik
• Aksesibilitas: tautan lewati Anda rusak

• Kinerja:
  • 18 Tips Mempercepat WordPress
  • Friday Frontend: Edisi Kinerja Sisi Klien
  

• Animasi:
  • Pemuat tap kaki | SVG + GreenSock
  • Efek penyimpangan kromatik
  • Menggulir situs dengan efek pantulan
  

CSS

• Adaptasi maksimum dengan jumlah minimum pertanyaan media, atau metode adaptasi balik
• 5 Trik CSS Yang Harus Anda Ketahui
• Standar untuk kustom
• Draf publik pertama dari unit dan unit modul Level 4 CSS
• Font variabel: apa itu dan bagaimana menggunakannya
• Semua fitur properti penyesuaian warna
• Fungsi Transformasi 3D dalam CSS
• Tentang beralih dari HEX & RGB ke HSL
• Teknik Hemat Waktu untuk Gambar CSS Responsif

• Latihan:
  • Grafik Pie Interaktif Sederhana Menggunakan Variabel CSS dan Houdini Magic
  • Gulir CSS Gertakan dalam praktik
  • Membuat pertempuran laut di CSS
  

• Tata letak:
  • Template tata letak kotak CSS modern yang sederhana dan responsif
  • Layout eksperimental menggunakan Bentuk CSS dan clip-path
  • Perancangan Ulang Situs Web Menggunakan Layout Kotak CSS
  • Semua yang perlu Anda ketahui tentang perataan di Flexbox
  

Javascript

• Sinkronisasi antar tab menggunakan Web Locks API
• Fungsi bawaan di V8 (bawaan)
• Cara membuat komponen sederhana untuk bekerja dengan kamera

• Podcast:
  • JSJ 326: Bicara dengan pembuat Ember Tom Dale tentang Ember 3.0 dan masa depan Ember
  • JavaScript & SEO , Podcast Platform Web, Edisi # 168
  • “Tenang saja, GraphQL ada di sini,” JS Party Podcast - Episode # 38. Fasilitator berbicara dengan John Resig (pencipta jQuery) tentang bagaimana dia menggunakan GraphQL di Khan Academy, serta pemikiran John tentang masa kini dan masa depan jQuery
  

• Teori:
  • Tugas dari wawancara. Kumpulan solusi - Fun ES # 5: untuk kutu buku , Fun ES # 6: balik nomornya
  • Parsing pola "Modul" dalam JavaScript
  • Ivan Tulup: asinkron di JS di bawah tenda
  • Dasar-dasar mesin JavaScript: optimasi prototipe
  

• Sudut:
  • Sebuah studi tentang Ivy, kompiler Angular baru
  • Mulai dengan Angular Grid dalam 5 menit
  • Tim Angular merilis alat untuk menyederhanakan transisi dari AngularJS ke Angular
  • 7 Sudut akan datang
  • Debugging Angular CLI Applications dalam Visual Studio Code
  • 10 fitur sudut paling berguna yang mungkin belum pernah Anda dengar
  • Bagaimana Anglikan CLI Anggaran menghemat hari saya dan bagaimana itu dapat menyimpan Anda
  

• VueJS:
  • Vuex: menyusun proyek-proyek besar dan bekerja dengan modul
  • Pola Vue . Pola, metode, tip, dan trik yang berguna, serta daftar tautan Vue yang dipilih dengan cermat. Jika Anda suka terjemahan, maka sukai repositori bintang terjemahan
  • Tiga alasan untuk menggunakan Vue.js dalam proyek Anda berikutnya
  • Bagaimana Saya Membuat Vue Browser Extension: Bagian 1 , Bagian 2
  

• Bereaksi:
  • Reaksi Praktis: Mengelola Rendering - Kinerja
  • Bekerja dengan referensi di Bereaksi
  • Bagaimana Anda dapat merencanakan tiga hari sebelumnya dengan Bereaksi
  • Internasionalisasi aplikasi yang sederhana pada React
  

• Libs & Plugins:
  • Tone.js - kerangka kerja untuk membuat musik interaktif di browser menggunakan Web Audio API
  • from-html - dapatkan tautan ke elemen langsung dari garis HTML
  • TheoremJS - perpustakaan matematika untuk komputasi dalam JavaScript
  

Browser

• Codec video mana (tidak) yang digunakan browser untuk panggilan video?
• Insinyur Mozilla menghapus 23 add-on untuk Firefox, mengumpulkan informasi pengguna
• Opera 55 dirilis: antarmuka pengaturan baru dan pemasangan ekstensi Chrome yang disederhanakan
• Membuat ekstensi Chrome di 2018: baik, buruk, dan jahat

Menghibur

• Sistem AI DeepMind baru mampu mendiagnosis dan meresepkan pengobatan untuk lebih dari 50 penyakit mata
• "Kami adalah kekuatan di sini." Bagaimana Dvach menyelamatkan dan melumpuhkan kehidupan orang lain
• Bagaimana Amazon menciptakan saingan dari Twitch YouTube
• Tiga dekade "Might and Magic": memahami sejarah waralaba legendaris
• Kecerdasan buatan dalam aksi
• Apakah realistis untuk membuat bahasa pemrograman super - jawaban para ahli
• "Jika Anda tidak menyukainya, saya akan menumbuhkan tangan baru": seorang desainer prosthesis tentang budidaya ekstremitas dan cyberpunk di Rusia
• Satu set kerentanan baru di kelas Spectre telah ditemukan di prosesor Intel: Foreshadow atau L1TF

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