Pembaruan Pengembangan Web Bulanan 8⁄2018: Biaya JavaScript, Etika Dalam Sumber Terbuka, Dan QUIC

Membangun teknologi dan perangkat lunak telah menjadi pekerjaan yang sangat bertanggung jawab. Orang-orang memercayai produk yang kami buat, dan produk tersebut juga dapat memberikan dampak signifikan pada kehidupan mereka. Mempertimbangkan hal ini, kita tidak hanya perlu memikirkan solusi inklusif, tetapi juga berdiri dan mengadvokasi etika, keandalan, dan keamanan. Itu adalah posisi yang memberi kita kekuatan.

Eric Meyer menerbitkan sebuah artikel yang menguraikan masalah yang dibawa oleh web khusus HTTPS. Di dalamnya, ia mengungkapkan bahwa negara-negara berkembang sangat menderita dari perkembangan ini karena mereka sering memiliki koneksi internet yang buruk dan, karena enkripsi, mereka sekarang mengalami lebih banyak kesalahan situs web daripada sebelumnya . Ben Werdmuller masuk dan menerbitkan artikel "Stop building for San Francisco" di mana dia menunjukkan salah satu masalah terbesar yang kami miliki sebagai pengembang: Kami menggunakan perangkat keras dan infrastruktur istimewa. Kami membangun pengalaman menggunakan iPhone terbaru, Macbook dengan Gigabit, atau koneksi 4G yang cepat, tetapi tidak pernah mempertimbangkan bahwa kebanyakan orang yang kami bangun menggunakan perangkat dan infrastruktur yang jauh dari perlengkapan yang baik. Membuat web lebih aman adalah ide bagus, tidak diragukan lagi, tetapi kita juga harus mengingat konsekuensi yang mungkin ditimbulkan oleh teknologi terbaru dan keputusan desain kita bagi orang lain.

Berita

• TypeScript 3.0 dirilis dengan beberapa fitur dan perbaikan bahasa yang nyaman.
• Diimplementasikan di Chrome sejak lama, Petunjuk Klien adalah fitur yang luar biasa. Untuk meningkatkan privasi, fungsi Petunjuk Klien untuk gambar responsif diubah dengan Chrome 67. Colin Bendell menjelaskan perbedaan dan mengapa Petunjuk Klien sangat berguna untuk kinerja.
• Pengembang telah banyak bertanya tentang Pencegahan Pelacakan Cerdas (ITP) Safari dan cara men-debug situs web dengan mengaktifkannya. Sekarang tim WebKit membagikan Mode Debug ITP yang memberi Anda lebih banyak fleksibilitas dan alat untuk melacak masalah.
• Mulai bulan Oktober, sebagian besar browser akan sepenuhnya tidak mempercayai sertifikat TLS Symantec dan, dengan demikian, memblokir akses ke situs web yang masih menggunakannya. Harap perbarui sertifikat Anda jika Anda belum melakukannya.
• Versi terbaru Chrome (68) menghadirkan pemberitahuan "tidak aman" baru saat mengunjungi halaman HTTP. Waspadai hal ini dan tingkatkan situs Anda sesuai dengan itu. Yang juga baru di Chrome 68 adalah Page Lifecycle API baru, API baru yang hebat untuk peristiwa halaman, serta Payment Handler API. Cache HTTP sekarang diabaikan saat meminta pembaruan ke service worker, membuat Chrome sesuai dengan spesifikasi dan browser lainnya. Selain itu, nilai cursor grab dan grabbing sekarang tidak diawali di versi baru — akhirnya.

Umum

• Jika Anda membangun untuk Open Source, Anda perlu memutuskan lisensi mana yang harus digunakan proyek Anda. Sekarang ada opsi baru, Lisensi Just World. Ini untuk pengembang yang "secara umum setuju dengan prinsip-prinsip perangkat lunak sumber terbuka tetapi tidak nyaman dengan perangkat lunak mereka yang digunakan sebagai bagian dari upaya untuk menghancurkan kehidupan, lingkungan kita, dan masa depan kita".
• Mesin deep-learning adalah topik besar akhir-akhir ini, tetapi beberapa orang mengeksplorasi algoritme yang lebih baik yang mengungguli mesin deep-learning dengan mudah di video game.
• Drew DeVault "Sederhana, benar, cepat: dalam urutan itu" adalah pengingat yang bagus untuk menetapkan prioritas langsung dalam pengembangan web dan perangkat lunak.
• Jonathan Fulton menulis sumber daya praktis yang disebut "Konsep arsitektur dasar yang saya harap saya ketahui ketika saya memulai sebagai pengembang web", yang merupakan arsitektur web yang hebat 101 dan landasan bagi pendatang baru di industri kami.

