jQuery 4 AKHIRNYA rilis... (Hah!?)

BBetter Stack
Internet TechnologyAdult EducationComputing/Software

Transcript

00:00:00jQuery 4 akhirnya hadir, dan jangan khawatir, Anda tidak sedang kembali ke masa lalu, ini
00:00:04hanyalah pembaruan versi utama pertama kami sejak 2016. Versi ini sudah dalam tahap beta selama 2 tahun dan
00:00:09rilis 20 tahun setelah jQuery pertama kali diperkenalkan.
00:00:12Dan mungkin Anda akan terkejut mengetahui bahwa jQuery masih cukup penting. 88% dari semua situs web
00:00:17masih menggunakannya, kemungkinan besar berkat WordPress, tapi Anda juga bisa melihat masih ada beberapa
00:00:21nama besar yang juga menggunakannya. Istilahnya, jika tidak rusak, tidak perlu diperbaiki.
00:00:25Kecuali, pembaruan ini mungkin benar-benar akan merusak beberapa hal, karena mereka memanfaatkan momen ini untuk melakukan
00:00:29semua perubahan drastis yang sudah diinginkan selama bertahun-tahun, termasuk memangkas kode lama,
00:00:32menghapus API yang sudah usang dan fungsi yang tidak pernah didokumentasikan, serta sekumpulan perbaikan bug.
00:00:38Jadi, mari kita langsung pelajari perubahan utamanya, dan melihat sejauh mana perkembangan jQuery
00:00:42dalam 20 tahun terakhir.
00:00:49Untuk perubahan besar pertama, ucapkan selamat tinggal pada Internet Explorer 10 ke bawah. Dukungan untuk
00:00:53versi ini telah dihentikan, tapi jangan panik jika Anda menonton ini di Internet Explorer
00:00:5811. Dukungan untuk versi itu baru akan dihentikan pada jQuery 5, jadi Anda masih punya waktu untuk menekan
00:01:02tombol subscribe. Selain itu, mereka juga menghentikan dukungan untuk Edge Legacy, versi iOS
00:01:07sebelum 3 versi terakhir, versi Firefox sebelum 2 versi terakhir, dan juga browser Android.
00:01:12Jadi, Anda bisa melihat bahwa kita benar-benar sedang melakukan modernisasi sekarang. Faktanya, 3 perubahan berikutnya semuanya tentang hal itu.
00:01:17Lanjut ke perubahan nomor 2, mereka memigrasikan kode sumber jQuery dari AMD ke modul ES,
00:01:22sehingga sekarang seharusnya bisa berjalan lancar dengan Vite, Webpack, dan sistem build modern tanpa perlu trik khusus.
00:01:27Jadi, kenapa tidak mencobanya dan menginstalnya di proyek Anda berikutnya, sekadar untuk bersenang-senang
00:01:31atau mungkin untuk bernostalgia.
00:01:33Bicara soal nostalgia, pembaruan ini akan menunjukkan kepada Anda seberapa jauh JavaScript
00:01:36telah berkembang, karena untuk perubahan nomor 3, mereka telah menghapus sejumlah fungsi jQuery karena
00:01:41JavaScript sudah mengejar ketertinggalannya. Ini mencakup hal-hal seperti isArray, parseJSON, trim, now,
00:01:46isNumeric, isFunction, dan masih banyak lagi. Sekarang Anda bisa melakukan hampir semua hal ini di
00:01:51JavaScript itu sendiri tanpa perlu pustaka tambahan. Maksud saya, agak gila bahwa dulu kita
00:01:56membutuhkan pustaka tambahan untuk melakukan hal-hal tersebut, tetapi begitulah cara
00:02:00bahasa pemrograman harus berevolusi.
00:02:01Bicara soal evolusi, browser juga ikut berkembang. Jadi untuk perubahan nomor 4, yang terakhir dari
00:02:06pembaruan modernisasi besar, mereka akhirnya memperbaiki urutan fokus. Jika Anda belum tahu, selama
00:02:11bertahun-tahun browser tidak menyepakati urutan kejadian focus dan blur, jadi jQuery memiliki
00:02:15definisinya sendiri agar konsisten di semua browser. Namun sekarang, karena mereka
00:02:20menghentikan dukungan browser lama, semua browser yang didukung, kecuali Internet Explorer, memiliki
00:02:24urutan yang sama persis, sehingga jQuery tidak lagi akan mengesampingkan perilaku aslinya.
00:02:29Anda benar-benar bisa melihat tim fokus membuat jQuery menjadi modern di sini, karena banyak hal yang membuat jQuery
00:02:34berguna di masa lalu akhirnya ditambahkan ke JavaScript juga. Namun masih ada
00:02:38beberapa hal di jQuery yang bisa dimodernisasi, seperti deferreds dan callbacks yang bisa
00:02:42diganti dengan promises kecuali jika Anda menggunakan Internet Explorer 11, atau ada beberapa animasi yang
00:02:47biasa dilakukan orang dengan jQuery yang sekarang cukup mudah dilakukan di CSS. Jadi jika Anda ingin melangkah
00:02:52lebih jauh, mereka sebenarnya telah membuat versi “slim build” yang membuang banyak modul ekstra
00:02:55sehingga ukurannya hanya 19,5 kilobyte, dan menurut saya ini adalah pendekatan yang cukup bagus
00:03:01untuk tetap menawarkan fungsi-fungsi tersebut dalam paket lengkap bagi mereka yang membutuhkannya, tetapi
00:03:04juga menawarkan versi ramping yang tidak memiliki tambahan yang sudah tidak diperlukan lagi saat ini.
00:03:08Itulah tadi perubahan utama yang menjadi sorotan, tapi tentunya ada banyak perbaikan bug
00:03:12dan penyesuaian kecil, beberapa di antaranya sudah ada sejak bertahun-tahun lalu. Yang tertua yang saya temukan adalah dari tahun 2014,
00:03:17dan terkait dengan jQuery yang otomatis mengubah JSON menjadi JSONP, yang kini telah diperbaiki. Bahkan ada
00:03:22masalah dari tahun 2015, yang sebenarnya saya ingat pernah mengalaminya, di mana pengatur CSS jQuery akan
00:03:28secara otomatis menambahkan satuan piksel ke angka apa pun yang tidak menentukan satuan. Ini pun sekarang telah
00:03:33diperbaiki. Ada banyak lagi yang bisa Anda telusuri sendiri di sana. Bahkan ada beberapa
00:03:37perbaikan sepele seperti memperbaiki salah ketik. Tapi jelas, semua itu butuh waktu lama untuk dibahas di video ini.
00:03:42Dan secara pribadi, saya hanya ingin melihat jQuery, melihat sejauh mana perkembangannya karena ini adalah
00:03:46bagian sejarah pengembangan web yang luar biasa. Dan mungkin tidak sopan menyebutnya sejarah
00:03:51ketika ia masih aktif digunakan dan dikelola. Tentu saja, saya tidak akan menggunakan jQuery
00:03:56hari ini sebagai pengganti React atau kerangka kerja modern lainnya, tapi ini hanya menjadi pengingat bahwa web
00:04:01dibangun di atas lapisan teknologi. Dan terkadang alat yang membosankan, sederhana, dan tua justru
00:04:06yang menyatukan web, terutama aplikasi lama penting yang tidak ada seorang pun berani
00:04:10memperbaruinya. Jadi saya penasaran bagi Anda yang masih di sini, apakah Anda pernah atau masih menggunakan
00:04:15jQuery? Beritahu saya di kolom komentar di bawah, dan sambil di sana, tekan subscribe. Seperti biasa, sampai
00:04:19jumpa di video berikutnya.

Key Takeaway

jQuery 4 menghadirkan modernisasi besar-besaran dengan menghapus dukungan browser lawas dan fungsi yang sudah usang guna beradaptasi dengan ekosistem JavaScript modern sambil tetap mempertahankan dominasinya di web.

Highlights

jQuery 4 adalah pembaruan versi utama pertama sejak 2016

Timeline

Pendahuluan dan Relevansi jQuery di Masa Kini

Video ini dibuka dengan pengumuman rilis jQuery 4 yang merupakan pembaruan mayor pertama dalam delapan tahun terakhir. Pembicara menjelaskan bahwa meskipun teknologi ini sudah berusia 20 tahun, sebanyak 88% situs web global masih mengandalkannya, sebagian besar karena ekosistem WordPress. Nama-nama besar di industri juga diketahui masih menggunakan pustaka ini karena prinsip stabilitas yang kuat. Bagian ini menekankan bahwa jQuery 4 bukan sekadar pembaruan rutin, melainkan momen untuk melakukan perubahan drastis pada kode lama. Pemangkasan API yang tidak terdokumentasi dan perbaikan bug menjadi fokus utama dalam transisi ke versi beta yang telah berjalan selama dua tahun ini.

Modernisasi Browser dan Dukungan Sistem

Perubahan besar pertama yang disoroti adalah penghentian dukungan untuk Internet Explorer 10 ke bawah serta browser Android lama. Hal ini menandakan langkah serius tim pengembang untuk beralih dari warisan teknologi masa lalu menuju standar web saat ini. Meskipun IE 11 masih didukung untuk sementara, dukungan tersebut dipastikan akan berakhir pada versi jQuery 5 mendatang. Selain itu, versi lama dari Firefox, iOS, dan Edge Legacy juga mulai ditinggalkan guna merampingkan performa pustaka. Langkah ini dianggap sangat krusial agar jQuery dapat tetap relevan bagi pengembang yang bekerja dengan standar keamanan dan kecepatan modern.