UI/UX

• Etika untuk Desain adalah sebuah proyek di mana dua belas desainer dan peneliti dari delapan kota Eropa membahas dampak desain, yang terkadang berbahaya, terhadap masyarakat kita dan apa yang dapat dilakukan desainer untuk bekerja demi kebaikan semua dan bukan hanya beberapa.

Perkakas

• Prashant Palikhe menulis cerita panjang tentang seni debugging dengan Alat Pengembang Chrome, yang sangat saya rekomendasikan karena ini adalah referensi yang sangat lengkap untuk mengenal alat pengembang browser. Jika Anda menggunakan browser lain, itu bukan masalah besar karena sebagian besar alat sangat mirip.
• WebP adalah format gambar dengan beberapa fitur bagus dan kemungkinan salah satu format baru paling terkenal selain format JPEG/PNG yang umum. Namun, membuat gambar WebP masih bisa menjadi tantangan, jadi Jeremy Wagner menulis panduan tentang cara mengonversi gambar ke WebP.
• Douglas Creager memperkenalkan Pencatatan Kesalahan Jaringan baru yang memungkinkan Anda menginstruksikan agen pengguna untuk mengumpulkan kumpulan informasi yang sama yang akan muncul di log server Anda.
• Banyak dari kita yang kecanduan alat komunikasi seperti Slack. Orang-orang dari Wildbit memutuskan untuk mematikan Slack selama seminggu — dengan efek signifikan pada cara kerjanya. Sebuah studi kasus yang menarik tentang bagaimana kita cenderung terlalu nyaman dengan alat yang berguna dan tidak menggunakannya sebagaimana mestinya lagi. Dari waktu ke waktu, penting untuk mengatur ulang pikiran kita.
• Dennis Reimann menerbitkan versi stabil pertama dari UIEngine, sebuah meja kerja untuk pengembangan berbasis UI.

Keamanan

• Pengamat baru ada di sekitar: ReportingObserver API memberi tahu Anda saat situs Anda menggunakan API yang tidak digunakan lagi atau mengalami intervensi browser. Sejauh ini, ini tersedia di Chrome 69. Anda dapat dengan mudah menggunakan ini untuk mengirim kesalahan yang sebelumnya hanya tersedia di Konsol ke layanan backend atau penanganan kesalahan Anda.

Kinerja Web

• Apakah Anda ingat QUIC (Quick UDP Internet Connections)? Protokol yang direkayasa oleh Google yang mereka gunakan secara internal dan yang terbentuk cukup baik untuk penggunaan yang lebih besar? Sementara IETF saat ini menstandarisasi format menjelang akhir tahun, para insinyur Cloudflare sekarang berbagi pengalaman mereka dalam mengujinya.

• Saat Anda memiliki konten yang dibuat pengguna, Anda sering tidak tahu apakah Anda hanya memiliki satu elemen atau daftar elemen yang akan dihasilkan. Di Colloq, kami ingin melakukan semantik dengan benar dan membangun sistem yang memungkinkan kami untuk menampilkan tag p ketika hanya satu elemen dalam wadah, jika tidak, daftar ol / ul dengan berbagai item daftar.

Aksesibilitas

• Dave Rupert membagikan Kartu Nutrisi A11Y, sebuah proyek yang mencoba mencerna dan menyederhanakan ekspektasi aksesibilitas dalam hal pembuatan komponen.
• Lewati tautan adalah fitur aksesibilitas yang cukup umum. Hampus Sethfors sekarang menulis artikel tentang mengapa banyak tautan yang masih rusak dan cara memperbaikinya dengan benar.

JavaScript