Migrasi Kode dan Evolusi JavaScript Native

Fokus kedua adalah migrasi kode sumber dari sistem AMD ke ES Modules (EcmaScript Modules) yang memungkinkan integrasi lancar dengan alat modern seperti Vite dan Webpack. Perubahan ketiga mencakup penghapusan berbagai fungsi internal seperti isArray, parseJSON, dan trim karena fungsi-fungsi tersebut kini sudah tersedia secara native di JavaScript. Pembicara merefleksikan betapa JavaScript telah berkembang pesat sehingga banyak fitur yang dulunya membutuhkan pustaka eksternal kini bisa dijalankan langsung oleh browser. Hal ini menunjukkan proses evolusi bahasa pemrograman yang secara bertahap menyerap fitur-fitur populer dari pustaka pendukungnya. Migrasi ini mempermudah pengembang baru untuk menggunakan jQuery tanpa perlu trik konfigurasi yang rumit.

Konsistensi Event Browser dan Versi Slim

Perubahan keempat berkaitan dengan standarisasi urutan kejadian focus dan blur yang selama ini memiliki perilaku berbeda antar browser. Karena dukungan untuk browser jadul telah dihapus, jQuery kini tidak lagi perlu mengesampingkan perilaku asli browser untuk menjaga konsistensi. Video ini juga membahas bagaimana deferreds dan callbacks kini bisa mulai digantikan oleh promises, serta animasi jQuery yang mulai tergeser oleh kapabilitas CSS modern. Sebagai solusinya, tim pengembang merilis versi "slim build" yang sangat ringan dengan ukuran hanya sekitar 19,5 kilobyte. Opsi ini memberikan fleksibilitas bagi pengembang yang ingin menggunakan fungsi inti jQuery tanpa beban modul tambahan yang tidak diperlukan lagi. Strategi ini dianggap sebagai pendekatan cerdas untuk menyeimbangkan antara kompatibilitas dan efisiensi ruang penyimpanan.

Perbaikan Bug Historis dan Kesimpulan

Bagian akhir video mengulas perbaikan berbagai bug teknis, termasuk beberapa masalah yang telah dilaporkan sejak tahun 2014 dan 2015. Salah satu perbaikan penting melibatkan penanganan otomatis JSON menjadi JSONP serta masalah penambahan unit piksel otomatis pada nilai CSS. Pembicara memberikan penghormatan kepada jQuery sebagai bagian dari sejarah pengembangan web yang masih hidup dan aktif dikelola hingga saat ini. Walaupun tidak disarankan sebagai pengganti kerangka kerja modern seperti React, jQuery tetap menjadi tulang punggung bagi banyak aplikasi legacy yang kritikal. Pesan penutupnya adalah bahwa web sering kali dibangun di atas lapisan teknologi yang membosankan namun stabil dan dapat diandalkan. Penonton diajak untuk berbagi pengalaman mereka dalam menggunakan jQuery di kolom komentar sebelum video berakhir.

Community Posts

No posts yet. Be the first to write about this video!

Write about this video