• Satu tahun setelah mereka memperkenalkan Aplikasi Web Progresif, Zack Argyle dari tim teknik Pinterest melihat kembali. Penting untuk dicatat mengapa mereka memutuskan untuk membangun PWA: “Pengalaman web seluler kami untuk orang-orang di lingkungan bandwidth rendah dan paket data terbatas tidak bagus”. Tetapi hasilnya bagi mereka luar biasa untuk dilihat.
• Philip Walton memperkenalkan Page Lifecycle API baru yang membantu kami menentukan status halaman di browser dengan lebih mudah melalui peristiwa, seperti halaman berada di latar belakang (tidak terlihat), aktif, dibekukan, atau bahkan dihentikan.
• Ups, Anda semua tahu eval() dalam JavaScript itu buruk, bukan? Itu sebabnya kami biasanya melarang penggunaannya dalam Kebijakan Keamanan Konten. Tapi Remy Sharp mengingatkan kita bahwa ada baris kode yang sama buruknya dengan keamanan.
• Addy Osmani meneliti biaya JavaScript pada tahun 2018 dan sekarang membagikan bukti bahwa setiap byte JavaScript masih merupakan sumber daya paling mahal yang dapat kami kirim ke ponsel karena dapat menunda interaktivitas secara signifikan. Ini adalah masalah terutama untuk ponsel yang tidak begitu mumpuni yang banyak digunakan di luar industri teknologi.
• Hide de Vries menjelaskan bagaimana kita dapat membuat judul halaman dapat diakses di Aplikasi Halaman Tunggal JavaScript.

CSS

• Max Bock menjelajahi beberapa teknik Grid CSS untuk membangun tata letak masa depan dengan kode yang relatif sederhana.
• Sara Soueidan menjelaskan bagaimana kita dapat membuat sakelar sakelar inklusif dengan HTML dan CSS modern.
• Jen Simmons membagikan kesalahan umum CSS Grid dan cara mengatasinya.
• Ethan Marcotte menjelaskan fr -unit yang masih relatif baru yang kebanyakan kita gunakan untuk CSS Grids.

Kehidupan kerja

• Paris Marx menulis tentang mengapa dia berpikir nomaden digital bukanlah masa depan. Dia berpendapat bahwa kemerdekaan lokasi hanya mungkin karena infrastruktur komunikasi yang dibangun dengan dana publik dan tidak adil untuk menyalahgunakannya.
• Minggu ini saya belajar betapa bergunanya untuk berpikir di luar kebiasaan dan bagaimana pekerjaan jarak jauh dan mengejar hobi Anda dapat membantu memecahkan tantangan teknis.
• Ini bukan pertama kalinya sebuah perusahaan menguji minggu kerja 4 hari. Namun, sangat bagus untuk melihat bagaimana konsep tersebut dapat dibangun dengan sukses dan dengan manfaat bagi keduanya — karyawan dan pekerjaan yang dilakukan.

Melampaui…

• Tobias van Schneider menulis tentang mengapa studio Sagmeister-Walsh begitu sukses dengan tetap kecil dan mengapa bermimpi besar tetapi tetap kecil sangat penting untuk pemikiran kreatif.
• Ben Werdmuller berbagi pemikirannya tentang betapa berbedanya memulai bisnis ketika Anda, misalnya, di San Francisco. Ini adalah kisah di mana $117.000 dianggap sebagai "penghasilan rendah" di San Francisco dan bagaimana hal ini membatasi ide.
• Jeremy Nagel membuat kami berpikir tentang dampak kode sumber terbuka kami: Sebagai pengembang, kami cenderung percaya bahwa membuat kode kami tersedia secara bebas adalah langkah yang luar biasa, tetapi kami lupa bahwa kami juga menyediakannya untuk pemain jahat — untuk penambang batu bara, untuk perusahaan penyumbang polusi, kepada mereka yang memanfaatkan orang untuk menjadi kaya sambil menganiaya mereka, kepada mereka yang menipu Anda secara tidak langsung. Bukannya Anda tidak bisa berbuat apa-apa; Anda harus menyadari masalah ini dan menerapkan lisensi yang lebih baik atau menambahkan pernyataan khusus ke kode Anda.
• India memiliki masalah sampah plastik yang besar. Sejak beberapa bulan, beberapa nelayan tidak lagi mengabaikan masalah plastik tetapi mengumpulkan semua sampah di jaring mereka, dan membawanya kembali ke pantai tempat sampah itu digunakan untuk membangun jalan. Ide bagus memanfaatkan sampah secara efisien.