"I love Kenali Software jQuery yang Banyak Dipakai Agen Situs Judi Online - Benjamin Sterling - Informasi berserta modul jQuery Terlengkap"

2022-05-06 14:09:01

Skip to contentBukuBlogInformasiPenulisKontak Pelajari Cara Membuat Elemen di jQueryTutorial Belajar Jquery untuk PemulaDasar-dasar Pengembangan JavaScript Tingkat Lanjut Dengan jQueryApa itu jQuery? Pengantar Pemula untuk Perpustakaan jQueryTutorial jQuery: Dasar-dasar jQuery Latest Blog Post List.jQueryPelajari Cara Membuat Elemen di jQuery6 May 2022Informasi jQueryTutorial Belajar Jquery untuk Pemula26 Apr 2022jQueryDasar-dasar Pengembangan JavaScript Tingkat Lanjut Dengan jQuery14 Apr 2022jQueryApa itu jQuery? Pengantar Pemula untuk Perpustakaan jQuery8 Apr 2022jQueryTutorial jQuery: Dasar-dasar jQuery2 Apr 2022Popular Posts.Perbandingan Plugin Flipbook jQuery Terbaik Versi Gratis dan Berbayar0 Total Shares5 Trik jQuery Mudah untuk Desainer0 Total SharesJavaScript, JQuery, Ajax: Apakah Sama Atau Berbeda?0 Total SharesJquery Vs React: Perbedaan Antara Jquery Dan React0 Total SharesMenggunakan jQuery Membuat Callback AJAX ke ASP.NET0 Total Shares14 Ide dan Topik Proyek jQuery yang Menarik Untuk Pemula0 Total Shares Mengualas Tentang Perbedaan Antara JavaScript dan jQuery0 Total Shares10 Trik JQuery Untuk Coding Yang Lebih Profesional0 Total SharesHaruskah Anda Menggunakan atau Mempelajari jQuery Tahun 20210 Total SharesjQuery vs JavaScript: Ketahui Perbedaan dan Persamaannya0 Total Shares Dunia pemrograman menjadi semakin diminati oleh banyak orang. Dengan keinginan untuk membuat sebuah program yang nantinya bisa bermanfaat, pastinya jQuery menjadi sebuah software yang perlu dipelajari agar bisa wujudkan impian tersebut. Teruntuk mereka yang hendak membangun sebuah agen situs judi online, jQuery wajib dipelajari dan dikuasai.Memahami Lebih dalam Tentang jQuery yang Banyak Dipakai Agen Situs Judi OnlineHal pertama yang wajib diketahui tentang jQuery ini adalah mencari tahu apa jQuery itu sendiri. Melansir dari berbagai macam sumber tepercaya, jQuery adalah sebuah perpustakaan digital berisikan JavaScript dengan fitur lengkap, ringkas, dan handal di bidangnya. Perpustakaan digital ini akan menciptakan sebuah sistem proses pada HTML jadi lebih sederhana. Dengan demikian, tampilan aplikasi judi bisa dibuat lebih menarik, sehingga para pemainnya tetap betah main slot online.Dua nilai utama yang menjadi pondasi jQuery adaalh extensibility dan versatility. Extensibility sendiri berarti bahwa jQuery ini dapat dikembangkan, sama seperti aplikasi judi yang terus dikembangkan lewat update terbaru, mulai dari bonus menarik, kesempatan cuan, dan masih banyak lagi. Sementara, versatility berarti bahwa jQuery ini dapat digunakan untuk berbagai macam keperluan dan tidak terbatas pada satu atau dua kebutuhan tertentu saja.Memahami Lebih dalam Tentang Fitur Unggulan jQuery yang Banyak Dipakai Agen Situs Judi OnlineHal kedua yang wajib diketahui tentang jQuery ini adalah jQuery ini memiliki sejumlah fitur unggulan yang memberi banyak manfaat bagi para penggunanya. Main domino99 juga berikan banyak manfaat berupa cuan, bonus, dan pastinya pengalaman supaya jadi pemain profesional. Fitur yang jadi unggulan dari jQuery antara lain aplikasi ini mampu memberikan animasi dan efek pada tampilan website sehingga jadi lebih menarik bagi para pengunjung.Selain itu, ada sejumlah manipulasi yang bisa dilakukan oleh jQuery terkait CSS dan HTML. Tidak mau ketinggalan, ada pula fitur Cross Browser, AJAX, CSS3 Compliant, dan metode HTML Event. Tidak perlu repot repot mencari aplikasi lain, cukup dengan jQuery, sebuah program dapat diciptakan dengan sempurna. Tidak perlu repot erpot cari aplikasi lain pula, cukup dengan aplikasi pragmatic, pemain bisa mainkan semua permainan judi terbaik di tahun 2022.Memahami Kelebihan dari jQuery yang Banyak Dipakai Agen Situs Judi OnlineHal ketiga yang wajib diketahui tentang jQuery ini adalah kelebihan dari aplikasi jQuery itu sendiri. Sebagai aplikasi yang terus berkembang dan masih terus diperbaharui, jQuery sendiri membawa sejumlah kelebihan yang layak dipertimbangkan.  Pemain judi yang hendak manfaatkan cuan hasil berjudi untuk memulai karir sebagai programmer wajib pertimbangkan hal tersebut sebelum meminang jQuery sebagai alat utama dalam membuat sebuah program nantinya.Keunikan dari Jquery yang juga jadi kelebihan adalah aplikasi ini bisa lakukan interaksi sempurna dengan bahasa pemrograman di luar aplikasi ini. Selain itu, ada banyak plugin yang didukung untuk terhubung dengan jQuery. Tak heran, animasi dasar pun dapat dibuat dengan begitu mudah, bahkan oleh pemula. Sembari menikmati waktu luang di akhir pekan, selain belajar cara menggunakan jQuery, ada banyak tutorial cara main slot online yang benar agar bisa menang taruhan.Untuk membuat sebuah agen situs judi online yang berhasil, butuh sebuah program yang handal bagi para pemainnya nanti. jQuery adalah salah satu program terbaik saat ini. Dengan mengusung berbagai macam kelebihan dan fitur unggulan, pastinya jQuery ini layak dipertimbangkan.jQueryPelajari Cara Membuat Elemen di jQueryBy banterling/6 May 2022Pelajari Cara Membuat Elemen di jQuery – Menggunakan jQuery memberi Anda perpustakaan pengembangan JavaScript yang disederhanakan dan disederhanakan. Berikut cara membuat elemen di jQuerybenjaminsterling – Menggunakan jQuery memberi Anda perpustakaan pengembangan JavaScript yang disederhanakan dan disederhanakan. Berikut cara membuat elemen di jQuery.Pelajari Cara Membuat Elemen di jQueryMelansir wikipedia, Membuat elemen baru adalah salah satu tugas paling dasar yang dapat Anda selesaikan dengan perpustakaan JavaScript jQuery. Menggunakan jQuery, tugasnya jauh lebih sederhana daripada pendekatan yang setara dengan Model Objek Dokumen (DOM). Anda juga akan merasa lebih fleksibel dan ekspresif, semakin sering Anda menggunakan jQuery.Untuk mencapai suatu tujuan, Anda harus dapat menambahkan elemen Anda ke halaman web. Pelajari cara menambahkan item daftar baru atau mengganti paragraf dengan konten baru menggunakan jQuery.Baca Juga : Tutorial Belajar Jquery untuk PemulaApa itu jQuery ?Pustaka jQuery adalah kumpulan kode JavaScript dengan dua tujuan utama:Ini menyederhanakan operasi JavaScript umum.Ini menangani masalah JavaScript lintas kompatibilitas antara berbagai browser.Tujuan kedua melayani bug, tetapi juga membahas perbedaan implementasi antara browser. Kedua tujuan tersebut kurang diperlukan daripada sebelumnya, karena browser meningkat dari waktu ke waktu. Tapi jQuery masih bisa menjadi alat yang berharga.Apa itu Elemen ?Sebuah elemen kadang-kadang disebut sebagai tag. Meskipun keduanya sering digunakan secara bergantian, ada perbedaan halus. Tag mengacu pada atau literal yang Anda sertakan dalam file HTML untuk menandai konten teks. Elemen adalah objek di belakang layar yang mewakili teks yang ditandai. Pikirkan elemen sebagai pasangan DOM untuk tag HTML.Cara Membuat Elemen Baru Menggunakan jQuerySeperti kebanyakan operasi jQuery, membuat elemen dimulai dengan fungsi dolar, $() . Ini adalah jalan pintas ke fungsi inti jQuery() . Fungsi ini memiliki tiga tujuan yang berbeda, yaitu:Mencocokkan elemen, biasanya yang sudah ada di dokumenMembuat elemen baruMenjalankan fungsi panggilan balik saat DOM siapSaat Anda melewatkan string yang berisi HTML sebagai parameter pertama, fungsi ini akan membuat elemen baru:$("")Ini mengembalikan objek jQuery khusus yang berisi kumpulan elemen. Dalam hal ini, ada satu objek yang mewakili elemen “a” yang baru saja kita buat.String harus terlihat seperti HTML untuk membedakan tindakan ini dari elemen yang cocok. Dalam praktiknya, ini berarti string harus dimulai dengan < . Anda tidak dapat menambahkan teks biasa ke dokumen menggunakan metode ini.Penting untuk dipahami bahwa ini tidak menambahkan elemen ke dokumen Anda, ini hanya membuat elemen baru yang siap untuk Anda tambahkan. Elemennya ‘tidak terikat’, mengambil memori tetapi sebenarnya bukan bagian dari halaman terakhir—belum.Menambahkan HTML yang Lebih KompleksFungsi dolar sebenarnya dapat membuat lebih dari satu elemen. Bahkan, itu dapat membuat pohon elemen HTML apa pun yang Anda inginkan :$("onetwothree")Anda juga dapat menggunakan format ini untuk membuat elemen dengan atribut :$('')Cara Mengatur Atribut pada Elemen BaruAnda dapat membuat elemen jQuery baru dan mengatur atributnya tanpa harus membuat string HTML lengkap sendiri. Ini berguna jika Anda membuat nilai atribut secara dinamis. Sebagai contoh:photo = new Date().getHours() > 12 ? "afternoon.jpg" : "morning.jpg";$("", { src: photo });Bagaimana Menambahkan ElemenSetelah Anda membuat elemen baru, Anda dapat menambahkannya ke dokumen dengan beberapa cara berbeda. Dokumentasi jQuery mengumpulkan metode-metode ini bersama-sama di bawah kategori ‘manipulasi’ .Tambahkan sebagai Anak dari Elemen yang Ada$("body").append($("Hello, world"));$(document.body).append($el);Anda dapat menggunakan metode ini, misalnya, untuk menambahkan item daftar baru di akhir daftar.Tambahkan Ini sebagai Saudara dari Elemen yang Ada$("p.last").after("A new paragraph")$("ul li:first").before("new item")Ini adalah pilihan yang baik jika, misalnya, Anda ingin menambahkan paragraf baru di tengah dua paragraf lainnya.Ganti Elemen yang AdaAnda dapat menukar elemen yang ada dengan yang baru dibuat menggunakan metode replaceWith() :$('#old').replaceWith("New paragraph");Membungkus Elemen yang AdaIni adalah kasus penggunaan yang cukup langka, tetapi Anda mungkin ingin menyertakan elemen yang ada di elemen baru. Misalnya, Anda mungkin memiliki elemen kode yang ingin Anda bungkus dengan pre :$('code#n1').wrap("")Mengakses Elemen yang Anda BuatFungsi $() mengembalikan objek jQuery. Ini berguna untuk operasi tindak lanjut:$el = $("p");$('body').append($el);Perhatikan bahwa, menurut konvensi, pemrogram jQuery sering memberi nama variabel jQuery dengan tanda dolar di depan. Ini hanyalah skema penamaan dan tidak terkait langsung dengan fungsi $() .Membuat Elemen Menggunakan jQueryMeskipun Anda dapat memanipulasi DOM menggunakan fungsi JavaScript asli, jQuery membuatnya lebih mudah untuk melakukannya. Masih sangat berguna untuk memiliki pemahaman yang baik tentang DOM, tetapi jQuery membuat bekerja dengannya jauh lebih menyenangkan.Tags:Pelajari Cara Membuat Elemen di jQueryInformasi jQueryTutorial Belajar Jquery untuk PemulaBy banterling/26 Apr 2022Tutorial Belajar Jquery untuk Pemula – JQuery adalah salah satu pustaka JavaScript paling efisien untuk membangun aplikasi web responsif modern, “Tulis lebih sedikit, Lakukan lebih banyak” dengan pustaka JavaScript “jQuery”!Tutorial Belajar Jquery untuk PemulaApa itu Jquery?benjaminsterling – jQuery adalah pustaka JavaScript yang ringan, “menulis lebih sedikit, melakukan lebih banyak”. jQuery menyederhanakan banyak hal rumit dari JavaScript, seperti panggilan AJAX dan manipulasi DOM.Melansir webtrainingroom, Pastikan Anda telah mengunduh pustaka jQuery terbaru dan menambahkan ke proyek Anda, Anda juga dapat menambahkan referensi dari CDN mana pun.Baca juga : Dasar-dasar Pengembangan JavaScript Tingkat Lanjut Dengan jQueryPelajari Jquery dengan contohjQuery memberi Anda kemampuan untuk membuat aplikasi berbasis Ajax dengan cara yang cepat dan sederhana. Banyak perusahaan besar seperti Microsoft, IBM, dan Google menggunakan jQuery untuk pengembangan aplikasi mereka. jQuery sangat kuat dan populer di kalangan pengembang web.Prasyarat JQuerySebelum Anda mulai belajar jQuery , Anda harus memiliki ide dasar tentang:HTMLCSSJavaScriptJSONperpustakaan jQueryJQuery adalah salah satu pustaka JavaScript paling efisien untuk membangun aplikasi web responsif modern. Pustaka jQuery berisi fitur-fitur berikut.Metode acara HTMLManipulasi HTML/DOMManipulasi CSSAJAXEfek dan animasiMengapa belajar jQuery?jQuery memberi Anda kemampuan untuk membuat aplikasi berbasis ajax yang menakjubkan dengan sangat cepat, ia memiliki banyak fungsi bawaan yang sangat mudah digunakan, dan didukung oleh berbagai browser. menggunakan fungsi jquery Anda dapat memanipulasi DOM Html dengan mudah.Ada banyak kerangka kerja JavaScript lain di luar sana, tetapi jQuery adalah yang paling populer, dan dapat diperpanjang. Banyak perusahaan besar seperti IBM, Netflix, Google, Microsoft menggunakan jQuery.Berikut adalah beberapa keuntungan menggunakan jQuery!Sederhanakan tugas JavaScript umumjQuery menyederhanakan banyak tugas JavaScript yang rumit, yang membantu pengembang untuk menulis halaman web interaktif yang kaya dengan sangat mudah hanya dengan beberapa baris kode, JQuery memiliki fungsionalitas bawaan yang kaya.Hemat banyak waktu dan sangat mudah digunakanMenambahkan referensi jQuery dalam proyek web sangat mudah, ini benar-benar menghemat waktu Anda dan membantu menstandardisasi praktik pengembangan AndaKompatibel dengan browserSebagian besar fungsi jQuery kompatibel dengan browser yang berbeda, jadi Anda tidak perlu khawatir tentang pengujian kodePerpustakaan GratisSemua kode JQuery adalah open source, dan benar-benar GratisApa yang Anda pelajari di sini?Dalam tutorial jQuery ini Anda akan mempelajari fitur dasar serta lanjutan dari jQuery langkah demi langkah , kami menerbitkan banyak contoh waktu nyata dengan contoh kode, sehingga Anda dapat mempelajari cara menerapkan Jquery di HTML halaman web Anda, caranya bekerja dengan Jquery menggunakan CSS seperti contoh di bawah ini.$(dokumen).siap(fungsi() {$(“div#dvIntro”).klik(fungsi () {$(ini).sembunyikan();});});Tags:jQuery, Tutorial Jquery untuk PemulajQueryDasar-dasar Pengembangan JavaScript Tingkat Lanjut Dengan jQueryBy banterling/14 Apr 2022Dasar-dasar Pengembangan JavaScript Tingkat Lanjut Dengan jQuery – Pengembangan web bergerak maju dengan kecepatan kilat, dan sangat penting bagi pengembang untuk terus menjaga keterampilan mereka tetap segar. Jika Anda telah terlibat dalam desain atau pengembangan front-end dalam bentuk apa pun selama lima tahun terakhir atau lebih, maka kemungkinan besar Anda telah bereksperimen di beberapa titik dengan salah satu perpustakaan JavaScript populer, banyak di antaranya telah menjadi cukup menonjol dan sekarang digunakan di sejumlah situs web komersial besar..Dasar-dasar Pengembangan JavaScript Tingkat Lanjut Dengan jQuerybenjaminsterling – Dalam artikel ini, saya akan memperkenalkan dan meletakkan dasar untuk pengembangan JavaScript tingkat lanjut dengan salah satu perpustakaan JavaScript paling populer yang tersedia: jQuery .Meskipun ada banyak tutorial awal online yang dapat memberikan titik awal yang bagus untuk pengembangan jQuery, dalam artikel ini saya berharap untuk melampaui sekadar sintaks mulai cepat dan sebagai gantinya memberikan gambaran yang solid tentang jQuery dan membahas manfaat menggunakan perpustakaan semacam itu . Tentu saja, banyak dari informasi ini – di luar sintaks dan detail khusus jQuery lainnya – akan berlaku untuk pustaka JavaScript apa pun.Baca juga : Apa itu jQuery? Pengantar Pemula untuk Perpustakaan jQueryMengapa perpustakaan JavaScript?Mengutip slogan resmi jQuery: “Tulis lebih sedikit, lakukan lebih banyak.” Peran pengembang web adalah membuat kode yang menentukan apa yang akan dihasilkan dari interaksi pengguna dengan halaman web. Pengembang web tidak perlu menghabiskan waktu berjam-jam untuk men-debug kebiasaan browser.Sebaliknya, mereka harus bebas berurusan hanya dengan tindakan dan hasil. Di sinilah perpustakaan JavaScript berperan.Mengatasi perbedaan browserPeramban yang berbeda menangani manipulasi DOM, efek transparansi, dan animasi dengan cara yang berbeda, membutuhkan, dalam beberapa kasus, rim kode hanya untuk membuat efek sederhana. Menggunakan pustaka JavaScript memungkinkan Anda untuk sepenuhnya melewati semua tantangan tersebut, memberi Anda akses ke API (Application Programming Interface) yang berhubungan langsung dengan tugas yang sebenarnya ingin Anda selesaikan. Semua tantangan dan masalah umum untuk JavaScript ditangani di belakang layar, memungkinkan Anda untuk mengintegrasikan fungsionalitas tanpa bertanya-tanya apakah itu akan berfungsi di browser tertentu atau tidak.JavaScript yang tidak menggangguAlasan lain yang mendorong untuk menggunakan pustaka JavaScript adalah bahwa semua pustaka memungkinkan Anda untuk memasukkan JavaScript di halaman Anda secara tidak mencolok, sehingga menjaga lapisan perilaku Anda (JavaScript) terpisah dari lapisan konten dan presentasi (XHTML dan CSS).Menyelesaikan tugas yang kompleks dengan mudahTerakhir, fitur yang sangat kuat dari setiap pustaka JavaScript adalah kemampuannya untuk memanipulasi elemen atau kumpulan elemen apa pun pada halaman web hanya dengan satu baris kode. Ambil, misalnya, HTML berikut: Teks Di Sini Teks Di Sini Teks Di Sini Teks Di Sini Teks Di Sini Katakanlah Anda ingin menggunakan JavaScript untuk mengubah warna latar belakang elemen item daftar pertama ( ) dalam daftar tidak berurutan di atas. Menggunakan JavaScript murni, kode Anda akan terlihat seperti ini:var myListCollection = document.getElementsByTagName(“ul”); for (var i = 0; i < myListCollection.length; i++) { if (myListCollection[i].className === “daftar”) { myListCollection[i].childNodes[0].style.backgroundColor = “blue”; } }Menggunakan jQuery , Anda dapat mencapai hal yang sama hanya dengan satu baris kode yang mudah dipelihara:$(“ul.list li:anak pertama”).css(“warna-latar belakang”, “biru”);Memahami konsep CSSSalah satu area yang sangat penting untuk pengembangan jQuery yang kuat, adalah pengetahuan yang kuat tentang CSS. Alasannya karena jQuery sering menggunakan sintaks berbasis CSS untuk memanipulasi elemen DOM. Berikut adalah beberapa konsep yang harus Anda pahami sebelum terjun ke pengembangan jQuery yang ekstensif:Pemilih jenispemilih kelaspemilih IDSelektor KeturunanPemilih AnakPemilih AtributKekhususan CSSKaskade & WarisanSebagian besar konsep CSS di atas seharusnya sudah sangat familiar bagi setiap pengembang front-end modern, karena tata letak CSS apa pun akan memanfaatkannya. jQuery tidak hanya menggabungkan pemilih dasar (tipe, kelas, dan ID), tetapi juga menggunakan pemilih turunan dan anak, yang tidak didukung oleh semua browser yang digunakan saat ini. Tetapi dengan jQuery, karena normalisasi browser bawaannya, semua penyeleksi didukung secara merata.Memahami bahwa jQuery menggabungkan sintaks CSS saat mengakses elemen akan sangat meningkatkan kemampuan Anda untuk dengan cepat dan mudah membuat aplikasi JavaScript yang kuat dengan jQuery.Memahami konsep JavaScriptUntuk memanfaatkan sepenuhnya jQuery, ada baiknya untuk mempelajari konsep JavaScript tertentu. Tentu, Anda dapat melakukan banyak hal di jQuery tanpa mengetahui banyak tentang beberapa konsep yang tercantum di bawah ini, tetapi Anda akan memiliki keuntungan lebih besar dalam pengembangan jQuery jika Anda meluangkan waktu untuk memahami beberapa dasar, termasuk:Pembuatan objekSifat bendaObjek literalFungsi sebagai metodeFungsi anonimPenutupanSekali lagi, tidak perlu sepenuhnya memahami salah satu konsep di atas untuk mulai bekerja dengan jQuery, tetapi kemampuan Anda dengan API jQuery akan meningkat pesat jika Anda memahami satu atau lebih konsep di atas.Kode sumber jQuerySebelum memulai pengembangan jQuery, pertama-tama Anda harus mengunduh versi terbaru dari perpustakaan jQuery dan memasukkannya ke dalam halaman Anda:Baris HTML di atas akan muncul sebelum kode jQuery yang sebenarnya, jika tidak, Anda akan mendapatkan kesalahan. Atau, alih-alih menghosting kode sumber sendiri, Anda dapat menautkan langsung ke versi terbaru di Google Ajax Libraries API yang dapat menghemat beberapa sumber daya server. (baca lebih banyak cara untuk membongkar fitur situs web).sintaks jQuerySekarang setelah Anda memiliki gambaran umum tentang manfaat jQuery, bersama dengan beberapa pemahaman tentang konsep yang terlibat, mari kita lihat beberapa sintaks untuk memulai dengan perpustakaan yang kuat ini.Pembungkus jQueryPembungkus jQuery adalah fungsi yang merupakan inti dari semua perintah jQuery. Saya menggunakannya sebelumnya di salah satu contoh di atas. Ini dia lagi:$(“ada”);Simbol $adalah alias untuk fungsi jQuery, sehingga baris kode di atas dapat ditulis sebagai alternatif:jQuery(“li a”);untuk menjaga kode Anda tetap singkat), Anda akan jarang melihat sintaks itu. Fungsi jQuery yang ditunjukkan dalam dua contoh di atas mengembalikan objek yang berisi larik elemen DOM yang ditentukan di dalam tanda kurung (dalam hal ini, semua tag jangkar yang bersarang di dalam tag). Tentu saja, dalam kedua contoh di atas, kami belum menentukan tindakan; yang kami lakukan hanyalah mengembalikan elemen DOM itu, yang tidak menghasilkan apa-apa.Di bagian berikutnya, kami akan menambahkan metode yang akan bertindak pada grup elemen yang kami targetkan.perintah jQueryAPI jQuery mencakup akses mudah ke efek dan tindakan lain melalui metode bawaan yang biasanya membutuhkan lusinan baris kode untuk diselesaikan dalam mode lintas-browser dengan JavaScript murni. Misalnya, mari tambahkan metode “fade out” ke kode dari contoh sebelumnya:$(“li a”) .fadeOut() ;Baris kode di atas “memudar” semua tag jangkar pada halaman yang bersarang di dalam tag. Jika kita ingin memudarkan jangkar kembali, kita cukup menggunakan fadeIn()metode:$(“li a”) .fadeIn() ;Perintah rantaijQuery juga memungkinkan pengembang untuk membuat rantai perintah, merangkai satu demi satu. Jadi, kita bisa menggabungkan dua contoh sebelumnya, sebagai berikut:$(“li a”).fadeOut().fadeIn();Kode di atas akan memudarkan semua tag jangkar yang bersarang di dalam item daftar, lalu segera memudarkannya kembali. Jumlah item yang dirantai tidak terbatas (atau dalam batas yang ditetapkan secara wajar), memungkinkan banyak perintah untuk bekerja pada kelompok elemen yang sama, masing-masing terjadi berturut-turut.Itu hanya contoh kecil dari apa yang mungkin dengan jQuery, dan betapa mudahnya menyelesaikan tugas yang biasanya membutuhkan banyak baris kode, dan banyak pengujian browser. Meskipun Anda masih akan melakukan pengujian browser saat menjalankan kode jQuery, hasilnya hampir selalu sama: lintas-browser, JavaScript tidak mencolok yang mudah ditulis dan mudah dirawat.Menjalankan kode saat DOM siapSebelumnya kami menyentuh konsep JavaScript yang tidak mengganggu, dan bagaimana jQuery ditulis untuk memungkinkan skrip Anda tetap terpisah dari konten dan presentasi. Sejauh ini, contoh kode yang telah kita diskusikan akan berjalan dengan baik selama disertakan di bagian bawah halaman HTML. Jika, di sisi lain, mereka dimasukkan dalam kepala dokumen, mereka akan gagal bekerja karena, pada saat itu, pohon dokumen belum dirender.jQuery memungkinkan kita untuk menjalankan kode kita hanya ketika DOM sudah siap. Ini dilakukan melalui $(document).readypawang. Kelebihan handler ini adalah ia tidak membuat kode menunggu hingga seluruh halaman selesai dimuat, seperti yang terjadi pada window.onloadkejadian biasa.Dengan handler (document).ready, kode Anda akan berjalan segera setelah pohon DOM selesai dirender, sebelum semua gambar dan media lain selesai dimuat, sehingga meminimalkan waktu muat. Mari kita coba menjalankan contoh kode kita sebelumnya ketika DOM sudah siap:$(document).ready(function(){ $(“li a”).fadeOut().fadeIn(); });Kode di atas memberitahu jQuery untuk menjalankan fungsi anonim ketika pohon dokumen selesai dirender. Fungsi anonim berisi kode yang kita lihat sebelumnya, yang memudarkan jangkar kita, lalu segera mengembalikannya kembali.Kode ini dapat dimasukkan ke dalam dokumen, di dekat bagian bawah halaman, atau di mana pun, dan itu akan berjalan dengan cara yang persis sama. Acara “siap” hanyalah salah satu dari banyak acara yang tersedia melalui API jQuery. Lainnya termasuk click, dblclick, load, blur, keydown, submit, dan banyak lagi.Tags:Dasar-dasar Pengembangan JavaScript Tingkat Lanjut Dengan jQuery, jQueryjQueryApa itu jQuery? Pengantar Pemula untuk Perpustakaan jQueryBy banterling/8 Apr 2022Apa itu jQuery? Pengantar Pemula untuk Perpustakaan jQuery – Jika Anda membuat kode dengan JavaScript, mempelajari apa itu jQuery dan cara menggunakannya dapat merampingkan alur kerja Anda. Itu dapat membuat praktik pengkodean Anda lebih cepat dan lebih efisien, menghemat energi dan waktu Anda.Apa itu jQuery? Pengantar Pemula untuk Perpustakaan jQuerybenjaminsterling – Artikel ini akan menjelaskan cara menggunakan jQuery di lingkungan pengembangan web serta manfaat dan fitur penting. Kami juga akan memberikan daftar tutorial singkat yang akan menunjukkan jQuery digunakan untuk membantu Anda memahami cara kerjanya.Apa itu jQuery?Melansir hostinger, jQuery adalah perpustakaan JavaScript minified open-source yang dibuat untuk operasi JavaScript yang disederhanakan. Anda dapat menggunakan jQuery untuk dengan cepat mengkodekan serangkaian perintah berbeda yang akan memakan waktu lebih lama jika Anda menggunakan kode HTML.Baca juga : Tutorial jQuery: Dasar-dasar jQueryApa itu Pustaka JavaScript? Bagaimana Ini Digunakan dalam Pengembangan Web?Pustaka JavaScript terdiri dari file JavaScript dengan berbagai fungsi. Banyak perpustakaan JS, seperti React , dapat melayani tujuan tertentu, baik itu di sisi klien atau server.Pustaka jQuery bisa dibilang merupakan pustaka JS paling populer di pasaran saat ini. Sangat mudah untuk dimodifikasi dan digunakan. Plus, jQuery memiliki komunitas besar dengan sumber belajar yang luas, tutorial, dan dokumentasi lainnya.Bagian terbaiknya adalah jQuery kompatibel dengan pustaka JavaScript lain dan memiliki banyak plugin untuk membantu menskalakan fungsinya. Namun, itu tidak bekerja dengan bahasa pemrograman lain.Kelebihan dan Kekurangan jQueryJika Anda masih mempertimbangkan apakah bermanfaat mempelajari jQuery atau tidak, berikut adalah kelebihan dan kekurangan menggunakan library JS ini untuk pengembangan web.KeuntunganSalah satu fitur inti dari perpustakaan jQuery adalah penanganan acara . Membuat acara seperti fungsi klik mouse dan pengiriman formulir hanya memerlukan beberapa baris kode. Ini membantu menjaga kode HTML tetap bersih dan bebas dari berbagai event handler.Memodifikasi elemen HTML juga lebih mudah dengan fitur manipulasi Model Objek Dokumen (DOM) . Antarmuka browser web yang mudah digunakan memungkinkan Anda menambah, mengedit, dan menghapus elemen web menggunakan berbagai metode acara.Metode AJAX , khususnya, membuat jQuery ideal untuk mengembangkan situs web responsif menggunakan fungsi AJAX. Fitur ini meningkatkan pengalaman pengguna dengan menyederhanakan operasi permintaan HTTP tanpa memuat ulang halaman web.Selain itu, jQuery hadir dengan banyak efek animasi bawaan . Bahkan memungkinkan Anda membuat animasi kustom yang terdiri dari properti CSS pilihan Anda.Terlebih lagi, jQuery hadir dengan dukungan lintas browser , membuatnya kompatibel dengan browser web populer. Ia bekerja dengan pemilih CSS3 dan sintaks XML Path Language (XPath) juga.Perlu diingat bahwa menambahkan skrip jQuery ke situs web lebih mudah melalui jaringan pengiriman konten (CDN). Dengan cara ini, Anda tidak perlu mengunduh dan menyimpan file perpustakaan di folder situs.KekuranganMeskipun ringan, perpustakaan jQuery sangat besar. Karena basis kode terus berkembang, dibutuhkan waktu lebih lama untuk membuka file JS, yang menambah beban pada komputer pengguna.jQuery juga membuat belajar dan menggunakan JavaScript lebih sulit karena abstraksinya. Meskipun menyederhanakan pembuatan acara untuk pemula, melakukan tugas rumit seperti manipulasi DOM akan membutuhkan pemahaman yang lebih besar tentang JavaScript untuk mendapatkan hasil yang diinginkan.Kerugian terbesar adalah kenyataan bahwa jQuery tidak mengizinkan kompatibilitas mundur. Karena jQuery memiliki banyak versi yang diterbitkan, Anda harus meng-host perpustakaan sendiri dan memperbaruinya secara berkala.Fitur jQuery PentingJika Anda ingin mempelajari bagaimana jQuery dapat bermanfaat bagi Anda, mari kita lihat contoh fungsi penting .1. sembunyikan FungsiFungsi hide menyembunyikan elemen HTML, membuatnya tidak lagi mempengaruhi halaman HTML. Ini berfungsi sebagai metode animasi jika dipasangkan dengan parameter durasi dan easing serta fungsi panggilan balik .2. tampilkan FungsiFungsi show menampilkan elemen HTML. Ini hanya berfungsi pada elemen yang disembunyikan oleh fungsi hide . Selain itu, ini menjadi fungsi metode animasi jika diberi parameter, seperti hide .3. beralih FungsiFungsi toggle memodifikasi visibilitas elemen HTML berdasarkan properti tampilan CSS mereka menggunakan peristiwa klik. Jika sebuah elemen terlihat, fungsi ini akan menyembunyikannya. Hal sebaliknya akan terjadi jika disembunyikan. Pengembang web sering menggunakan fungsi ini untuk mengubah beberapa animasi menjadi urutan.Jika diberi parameter, fungsi ini dapat mengikat dua atau lebih fungsi ke elemen tertentu. Ini memungkinkan Anda beralih di antara fungsi dengan mengklik elemen. Perlu diingat bahwa tanda tangan fungsi ini tidak digunakan lagi di jQuery versi 1.8 dan dihapus di versi 1.9.4. fadeIn FungsiFungsi fadeIn memodifikasi opacity elemen HTML agar muncul secara bertahap di halaman HTML. Pasangkan dengan kecepatan atau fungsi panggilan balik untuk menyesuaikan kecepatan animasi dan memicu peristiwa berikutnya setelah elemen yang cocok muncul sepenuhnya.5. fadeOut FungsiFungsi jQuery ini bekerja kebalikan dari fungsi fadeIn . Mirip dengan hide dan show , fadeIn dan fadeOut menjadi metode animasi jika diberi parameter.6. fadeToggle FungsiFungsi fadeToggle bekerja mirip dengan fungsi toggle . Ini memungkinkan pengguna menampilkan atau menyembunyikan elemen tertentu secara bertahap.7. fungsi slideUpFungsi slideUp menyembunyikan elemen dengan animasi geser. Pasangkan dengan parameter durasi dan easing untuk menyesuaikan durasi animasi.8. fungsi slideDownFungsi slideDown menampilkan elemen dengan animasi geser. Demikian pula, ia menerima parameter durasi dan easing.9. slideToggle FungsiFungsi slideToggle memungkinkan Anda beralih antara fungsi slideUp dan slideDown untuk menampilkan atau menyembunyikan elemen.10. animate FungsiFungsi ini menganimasikan elemen menggunakan satu atau beberapa properti CSS. Seperti fungsi sebelumnya, ini memungkinkan Anda menyesuaikan durasi animasi dan mode transisi serta memicu fungsi berikut setelah selesai.Perlu diingat bahwa fungsi animate tidak dapat menampilkan elemen tersembunyi seperti slideDown dan fadeIn .Tags:Apa itu jQuery? Pengantar Pemula untuk Perpustakaan jQueryjQueryTutorial jQuery: Dasar-dasar jQueryBy banterling/2 Apr 2022Tutorial jQuery: Dasar-dasar jQuery – jQuery adalah perpustakaan JavaScript yang dikembangkan oleh pengembang perangkat lunak Amerika, John Resig, dan dirilis pada tahun 2006 di bawah lisensi MIT gratis. Pustaka ini menawarkan opsi ekstensif untuk manipulasi HTML dan CSS serta mempercepat fungsionalitas Ajax.Tutorial jQuery: Dasar-dasar jQuerybenjaminsterling – Ini dapat dicapai dengan memasukkan jQuery dalam kode sumber HTML dari proyek web masing-masing dan kemudian mengoperasikannya dengan bantuan berbagai fitur .Melansir ionos, jQuery sudah menjadi fitur dari banyak sistem manajemen konten dan kerangka kerja web seperti Joomla, WordPress, atau MediaWiki, dan menonjol tidak hanya karena rentang fungsinya yang luas, tetapi juga karena komunitasnya yang besar dan pengembangan berkelanjutan, yang merupakan tim jQuery bertanggung jawab untuk.Baca juga : Masa Depan Jquery Mobile dan Jquery UIApa itu jQuery?jQuery sangat menyederhanakan pemrograman dengan bahasa skrip dinamis, JavaScript. Seluruh library jQuery terdiri dari satu file JavaScript yang berisi fungsi dasar DOM, Ajax, event, dan efek. Dengan demikian, perpustakaan adalah kumpulan ekstensif dari bagian-bagian program, yang dapat digunakan untuk mengedit elemen proyek web. Dimungkinkan untuk memilih objek dan mengubah penampilannya (warna, posisi, dll.), yang juga dimungkinkan dengan JavaScript, tetapi jauh lebih rumit.Selanjutnya, dengan jQuery Anda dapat merespons dengan cara yang lebih bertarget kepada pengguna Anda – berkat pemrograman elemen situs yang digerakkan oleh peristiwa. Pengguna mengaktifkan acara yang ditentukan dengan mengklik atau dengan memasukkan teks dan kemudian konten atau animasi akan ditampilkan kepada mereka. Juga efek grafis, seperti overlay teks cepat dan mudah untuk menyisipkan dan hanya memerlukan satu baris kode. jQuery juga menyederhanakan bekerja dengan Ajax. Pustaka mengoptimalkan teknologi yang mengunduh di latar belakang situs, terutama jika antarmuka lintas-browser terlibat. Dengan bantuannya, Ajax dapat dengan cepat diatur dan digunakan di berbagai browser – bahkan versi lama pun tercakup. jQuery biasanya menutup celah antara implementasi JavaScript dari browser terpisah.jQuery: perluas struktur dasar menggunakan pluginjQuery populer di antara proyek web saat ini karena betapa sederhananya untuk memperluas perpustakaan JavaScript. Ribuan plugin , yang menyederhanakan pemrograman dan membuat jQuery lebih kuat, tersedia (kebanyakan gratis) untuk diunduh di situs web resmi jQuery . Masyarakat memiliki peran yang menentukan dalam pengembangan ekstensi ini untuk perpustakaan. Jika fungsi yang diinginkan tidak tersedia sebagai fitur standar, atau sebagai plugin, pengembang dapat mencoba membuat ekstensi mereka sendiri .Cara menyematkan perpustakaan JavaScriptUntuk menggunakan jQuery untuk proyek Anda, Anda harus menyematkan perpustakaan terlebih dahulu. Anda juga memiliki pilihan untuk menghosting file JavaScript di ruang web Anda sendiri , atau menyertakan tautan ke ruang web eksternal .Jika Anda tertarik dengan versi sebelumnya, Anda dapat menemukan file di pusat unduhan di situs web jQuery . Di sini Anda dapat memilih antara versi terkompresi ( dikompresi, produksi jQuery ) untuk penggunaan langsung dan edisi tidak terkompresi ( tidak terkompresi, pengembangan jQuery ) . Untuk menyimpan masing-masing file secara lokal, cukup klik kanan pada tautan yang dimaksud, pilih ‘save target as…’ dan masukkan direktori tujuan yang diinginkan. Kemudian tempatkan tautan yang sesuai di bagian keberadaan web Anda:Jika Anda memutuskan untuk tidak menempatkan file secara eksternal, Anda harus menyesuaikan header yang sesuai. Misalnya, untuk menggunakan file jQuery dari Perpustakaan yang Dihosting Google , Anda harus menentukan alamat web berikut, termasuk versi masing-masing ( 3.0.0 dalam contoh di bawah) sebagai elemen sumber ( src ):http://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.jsBagaimana sintaks jQuery dibangunAnda dapat mengakses elemen HTML dengan kode jQuery. Anda memilih elemen ini melalui pemilih yang secara sintaksis didasarkan pada pemilih CSS. Ini biasanya diikuti dengan tindakan yang menjelaskan bagaimana elemen yang dipilih akan diubah. Selektor dan tindakan memiliki tanda dolar ($) di depannya untuk menunjukkan bahwa kode tersebut adalah fungsi jQuery. Hal ini untuk menghindari kebingungan saat menggunakan berbagai perpustakaan. $() berfungsi sebagai jalan pintas untuk fungsi jQuery() . Oleh karena itu, sintaks dasarnya adalah:$(Selector).Action()Baris kode penting yang harus mendahului setiap bagian kode jQuery dalam dokumen HTML Anda adalah Acara Siap Dokumen . Kode ini memastikan bahwa semua perintah yang terdapat di jQuery dieksekusi hanya setelah semua elemen HTML dimuat. Di satu sisi, kesalahan dihindari, misalnya, ketika elemen disembunyikan, tetapi belum ditampilkan. Di sisi lain, Acara Siap Dokumen memungkinkan kode untuk dimasukkan ke dalam area . Struktur sintaksis dari baris kode yang relevan sesuai dengan contoh berikut:$(document).ready(function(){//additional jQuery-Code});Selektor yang paling pentingSelektor jQuery adalah komponen terpenting dari pustaka JavaScript. Anda dapat menggunakannya untuk menyesuaikan berbagai elemen situs web Anda. Ada berbagai jenis penyeleksi (misalnya ID, kelas, jenis, dll.) yang menemukan dan memilih entitas HTML. Pemilih elemen biasanya menetapkan tindakan elemen HTML berdasarkan nama. Dengan kode jQuery berikut, Anda dapat menentukan bahwa semua elemen (yaitu semua blok teks) disembunyikan ketika pengunjung web mengklik tombol:$(document).ready(function(){$(“button”).click(function(){$(“p”).hide();});});Selektor jQuery penting lainnya adalah pemilih #id . Dengan ini, Anda dapat menandai elemen individual dalam dokumen HTML, yang kemudian dapat diubah secara khusus dengan JavaScript, yang mirip dengan apa yang terjadi dengan manipulasi CSS. Jika Anda tidak ingin semua blok teks disembunyikan oleh pengguna yang mengklik tombol, Anda dapat menambahkan nilai id tambahan ke elemen ( ) dan memperluas pemilih elemen di kode atas melalui pemilih #id.$(document).ready(function(){$(“button”).click(function(){$(“#testblock”).hide();});});Anda dapat bereaksi terhadap acara pengguna dengan jQueryPengunjung atau pengguna situs web atau aplikasi web Anda berinteraksi dengan proyek web Anda dengan cara yang sangat berbeda – apakah itu dengan mengklik, memasukkan keyboard, mengisi formulir, atau memperbesar tab. Peristiwa ini dikenal sebagai peristiwa DOM dan dapat didefinisikan di jQuery sebagai pemicu tindakan .Misalnya, Anda dapat membuat gerakan mouse memicu suatu tindakan. Ini dicapai dengan perintah mouseenter() atau mouseleave() . Fungsi pertama bereaksi saat pengguna mengarahkan kursor ke elemen HTML yang dipilih , dan yang kedua saat penunjuk mouse meninggalkan elemen. Kode jQuery berikut memungkinkan pengguna untuk diberi tahu melalui jendela dialog saat mereka mengarahkan kursor ke blok teks:$(document).ready(function(){$(“p”).mouseenter(function(){alert(“You have selected a text block!”);});});Tags:Dasar-dasar jQuery, Tutorial jQuery, Tutorial jQuery: Dasar-dasar jQueryjQueryMasa Depan Jquery Mobile dan Jquery UIBy banterling/28 Mar 2022Masa Depan Jquery Mobile dan Jquery UI – Pernahkah Anda mendengar tentang JQuery Mobile atau JQuery UI? Jika tidak, mungkin karena kurangnya dana. Akhir-akhir ini, beberapa tahun terakhir sangat sulit pada proyek Jquery Mobile dan Jquery UI.Masa Depan Jquery Mobile dan Jquery UIbenjaminsterling – Selain kekurangan sumber daya, mereka juga kehilangan kontributor karena beberapa faktor yang memperlambat perkembangan proyek. Faktanya, rilis baru terakhir mereka adalah pada bulan September 2016 untuk JQuery UI, yang menandai tepat 4 tahun sejak rilis stabil mereka hingga saat ini.Melansir learningjquery, Namun, sebelum melangkah lebih jauh, mari kita bahas apa saja kedua proyek ini .Baca juga : Jelajahi 5 Alternatif jQuery UI yang MenakjubkanApa itu JQuery UI:JQuery UI, adalah kerangka kerja yang dibangun di atas JQuery dengan efek, widget, dan tema sentral yang terutama bergantung pada pustaka JavaScript. Jika Anda perlu membuat aplikasi web dengan interaksi tinggi atau ingin menambahkan pemilih tanggal ke kontrol formulir .Ini adalah UI yang dibuat oleh John Resig dan dirilis pada Agustus 2006. Saat itu Internet Explorer cukup populer di internet, dan Google Chrome bahkan belum memasuki pertempuran. Peramban lama bergantung pada JavaScript dalam banyak hal, yang membawa publik ke berbagai masalah. Jadi, JQuery dibuat pada waktu itu sebagai UI baru untuk menghadapi dan memecahkan masalah publik, berkisar pada perpustakaan yang disebut prototipe, Mootools, dan Scriptaculous.JQuery Mobile:JQuery Mobile juga merupakan framework UI yang dibangun di atas Core JQuery. Tujuan utama JQuery Mobile adalah untuk mengembangkan situs web yang responsif dan aplikasi yang dapat diakses seluler yang juga mendukung tablet dan perangkat lain. Fitur JQuery Mobile memudahkan pengembangan aplikasi web seluler dan membantu pengembang membuat aplikasi responsif lebih cepat.JQuery Mobile sebenarnya adalah kerangka kerja populer untuk membuat aplikasi web seluler, dan berfungsi di semua ponsel cerdas dan tablet populer. JQuery Mobile, seperti yang mungkin sudah Anda duga, menggunakan HTML5 & CSS3 untuk meletakkan halaman. Ini membuatnya sangat ringan serta mudah bagi pengembang untuk berkontribusi ke perpustakaan.Sedang mencari:Ke depan, apa yang bisa kita harapkan dari JQuery UI dan JQuery Mobile? Atau, bahkan untuk JQuery secara keseluruhan? Meskipun beberapa tahun terakhir sulit untuk kedua kerangka kerja serta untuk JQuery Foundation, ada beberapa perubahan yang diperkenalkan yang menunjukkan masa depan yang lebih cerah untuk Jquery Mobile dan Jquery UI.Perubahan tersebut berkaitan dengan tim JQuery dan juga pada proyek itu sendiri. Tujuan utama tim adalah untuk mengurangi kode duplikat dan widget tambahan yang umum untuk Jquery UI. Ini akan mengarahkan Jquery UI ke dalam kerangka kerja untuk seluler dengan semua widget penting yang ada.Dua Proyek Terpisah dari JQuery, Jquery UI dan Jquery Mobile:Keunggulan UI telah diberikan kepada Scott Gonzalez selama beberapa waktu dan juga menjadi alasan untuk meningkatkan kualitas. Saat dia mengundurkan diri dari Proyek UI, dia sekarang berada di belakang proyek ini, membantu perusahaan dalam berbagai cara.Alex Schmitz, yang merupakan kontributor Jquery UI, telah diberi kepemimpinan dua proyek dan Jquery Mobile. Ini sangat membantu proyek Jquery Mobile, yang berfungsi di bawah Jquery UI. Ini tidak berarti bahwa Jquery UI dan Jquery Mobile bukanlah proyek yang terpisah dan independen; keduanya memiliki repositori yang berbeda.Kontribusi:Sebelumnya, ketika orang tertarik untuk bergabung dengan Jquery Mobile atau Jquery UI, mereka diharuskan untuk berkontribusi pada perpustakaan.Perubahan:Sekarang, Jquery Mobile dan JQuery UI telah membuat perubahan besar pada cara kerjanya dan bertujuan untuk meningkatkan pengalaman pengguna mereka.Alex Schmitz, pemimpin gabungan dari Jquery UI dan Jquery mobile bertujuan untuk menghidupkan kembali JQuery UI dan JQuery mobile. Meskipun banyak pengguna menganggap proyek berada dalam ‘mode pemeliharaan’ karena mereka belum melihat pembaruan baru sejak 2016, tim masih berupaya meningkatkan pengalaman pengguna, memperbaiki bug, dan memberikan dukungan bagi pengguna.Kesimpulan:Sayangnya, tren JQuery telah menurun untuk beberapa waktu sekarang. Pada tahun 2020, JQuery tidak diperlukan karena dukungan browser yang luas oleh JavaScript, yang konsisten. Banyak pengembang juga memilih pustaka atau kerangka kerja yang lebih mudah digunakan seperti Angular, React, atau Vue.Tags:Masa Depan Jquery Mobile dan Jquery UIjQueryJelajahi 5 Alternatif jQuery UI yang MenakjubkanBy banterling/22 Mar 2022Jelajahi 5 Alternatif jQuery UI yang Menakjubkan – Saat ini, sebagian besar perangkat lunak seluler dibangun di atas JavaScript dan kerangka kerja paling populer yang digunakan adalah jQuery, perpustakaan JavaScript open source dan lintas platform yang didistribusikan oleh jQuery Foundation. Dan, sebagai perpustakaan JavaScript yang dibangun di atas jQuery, jQuery UI menyediakan kode untuk membangun antarmuka pengguna interaktif untuk aplikasi web dinamis. Singkatnya, jQuery adalah perpustakaan inti dan UI jQuery dibangun di atasnya.Jelajahi 5 Alternatif jQuery UI yang Menakjubkanbenjaminsterling – Faktanya, library berbasis jQuery yang paling populer adalah proyek resmi jQuery UI: gratis untuk digunakan dan memiliki kumpulan komponen yang berguna. Saat mereka menggambarkan diri mereka sendiri: “satu set interaksi antarmuka pengguna, efek, widget, dan tema yang dikuratori”. Namun, ada banyak perpustakaan UI yang kuat yang dibangun di atas jQuery dan masing-masing memiliki kelebihannya sendiri.Melansir tisa-software, Kami telah menyusun daftar beberapa Kerangka UI berbasis jQuery terbaik yang akan membantu membuat aplikasi seluler yang berguna dan inovatif. Lihatlah!Baca juga : Fungsi Penting JQuery1. KendoUIKendo UI dengan cepat menjadi toolkit widget paling populer untuk pengembang dan banyak yang tidak terkejut. Kendo UI adalah HTML5, kerangka kerja berbasis jQuery untuk membangun aplikasi web modern. Solusi ujung ke ujung untuk pengembangan sisi klien modern. Ini semua yang Anda butuhkan untuk membangun aplikasi untuk standar web modern, menghemat waktu pengembang dan meminimalkan frustrasi dengan menyediakan kerangka kerja terintegrasi – namun sangat modular.Kerangka kerja ini memiliki banyak widget UI, kerangka kerja visualisasi data yang kaya, kerangka kerja Seluler adaptif otomatis, dan semua alat yang diperlukan untuk pengembangan aplikasi HTML5, seperti Sumber Data, Templat, MVVM, Drag-and-Drop API, dan banyak lagi . Ini terdiri dari tiga set widget dan interaksi yang kuat yang dapat digunakan secara terpisah atau digabungkan menjadi satu paket tunggal: Kendo UI Web, Kendo UI Mobile dan Kendo UI DataViz. Dalam posting mendatang kami akan mempelajari lebih dalam kerangka kerja yang menarik ini dan manfaat menggunakannya.2. Zino UIZino UI adalah library UI yang ringkas dan berbasis jQuery. Kompatibel dengan WAI-ARIA, kerangka antarmuka pengguna terdiri dari 30+ komponen berbeda. Ini adalah kumpulan lintas platform yang hebat, komponen bertema yang memanfaatkan praktik terbaik dan teknik JavaScript tingkat lanjut. Berikut adalah beberapa komponen yang luar biasa: akordeon, tombol, kalender, kanvas, tabel data, draggable, spinner, splitter, alat grafik SVG, pembungkus server PHP, TreeView, unggah dll.Alat grafik SVG, DataSource, dan tabel data semuanya bekerja bersama untuk membuat platform yang dapat digunakan dan seperti alternatif UI lainnya, masing-masing fitur mampu berdiri sendiri. Mereka dapat digunakan bersama satu sama lain dan dapat bekerja secara bergantian dalam sistem pengembangan. Namun, Zino UI memang memiliki kekurangan. Beberapa kelemahan dari library ini antara lain dukungan RTL yang hilang, fitur validasi dan globalisasi serta tema yang terbatas.3. jQWidgetYang ini adalah pilihan yang baik untuk membangun situs web profesional dan aplikasi seluler yang terlihat cantik di desktop, tablet, dan ponsel cerdas. jQWidgets dibangun sepenuhnya pada standar dan teknologi terbuka seperti jQuery, HTML5, CSS, JavaScript, dan SVG.JQWidgets menawarkan kenyamanan JavaScript dan SVG tanpa bergantung pada sistem Kueri dan dilengkapi dengan beberapa tema bawaan yang siap digunakan dan kompatibel lintas-browser. Pembuat Tema adalah alat online yang kuat yang membantu Anda membuat tema dengan cepat untuk antarmuka pengguna aplikasi Anda berdasarkan jQWidgets. Selain itu, Anda dapat mengimpor warna dari tema yang ada, mengubahnya, dan menyimpan hasilnya sebagai tema baru. Pembaruan widget cepat, ramah mesin pencari, kepatuhan dengan standar web, ukuran kecil namun dioptimalkan untuk kinerja menjadikannya pilihan yang disukai banyak pengembang. Di sini juga ada contoh kode, demo, dan API untuk semua widget.Hanya untuk memperjelas, ini bukan perpanjangan dari inti jQuery UI. Sebaliknya, itu adalah yang independen.4. Easy UIJika Anda ingin dengan mudah membangun halaman web Anda, Easy UI adalah pendamping yang hebat untuk Anda. Ini adalah alternatif lain dengan koleksi lengkap widget dan interaksi kaya fitur. Widget ini berisi kumpulan plugin antarmuka pengguna yang didasarkan pada jQuery. Widget khusus ini memiliki semua komponen yang diperlukan untuk membangun aplikasi JavaScript modern dan interaktif. Saat Anda menggunakan Easy UI, Anda tidak perlu menulis kode Java apa pun.Beberapa fitur terpenting dari UI ini adalah Panel, Layout, Window, yang merupakan widget desain UI. DataGrid, PropertyGrid, Tree dan TreeGrid adalah beberapa komponen lain dari UI ini. Kelebihan selain dari komponen di atas termasuk tema siap pakai dan pembangun untuknya. Tutorial, demo, dan dokumentasi API yang baik merupakan nilai tambah jika Anda ingin menggunakan alternatif ini. Sebagai kekurangannya, kami dapat menyebutkan fungsi pembuatan bagan dan pengunggahan yang hilang.5. WijmoWijmo adalah kit widget yang sangat canggih yang mampu menangani banyak fungsi termasuk kalender acara, grafik, pengukur, program animasi, video serta beberapa fitur lain yang menggunakan kekuatan di balik jQuery. Kualitas mereka yang sangat tinggi menjadikannya alat yang sangat baik untuk pengembangan Web. Widget Wijmo dioptimalkan untuk pengembangan web sisi klien dan memanfaatkan kekuatan jQuery untuk kinerja yang unggul dan kemudahan penggunaan.Ini didasarkan pada jQuery UI dan jQuery mobile dan menyediakan satu set widget, untuk seluler dan web. Ini memanfaatkan apa yang disebut kerangka kerja Widget Adaptif, ini berarti bahwa semua widget yang Anda gunakan akan secara otomatis beradaptasi dengan lingkungan jQuery UI atau jQuery Mobile. Cukup dengan menukar UI jQuery untuk jQuery Mobile, Anda dapat dengan mudah mengonversi widget Anda menjadi seluler tanpa mengubah satu baris kode pun.Singkatnya, ada banyak widget yang dapat Anda cari di web yang bersifat open source dan gratis untuk diunduh. Alternatif UI untuk plugin jQuery biasanya memiliki banyak fitur yang dapat dipertukarkan dan, sebagai alat independen, mereka membawa manfaat dari produk Query tanpa masalah yang terkait dengan penggunaannya.Tags:Jelajahi 5 Alternatif jQuery UI yang MenakjubkanInformasi jQueryDesain Interaksi dan Pengembangan Web yang Lebih Baik Dengan jQueryBy banterling/16 Mar 2022Desain Interaksi dan Pengembangan Web yang Lebih Baik Dengan jQuery – jQuery adalah perpustakaan JavaScript yang kuat yang dapat meningkatkan situs web Anda terlepas dari latar belakang Anda. Dalam artikel ini, berbagi pengetahuan, pengalaman, dan antusiasme mereka tentang jQuery untuk membantu Anda mendapatkan hasil maksimal dari perpustakaan dan membuat aplikasi web Anda bersinar.Desain Interaksi dan Pengembangan Web yang Lebih Baik Dengan jQuerybenjaminsterling – Untuk desainer , jQuery memanfaatkan keterampilan CSS dan HTML yang ada, memungkinkan Anda untuk menemukan dan mengubah aspek halaman secara dinamis. Buku ini memberikan pengantar yang lembut untuk konsep jQuery, memungkinkan Anda untuk menambahkan interaksi dan animasi ke halaman Anda – bahkan jika upaya sebelumnya menulis JavaScript telah membuat Anda bingung.Baca juga : Apa Kegunaan Jquery Di Php Accountin?Melansir packtpub,  Untuk pemrogram , jQuery menawarkan pendekatan open-source, sesuai standar, dan tidak mengganggu untuk menulis aplikasi JavaScript yang kompleks. Buku ini akan memandu Anda melewati perangkap yang terkait dengan AJAX, peristiwa, efek, dan fitur bahasa JavaScript lanjutan.World Wide Web saat ini adalah lingkungan yang dinamis, dan penggunanya menetapkan standar tinggi untuk gaya dan fungsi situs. Untuk membangun situs interaktif yang menarik, pengembang beralih ke pustaka JavaScript seperti jQuery untuk mengotomatiskan tugas umum dan menyederhanakan tugas yang rumit. Salah satu alasan perpustakaan jQuery adalah pilihan yang populer adalah kemampuannya untuk membantu dalam berbagai tugas.Karena jQuery melakukan begitu banyak fungsi yang berbeda, tampaknya sulit untuk mengetahui dari mana harus memulai. Namun, ada koherensi dan simetri pada desain perpustakaan; sebagian besar konsepnya dipinjam dari struktur HTML dan Cascading Style Sheets ( CSS ). Karena banyak pengembang web memiliki lebih banyak pengalaman dengan teknologi ini daripada dengan JavaScript, desain perpustakaan cocok untuk awal yang cepat bagi desainer dengan sedikit pengalaman pemrograman. Sebenarnya, dalam bab pembuka ini kita akan menulis program jQuery yang berfungsi hanya dalam tiga baris kode. Di sisi lain, pemrogram berpengalaman juga akan dibantu oleh konsistensi konseptual ini, seperti yang akan kita lihat di bab selanjutnya yang lebih maju.Tetapi sebelum kita mengilustrasikan pengoperasian perpustakaan dengan sebuah contoh, kita harus mendiskusikan mengapa kita membutuhkannya terlebih dahulu.Apa yang dilakukan jQueryPustaka jQuery menyediakan lapisan abstraksi tujuan umum untuk skrip web umum, dan karena itu berguna di hampir setiap situasi skrip. Sifatnya yang dapat diperluas berarti bahwa kita tidak akan pernah dapat mencakup semua kemungkinan penggunaan dan fungsi dalam satu buku, karena plug-in terus dikembangkan untuk menambah kemampuan baru. Namun, fitur inti memenuhi kebutuhan berikut:Mengakses bagian halaman. . Tanpa pustaka JavaScript, banyak baris kode harus ditulis untuk melintasi pohon Model Objek Dokumen ( DOM ), dan menemukan bagian tertentu dari struktur dokumen HTML. jQuery menawarkan mekanisme pemilih yang kuat dan efisien untuk mengambil dengan tepat bagian dari dokumen yang akan diperiksa atau dimanipulasi.Mengubah tampilan halaman. . CSS menawarkan metode yang kuat untuk mempengaruhi cara dokumen dirender; tetapi gagal ketika browser web tidak semua mendukung standar yang sama. jQuery dapat menjembatani kesenjangan ini, memberikan dukungan standar yang sama di semua browser. Selain itu, jQuery dapat mengubah kelas atau properti gaya individual yang diterapkan ke sebagian dokumen bahkan setelah halaman dirender.Mengubah konten halaman. . Tidak terbatas pada perubahan kosmetik belaka, jQuery dapat memodifikasi konten dokumen itu sendiri dengan beberapa penekanan tombol. Teks dapat diubah, gambar dapat disisipkan atau ditukar, daftar dapat disusun ulang, atau seluruh struktur HTML dapat ditulis ulang dan diperluas—semuanya dengan satu API yang mudah digunakan.Tanggapi interaksi pengguna dengan halaman. . Bahkan perilaku yang paling rumit dan kuat pun tidak berguna jika kita tidak dapat mengontrol kapan itu terjadi. Pustaka jQuery menawarkan cara yang elegan untuk mencegat berbagai acara, seperti pengguna mengklik tautan, tanpa perlu mengacaukan kode HTML itu sendiri dengan pengendali acara. Pada saat yang sama, API penanganan peristiwanya menghapus inkonsistensi browser yang sering mengganggu pengembang web.Tambahkan animasi ke halaman. . Untuk secara efektif menerapkan perilaku interaktif seperti itu, seorang desainer juga harus memberikan umpan balik visual kepada pengguna. Pustaka jQuery memfasilitasi ini dengan menyediakan serangkaian efek seperti fade dan wipe, serta toolkit untuk membuat yang baru.Ambil informasi dari server tanpa menyegarkan halaman. . Pola kode ini dikenal sebagai Asynchronous JavaScript and XML ( AJAX ), dan membantu pengembang web dalam membuat situs yang responsif dan kaya fitur. Pustaka jQuery menghilangkan kerumitan khusus browser dari proses ini, memungkinkan pengembang untuk fokus pada fungsionalitas ujung server.Sederhanakan tugas JavaScript umum. . Selain semua fitur khusus dokumen jQuery, perpustakaan menyediakan peningkatan untuk konstruksi JavaScript dasar seperti iterasi dan manipulasi array.Mengapa jQuery Bekerja Dengan BaikDengan kebangkitan minat baru-baru ini dalam HTML dinamis, muncul proliferasi kerangka kerja JavaScript. Beberapa terspesialisasi, dengan fokus hanya pada satu atau dua tugas di atas. Yang lain mencoba untuk membuat katalog setiap perilaku dan animasi yang mungkin, dan menyajikan semua ini dalam paket sebelumnya. Untuk mempertahankan berbagai fitur yang diuraikan di atas sambil tetap kompak, jQuery menggunakan beberapa strategi:Manfaatkan pengetahuan tentang CSS. . Dengan mendasarkan mekanisme untuk menemukan elemen halaman pada pemilih CSS, jQuery mewarisi cara yang singkat namun dapat dibaca untuk mengekspresikan struktur dokumen. Karena prasyarat untuk melakukan pengembangan web profesional adalah pengetahuan tentang sintaks CSS, jQuery menjadi titik masuk bagi desainer yang ingin menambahkan perilaku ke halaman mereka.Ekstensi dukungan. . Untuk menghindari fitur creep , jQuery menurunkan penggunaan kasus khusus ke plug-in. Metode untuk membuat plug-in baru sederhana dan terdokumentasi dengan baik, yang telah mendorong pengembangan berbagai macam modul inventif dan berguna. Bahkan sebagian besar fitur dalam unduhan jQuery dasar diwujudkan secara internal melalui arsitektur plug-in, dan dapat dihapus jika diinginkan, menghasilkan perpustakaan yang lebih kecil.Abstrak keanehan browser. . Realitas pengembangan web yang disayangkan adalah bahwa setiap browser memiliki serangkaian penyimpangannya sendiri dari standar yang diterbitkan. Sebagian besar aplikasi web apa pun dapat diturunkan untuk menangani fitur secara berbeda di setiap platform. Sementara lanskap browser yang terus berkembang membuat basis kode netral browser yang sempurna tidak mungkin untuk beberapa fitur lanjutan, jQuery menambahkan lapisan abstraksi yang menormalkan tugas-tugas umum, mengurangi ukuran kode, dan sangat menyederhanakannya.Selalu bekerja dengan set. . Saat kita menginstruksikan jQuery, Temukan semua elemen dengan kelas ‘collapsible’ dan sembunyikan mereka , tidak perlu mengulang setiap elemen yang dikembalikan. Sebagai gantinya, metode seperti.hide()dirancang untuk bekerja secara otomatis pada kumpulan objek, bukan yang individual. Teknik ini, disebut implisit iterasi , berarti bahwa banyak konstruksi perulangan menjadi tidak perlu, memperpendek kode secara signifikan.Izinkan beberapa tindakan dalam satu baris. . Untuk menghindari penggunaan variabel sementara yang berlebihan atau pengulangan yang sia-sia, jQuery menggunakan pola pemrograman yang disebut chaining untuk sebagian besar metodenya. Ini berarti bahwa hasil dari sebagian besar operasi pada suatu objek adalah objek itu sendiri, siap untuk tindakan selanjutnya yang akan diterapkan padanya.Tags:Desain Interaksi dan Pengembangan Web yang Lebih Baik Dengan jQuery, jQueryjQueryApa Kegunaan Jquery Di Php Accountin?By banterling/10 Mar 2022Apa Kegunaan Jquery Di Php Accountin? – Pustaka JavaScript seperti jQuery ringan, “menulis lebih sedikit, melakukan lebih banyak”, dan karenanya lebih mudah digunakan.Apa Kegunaan Jquery Di Php Accountin?benjaminsterling – Dengan menggunakan jQuery, Anda dapat dengan mudah menggunakan JavaScript di situs web Anda.Melansir lotusrb, Dibutuhkan banyak tugas umum yang membutuhkan banyak baris kode JavaScript untuk diselesaikan, dan membungkusnya menjadi metode yang dapat Anda panggil dengan satu baris.Baca juga : JavaScript, JQuery, Ajax: Apakah Sama Atau Berbeda?Apa Kegunaan Jquery?JavaScript adalah kerangka kerja di balik jQuery. Pengembang web dapat menambahkan fungsionalitas tambahan ke situs web mereka menggunakan alat ini. Pustaka JavaScript yang melintasi dan memanipulasi pohon DOM HTML paling sering digunakan oleh pustaka ini. Selain itu, menyederhanakan penanganan acara, animasi CSS, dan Ajax.Apa Kelebihan Jquery?Kerangka kerja Javascript dengan bobot yang lebih berat cenderung lebih mahal.Ada berbagai plugin yang tersedia untuk tujuan yang berbeda.Desainer dapat dengan mudah mempelajari jQuery karena menggunakan sintaks CSS yang sudah dikenal.Apa Perbedaan Antara Javascript dan Jquery?JavaScript adalah bahasa independen yang dapat digunakan secara independen. Pustaka JavaScript seperti JQuery tersedia. JavaScript tidak akan diperlukan untuk membuatnya jika bukan karena itu. Mesin JavaScript bawaan browser harus dikonversi ke JavaScript untuk menafsirkan dan menjalankan jQuery.Apakah Jquery Masih Berguna Di Tahun 2021?Meskipun jQuery masih digunakan, namun tidak banyak digunakan. Salah satu kegunaannya yang paling menonjol adalah dalam aplikasi e-niaga perusahaan dan halaman arahan sederhana. Selain itu, jQuery masih berguna untuk hal-hal tertentu, seperti prototipe cepat dan bahkan animasi jika Anda tidak tahu cara menggunakan CSS. Ini mungkin sudah ketinggalan zaman, tetapi jQuery masih hidup dan sehat.Untuk Apa Jquery Digunakan?Pustaka JavaScript jQuery dirancang untuk menyederhanakan traversal dan manipulasi pohon DOM HTML, serta penanganan acara, animasi CSS, dan Ajax. Menggunakan Lisensi MIT, ini gratis dan sumber terbuka. 73% dari 10 juta situs web paling populer menggunakan jQuery pada Mei 2019.Siapa yang Masih Menggunakan Jquery?Ada banyak situs web yang menggunakannya. 77% yang mengejutkan dari 1 juta situs web teratas menggunakan JQuery, menurut BuiltWith. Oleh karena itu, penting untuk mengetahui perpustakaan jika Anda pernah menemukan situs web semacam itu. Popularitas jQuery bukan satu-satunya alasan mengapa itu adalah perpustakaan yang indah.Bisakah Anda Menggunakan Jquery Di Php?Anda akan belajar cara menggunakan Ajax dan jQuery di PHP dalam artikel ini. Data ditransfer antara browser dan server menggunakan AJAX. Ajax dapat digunakan dalam metode berikut. BeforeSend: Saat kami mengirim permintaan ke server, fungsi beforeSend akan dijalankan sebelum itu.Apa Kegunaan Javascript Di Php?Pembuatan skrip di sisi klien dilakukan dalam JavaScript, sedangkan di sisi server dilakukan di PHP. Dalam JavaScript, detail klien diperiksa dan diverifikasi, sedangkan di PHP, informasi database diakses melalui sisi server. String HTML digunakan dalam kode PHP sebagai string.Apakah Jquery Masih Berguna Di 2020?Perpustakaan secara bertahap kehilangan tempat, tetapi masih relevan, bahkan jika kehilangan tempat. Ada banyak situs web yang menggunakannya. 77% yang mengejutkan dari 1 juta situs web teratas menggunakan JQuery, menurut BuiltWith. Oleh karena itu, penting untuk mengetahui perpustakaan jika Anda pernah menemukan situs web semacam itu.Mengapa Jquery Digunakan Sebagai Pengganti Javascript?Pengembangan JavaScript menjadi lebih mudah dengan diperkenalkannya jQuery. Akibatnya, waktu pengembangan akan berkurang. Dengan jQuery, Anda dapat dengan mudah menelusuri dokumen HTML, menangani acara, dan berinteraksi dengan Ajax. Dibandingkan dengan JavaScript dan pustaka JavaScript lainnya, jQuery lebih mudah digunakan.Apakah Jquery Lebih Baik Dari Javascript?JavaScript diproses langsung oleh browser, sehingga dapat lebih cepat untuk pemilihan/manipulasi DOM daripada JQuery, yang memiliki overhead yang lebih besar daripada JavaScript. Browser modern dan komputer modern juga membuat JQuery lebih cepat. Untuk menjalankan JQuery di browser, JavaScript harus dikonversi.Apa Kelebihan Dan Kekurangan Jquery?JQuery jauh lebih mudah digunakan daripada javascript standar atau perpustakaan javascript lainnya. Ini juga jauh lebih intuitif untuk digunakan daripada javascript standar.Memiliki banyak koleksi buku.Komunitas opensource yang kuat.Saya menemukan dokumentasi dan tutorial sangat berguna…Dukungan untuk Ajax tersedia.Apa Itu Jquery Library Dan Kelebihannya?Dibandingkan dengan kerangka kerja javascript lainnya, jQuery memiliki tiga keunggulan berikut: ringan, mudah digunakan, dan mudah dirawat. Ada berbagai plugin yang tersedia untuk tujuan yang berbeda. Karena menggunakan sintaks CSS yang sudah dikenal, lebih mudah bagi desainer untuk mempelajari jQuery. Javascript untuk desainer disebut jQuery.Apa Keuntungan Menggunakan Jquery Dibandingkan Javascript Biasa Di Situs Web Anda?Anda dapat menggunakannya untuk menambahkan animasi dan bahkan menangani situs web Anda. Ini menyederhanakan penjelajahan dokumen HTML, penanganan acara, animasi, dan interaksi Ajax untuk pengembangan web yang cepat. Dibandingkan dengan JavaScript dan pustaka JavaScript lainnya, jQuery lebih mudah digunakan.Apa Manfaat Menggunakan Jquery Pustaka Javascript?Peningkatan JavaScript tanpa perlu mempelajari sintaks baru.Kode sederhana, jelas, dapat dibaca, dan dapat digunakan kembali yang dapat digunakan kembali.Persyaratan penulisan loop berulang dan kompleks serta panggilan pustaka skrip DOM dihilangkan.Apa Perbedaan Utama Antara Javascript dan Jquery?Bahasa scripting pada dasarnya berbeda satu sama lain, karena yang satu adalah bahasa scripting dan yang lainnya tidak. JQuery memiliki cakupan terbatas, sementara JavaScript menawarkan kemungkinan tak terbatas untuk membuat halaman web interaktif dan dinamis. Pengembang web telah menggunakan JavaScript sejak awal.Apa Kegunaan Jquery Dan Javascript?Pengembangan JavaScript menjadi lebih mudah dengan diperkenalkannya jQuery. Anda dapat menggunakannya untuk menambahkan animasi dan bahkan menangani situs web Anda. Ini menyederhanakan penjelajahan dokumen HTML, penanganan acara, animasi, dan interaksi Ajax untuk pengembangan web yang cepat.Manakah Javascript atau Jquery yang Lebih Cepat?Kecepatan sebagian besar fungsi Javascript akan lebih cepat daripada jQuery. Karena jQuery memiliki overhead dalam membuat objek jQuery, jQuery lebih fleksibel, memungkinkan untuk chaining, dan mendukung koleksi.Tags:Apa Kegunaan Jquery Di Php Accountin?Informasi jQueryJavaScript, JQuery, Ajax: Apakah Sama Atau Berbeda?By banterling/4 Mar 2022JavaScript, JQuery, Ajax: Apakah Sama Atau Berbeda? – Terkadang Anda mendengar istilah familiar seperti JavaScript, JQuery, Ajax . Mereka terlihat mirip dalam beberapa hal. Namun demikian, ada beberapa perbedaan mendasar antara ketiga terminologi ini.JavaScript, JQuery, Ajax: Apakah Sama Atau Berbeda?benjaminsterling – Bagaimanapun, pemilik dan pengembang toko Magento harus membedakannya dengan jelas sehingga Anda dapat memanfaatkan setiap teknik dengan tepat dan efisien.Jadi, apa itu?Untuk menjawab pertanyaan ini, dalam posting ini, saya akan menunjukkan kepada Anda beberapa wawasan tentang JS, JQuery, atau Ajax, hubungan mereka, dan fitur mendasar yang membedakannya.Selain itu, Anda dapat merujuk ke daftar solusi terbaik yang terintegrasi dengan komponen ini untuk menyempurnakan toko Magento 2 Anda.Baca juga : Fungsi Penting JQueryApa Itu JavaScript, JQuery, Dan Ajax?JavaScript (JS)Melansir bsscommerce, JavaScript adalah bahasa skrip berbasis model multi-paradigma yang dinamis yang mendukung gaya pemrograman imperatif, berorientasi objek, dan fungsional. JS menyelesaikan tugas di sisi klien di situs web.Dengan kata lain, ini adalah bahasa pemrograman sisi klien. JS memiliki struktur yang mirip dengan C. Dibandingkan dengan PHP, JS berbeda dalam bahasa tetapi sama dalam urutan operasi.JS terletak di lapisan ketiga dari kue standar teknologi web, di mana dua lainnya adalah HTML dan CSS.Tiga lapisan teknologi ditumpuk dengan tepat.Mari kita pertimbangkan paragraf teks sederhana.Kita dapat menyorot paragraf dengan HTML.Kemudian, tambahkan beberapa teks CSS untuk membantu meningkatkan estetika.Dan akhirnya, kita dapat menerapkan JavaScript ke paragraf untuk meningkatkan interaktivitas.Perbedaan Antara JS Dan Bahasa Pemrograman LainnyaStatistik 2020 oleh Stack Overflow menunjukkan bahwa JavaScript telah berhasil menjadi bahasa pemrograman yang paling umum digunakan selama delapan tahun berturut-turut.Tetapi bagaimana JS dapat mempertahankan keunggulannya?Karena fitur JavaScript sangat futuristik dibandingkan dengan bahasa populer lainnya, JavaScript dibuat dengan banyak pemikiran ke depan.JavaScriptJavaScript (JS) membantu mendorong interaktivitas di situs web. Script ini berjalan di browser pengguna bukan di server serta sering menggunakan library pihak ke-3, sehingga dapat meningkatkan fungsionalitas website tanpa harus membuat kode dari awal.HTMLKependekan dari “Hypertext Markup Language,” HTML adalah salah satu bahasa pemrograman paling umum di web dan membangun blok utama situs web. Contoh tag HTML adalah untuk paragraf dan untuk gambar.PHPPHP adalah bahasa sisi server, berbeda dari JavaScript yang berjalan di klien. Anda dapat dengan mudah menemukannya di sistem manajemen konten berbasis PHP seperti Magento. Namun, ini juga sering digunakan dengan pemrograman back-end dan dapat membuat saluran informasi yang paling efektif ke dan dari database.CSSCSS adalah singkatan dari “Cascading Style Sheets,” yang membantu webmaster menentukan gaya dan jenis konten. Anda dapat melakukannya secara manual dengan setiap elemen dalam HTML.Mengingat bahasa pemrograman seperti konstruksi rumah, HTML akan memformat arsitektur rumah, CSS akan menjadi karpet dan dinding untuk menghias rumah. JavaScript menambahkan elemen interaktif di rumah, seperti membuka pintu dan pencahayaan.Sebenarnya, Anda masih bisa membuat situs web tanpa JavaScript, tetapi risikonya adalah situs web Anda terlihat seperti tahun 1995-an.Kelebihan JavaScriptAda banyak alasan mengapa JS menonjol dari para pesaingnya. Berikut adalah beberapa manfaat JavaScript yang dapat Anda identifikasi dengan jelas saat menggunakan:JS tidak memerlukan kompiler karena browser web dapat mengkompilasi JS dengan HTML;Lebih mudah dipelajari daripada bahasa pemrograman lain;Kesalahan lebih mudah dikenali dan karenanya lebih mudah diperbaiki;Itu dapat dilampirkan ke elemen web atau acara tertentu dengan klik mouse;JS bekerja di banyak browser dan platform;Anda dapat menggunakan JavaScript untuk memeriksa input dan meminimalkan pemeriksaan manual saat mengakses database;Situs web berinteraksi lebih baik dengan pengunjung;Lebih cepat dan lebih ringan dari bahasa pemrograman lainnya.Kekurangan JavaScriptNamun, tidak ada yang 100% sempurna. Setiap bahasa pemrograman memiliki kekurangannya masing-masing. Sebagian karena ketika bahasa tumbuh ke tingkat seperti JavaScript, itu akan menarik banyak peretas, penipu, dan orang jahat yang selalu mengintai kerentanan dan kelemahan keamanan untuk memanfaatkannya.Beberapa kekurangan yang dapat disebutkan adalah:Rentan terhadap eksploitasi;Dapat digunakan untuk mengeksekusi kode berbahaya di komputer pengguna;Terkadang tidak didukung di semua browser;Cuplikan kode besar;Dapat diimplementasikan secara berbeda tergantung pada perangkat, menghasilkan heterogenitas.JQuerySama seperti perangkat lunak sumber terbuka, jQuery bertindak sebagai pustaka JS yang menyederhanakan skrip sisi klien HTML. jQuery mensintesis semua masalah di JS ke dalam perpustakaan.Banyak tugas yang perlu ditulis dalam banyak baris kode JavaScript dapat dipanggil dengan satu baris kode jQuery. Itu karena jQuery membungkus tugas-tugas umum itu ke dalam metode.jQuery juga menyederhanakan hal-hal rumit dari JavaScript, seperti manipulasi DOM dan panggilan AJAX.Pustaka jQuery berisi: Manipulasi HTML/DOM Manipulasi CSS Metode event HTML Efek dan animasi Utilitas AJAX.jQuery bukan bahasa pemrograman yang terpisah. Ini bekerja bersama dengan JavaScript. Dengan jQuery, Anda dapat melakukan lebih banyak dengan sedikit usaha. jQuery menyediakan API yang memudahkan untuk menelusuri dokumen HTML, animasi, penanganan acara, dan memanipulasi AJAX.Jika Anda masih belum bisa membedakan JavaScript dan jQuery dengan jelas, maka contoh sederhana di bawah ini akan memudahkan Anda untuk memvisualisasikannya.Kelebihan JQueryBeberapa fitur penting membuat jQuery sangat mudah diakses dan berguna.Ringkas: jQuery adalah pustaka yang cukup ringan – sekitar 19KB (gzip).Kompatibel dengan lintas platform: Secara otomatis memperbaiki kesalahan dan berjalan di semua browser populer seperti Chrome, Firefox, Safari, MS Edge, IE, Android, dan iOS.Ajax yang mudah dibuat: Berkat perpustakaan jQuery, kode oleh Ajax dapat dengan mudah berinteraksi dengan server dan memperbarui konten secara otomatis tanpa harus memuat ulang halaman.Pemrosesan operasi DOM yang cepat: jQuery memudahkan untuk memilih elemen DOM untuk melintasi dan mengedit kontennya menggunakan Pemilih sumber terbuka, yang juga dikenal sebagai Sizzle.Sederhanakan pembuatan efek: Seperti cuplikan kode dengan efek animasi, ini melapisi baris kode, dan Anda hanya perlu menambahkan variabel/konten.Dukungan luar biasa untuk metode acara HTML: jQuery menangani beragam acara tanpa mengacaukan kode HTML dengan Penangan Acara.Kekurangan JQueryTerlepas dari semua kelebihan itu, Anda juga harus memperhatikan beberapa kelemahan, seperti:Memperlambat klien: Klien harus menangani banyak fungsi yang dibuat dari jQuery. Penggunaan jQuery yang berlebihan akan membuat klien lebih lambat, terutama untuk yang lemah. Oleh karena itu, pengembang harus menggunakan cache tambahan;Beberapa fungsi mungkin hilang: JQuery memiliki banyak fungsi, tergantung pada persyaratan situs Anda. Tetapi banyak fungsi yang belum dikembangkan, jadi Anda mungkin masih perlu menggunakan JS murni untuk membangun fitur yang hilang.AjaxItu singkatan dari Asynchronous JavaScript XML, yang merupakan teknik untuk membuat halaman web dinamis cepat. Anda dapat menganggap Ajax sebagai bagian dari JS, berjalan di JS.Selain itu, ini dapat dilihat sebagai cara untuk mengganti data menggunakan server dan memperbarui bagian halaman web tanpa memuat ulang seluruh halaman.AJAX mengizinkan konten halaman web untuk segera diperbarui ketika pengguna bertindak tanpa memuat ulang halaman. Saat tindakan dilakukan di belakang layar, pengguna tidak akan mengenali proses pertukaran data di halaman web.Ini menggabungkan beberapa alat pemrograman seperti JavaScript dinamis HTML (DHTML), cascading style sheets (CSS), Extensible Markup Language (XML), Server Side Scripting PHP, Document Object Model (DOM) dan objek Microsoft.Terus terang, Ajax sendiri bukanlah sebuah teknologi tunggal melainkan sebuah istilah yang menggambarkan penggunaan kombinasi dari beberapa teknologi.Kelebihan AjaxRancang web yang lebih beragam dan tingkatkan interaksi antara situs web dan pengguna;Memanfaatkan teknologi yang ada, sehingga mudah dipelajari dan digunakan;Popularitasnya telah mendorong pengembangan cetakan yang akan membantu pemrogram menghindari jejak pra-runtuh;Didukung di browser populer saat ini.Kontra Dari AjaxJangan izinkan untuk di-bookmark di favorit browser Anda karena semua proses terjadi di latar belakang dan tidak terlihat di alamat;Untuk beberapa browser, karena kebutuhan keamanan, fungsi JavaScript akan dimatikan, sehingga Ajax tidak dapat berjalan. Atau beberapa host tidak mendukung jauh ke dalam konfigurasi server, sehingga mendapatkan kesalahan “Access ditolak”.Namun demikian, manfaat yang dibawa Ajax ke platform teknologi digital lebih besar daripada kelemahannya. Oleh karena itu, Ajax masih disukai oleh para developer Magento pada khususnya dan para programmer platform lainnya pada umumnya.Tags:Ajax: Apakah Sama Atau Berbeda?, JavaScript, jQueryInformasi javaScript jQuery PemrogramanjQuery vs JavaScript: Ketahui Perbedaan dan PersamaannyaBy banterling/25 Feb 2022jQuery vs JavaScript: Ketahui Perbedaan dan Persamaannya – Ada begitu banyak alat yang tersedia di dunia pemrograman sehingga mudah untuk membingungkan mereka. Itu tidak membantu ketika banyak dari alat ini tampak tumpang tindih dan melakukan fungsi yang sama. Tampaknya bagian terberat dari desain web atau penulisan kode adalah memilih sumber daya yang tepat untuk digunakan.jQuery vs JavaScript: Ketahui Perbedaan dan Persamaannyabenjaminsterling – Tapi jangan takut, bantuan sedang dalam perjalanan! Artikel ini menyajikan perbedaan (dan persamaan) antara JavaScript dan jQuery dua sumber pemrograman populer. Kami akan mulai dengan menjelaskan setiap alat secara terpisah, kemudian menjelajahi jQuery vs JavaScript.Melansir simplilearn, Mari kita mulai dengan JavaScript sebelum masuk ke jQuery vs JavaScript.Baca juga : Fungsi Penting JQuery Apa itu JavaScript?JavaScript, sering disingkat JS, adalah bahasa pemrograman berbasis prototipe yang digunakan untuk meningkatkan interaktivitas di situs web. Salah satu dari tiga teknologi inti (CSS dan HTML adalah dua lainnya) yang digunakan untuk membuat halaman web, JavaScript meningkatkan fungsi antarmuka pengguna (UI) dengan mendukung elemen seperti animasi, game, flash yang menarik, pop-up, dan validasi sisi klien. Jika Anda menyukai halaman web Anda sibuk, dengan banyak animasi dan kemampuan untuk melakukan mouse over dan klik mouse, Anda menginginkan JavaScript.Setiap browser web mendukung JavaScript melalui mesin bawaan yang mengidentifikasi kode dan fungsi JavaScript. Meskipun awalnya digunakan pada browser sisi klien, JavaScript sekarang pada titik di mana ia menyediakan fitur dan fungsionalitas untuk semua jenis perangkat lunak host yang ditemukan di database sisi server dan server web.Kebetulan, bahasa dinamis ini tidak ada hubungannya dengan bahasa pemrograman Java.Berikut Contoh JavaScriptScript berikut menampilkan salam, tergantung pada jam berapa sekarang.var sekarang = Tanggal baru();jika(sekarang.getHours() < 12)document.write(‘Selamat siang!’);laindocument.write(‘Selamat Sore!’);Sayangnya, jika JavaScript telah dinonaktifkan pada browser target, itu tidak akan dirender, dan pengguna akan melihat celah di halaman. Tetapi lihat contoh jQuery untuk cara melewati rintangan itu dan untuk melihat mengapa jQuery vs JavaScript mungkin bukan pertanyaan terbaik, melainkan bagaimana keduanya bisa digunakan bersama-sama.Keuntungan JavaScriptMeskipun premis artikel ini adalah jQuery vs JavaScript, kita harus ingat bahwa perbandingan ini tidak sepenuhnya adil. Bagaimanapun, jQuery adalah perpustakaan, sedangkan JavaScript adalah bahasa. Yang terbaik adalah membandingkan JavaScript dengan bahasa pemrograman lain untuk sepenuhnya menghargai keunggulan JavaScript.Lebih mudah untuk belajarLebih ringan dan lebih cepatLebih mudah untuk menemukan dan memperbaiki kesalahanIni digunakan di lebih banyak platform dan browserItu tidak memerlukan kompiler karena browser web menggunakan HTML untuk mengkompilasi JavaScriptApa itu jQuery?Saat mencari definisi jQuery yang baik, kita hanya perlu melihat sejauh situs web aslinya. jQuery.com mendefinisikannya sebagai “… Pustaka JavaScript yang cepat, kecil, dan kaya fitur. Itu membuat hal-hal seperti traversal dan manipulasi dokumen HTML, penanganan acara, animasi, dan Ajax jauh lebih sederhana dengan API yang mudah digunakan yang bekerja di banyak browser.”Oleh karena itu, tidak seperti JavaScript, jQuery bukanlah bahasa pemrograman, melainkan perpustakaan lintas platform yang dikembangkan dari JavaScript.Keuntungan dari jQueryjQuery memiliki banyak hal untuk ditawarkan kepada pengembang web. Manfaatnya antara lain:Memungkinkan pengembang/pemrogram untuk menulis JavaScript lebih cepat dan lebih mudahBekerja dengan banyak browser, jadi kodenya kompatibel terlepas dari fitur apa pun yang ada di browserKompres tindakan JavaScript yang paling umum menjadi lebih sedikit baris kodeMembantu Anda menghindari kesalahan browser umumMenyederhanakan operasi kompleks seperti animasi, penanganan acara, dan interaksi AjaxIni adalah alat yang terbukti sukses, berkat penggunaan yang luas selama hampir 15 tahunjQuery vs JavaScript: Apa Perbedaannya?Sebelum kita masuk ke tabel jQuery vs JavaScript yang menjelaskan perbedaannya, mari kita gunakan contoh dunia nyata.Katakanlah Anda memiliki seekor kucing. Membersihkan kotak kotoran kucing adalah bagian rutin dari kepemilikan kucing. Tugasnya terdiri dari serangkaian tugas yang lebih kecil, termasuk mengeluarkan liner kotak pasir lama dengan sampah lama, memasukkannya ke tempat sampah, menempatkan liner baru di kotak pasir, membuka wadah baru kotoran kucing, menuangkan sampah ke dalam kotak, dan membuang sampah lama.Daripada meminta seseorang untuk melakukan semua langkah itu setiap kali kotak perlu dibersihkan, Anda cukup mengatakan, “Bisakah Anda membersihkan kotak kucing?” Pertanyaan sederhana itu mencakup seluruh permintaan, secara implisit mencakup semua langkah yang disebutkan di atas.Begitulah cara kerja jQuery. Seiring waktu, pengembang menyadari bahwa langkah-langkah tertentu, yang diberikan dalam baris kode, perlu dilakukan berulang kali. Daripada menghabiskan waktu dan upaya berlebihan untuk menulis semua baris itu setiap kali mereka membutuhkannya, mereka mengkodekan tindakan JavaScript yang paling umum ke dalam format yang dapat digunakan kembali. Tugas ini mengurangi kebutuhan untuk menulis kode yang panjang.Kesimpulan: jQuery vs JavaScriptSingkatnya, jika Anda mencari bahasa pemrograman terbaik untuk proyek pengembangan web Anda, Anda harus memilih JavaScript. Namun, berdasarkan itu, Anda lebih baik menggunakan jQuery jika Anda ingin membuat situs web yang lebih dinamis tetapi tidak ingin menghabiskan waktu berjam-jam untuk menulis kode yang berlebihan. Jadi, sekali lagi, jawaban dari debat jQuery vs JavaScript cukup bernuansa.Tags:jQuery, jQuery vs JavaScript: Ketahui Perbedaan dan PersamaannyaInformasiFungsi Penting JQueryBy banterling/22 Feb 2022Fungsi Penting JQuery  – JQuery adalah pustaka JavaScript kecil dan cepat yang terdapat dalam satu file .js. Ini menyediakan banyak fitur bawaan untuk membantu Anda menyelesaikan berbagai tugas dengan mudah dan cepat. JQuery adalah kerangka kerja yang dibangun menggunakan fitur JavaScript. Oleh karena itu, Anda dapat menggunakan semua fungsi dan kemungkinan lain yang tersedia di JavaScript.Fungsi Penting JQueryAnda dapat menulis jQuery menggunakan editor JavaScript apa pun sebagai berikut:NotebookStudio visualkegelapanbenjaminsterling – Pengeditan ultra Baik versi terkompresi dan tidak terkompresi dari jQuery tersedia untuk diunduh gratis dari internet. Versi terkompresi harus digunakan dalam lingkungan produksi dan versi tidak terkompresi harus digunakan dalam lingkungan pengembangan. Versi terkompresi menghapus spasi ekstra, jeda baris, variabel terpotong dan nama fungsi, dan meminimalkan perpustakaan. Oleh karena itu, versi terkompresi tidak dapat dibaca. Pustaka yang tidak terkompresi dapat dibaca, yang berguna saat debugging. Setelah versi yang sesuai diunduh, Anda dapat merujuknya dalam file yang ditandai sebagai Dihapus.jQuery dapat digunakan dalam dua caraInstalasi lokal : unduh perpustakaan jQuery di mesin lokal Anda dan sertakan di kode HTML Anda . Versi Berbasis CDN : Anda dapat menyertakan pustaka jQuery ke dalam kode HTML Anda langsung dari jaringan pengiriman konten. Google dan Microsoft menyediakan pengiriman konten untuk versi terbaru. Kapan jQuery bisa digunakan ? JQuery dapat digunakan untuk mengembangkan aplikasi berbasis Ajax . Ini dapat digunakan untuk membuat kode yang sederhana, ringkas, dan dapat digunakan kembali. Ini menyederhanakan proses traversal untuk pohon HTMLDOM. Anda juga dapat menangani acara, melakukan animasi, dan menambahkan dukungan Ajax ke aplikasi web Anda.Jika Anda membuka halaman di browser dan berhasil memuat perpustakaan jQuery, fungsi global yang disebut jQuery () akan ditambahkan. Lingkup global berarti lingkup jendela, sehingga fungsi jQuery global dapat dipanggil dari mana saja di halaman web, seperti window.jQuery() atau jQuery(). $ adalah alias fungsi jQuery, jadi Anda juga dapat menggunakan $() sebagai bentuk pendek dari jQuery().Pentingnya Penggunaan JQueryAPI JQuery dirancang dengan baik. Fungsionalitasnya sangat lengkap sehingga beberapa rilis besar terakhir dari perpustakaan hampir tidak menambahkan metode baru sama sekali. JQuery bermain sangat baik dengan kode lain. Itu tidak memperluas objek JavaScript bawaan dan hanya menambahkan satu simbol ke namespace global. Berikut adalah beberapa penggunaan utama jQuery yang dijelaskan secara rinci:1. PluginPlugin adalah bagian dari kode yang ditulis dalam file JavaScript standar. File-file ini menyediakan metode jQuery yang nyaman yang dapat Anda gunakan dalam kombinasi dengan metode library jQuery. Web memiliki segudang plugin yang memungkinkan pengembang web dengan cepat dan mudah membuat efek khusus.2 Manipulasi DOMjQuery memudahkan pemilihan, negosiasi, dan modifikasi elemen DOM menggunakan mesin pemilihan lintas-browser open source yang disebut Sizzle.3. Animasi dan Dukungan AJAXjQuery memiliki banyak efek animasi bawaan. Ini juga sangat membantu dalam mengembangkan situs web yang responsif dan kaya fitur menggunakan teknologi AJAX. Oleh karena itu, menggunakan jQuery lebih disukai oleh sebagian besar pengembang web untuk membuat halaman web mereka lebih menarik, interaktif, bersih, dan ramah pengguna.Baca Juga : Cara Meningkatkan ke Versi Terbaru jQuery4. Dukungan lintas-browserSaat ini, jQuery digunakan oleh perpustakaan JavaScript paling populer yang bekerja di semua browser. Ini juga mendukung pemilih CSS3 dan sintaksis X-Path dasar.5. Mengurangi penulisan dan meningkatkan pekerjaanJQuery melakukan banyak tugas umum yang memerlukan banyak kode JavaScript untuk dieksekusi dan membungkusnya dalam metode yang dapat dipanggil dengan satu baris kode. .. Ini berarti bahwa 5 baris jQuery sesuai dengan 25 baris kode JavaScript tradisional. Ini berarti file akan lebih kecil dan halaman web akan memuat lebih cepat.6. LearnabilityJQuery sangat mudah karena tidak memerlukan prasyarat khusus untuk belajar dan dibuat dengan kode yang lebih pendek dari JavaScript. Standar dan sintaks pengkodean sederhana dapat secara signifikan mengurangi waktu yang dibutuhkan untuk mengembangkan dan menerapkan situs web Anda. Selain itu, jQuery menyediakan banyak plugin bawaan, sehingga pengembang tidak perlu mempelajari bakat desain atau desain web.7. Search Engine OptimizationBeberapa efek jQuery mirip dengan Flash, tetapi semua konten jQuery diset sebagai teks. Ini membuat jQuery lebih kecil dari Flash dan membuat konten dapat dibaca oleh semua bot mesin pencari.8 Integrasi Mudah dengan Visual Studio IDEVisual Studio menyediakan ekstensi yang mendukung integrasi perpustakaan jQuery ke dalam proyek .Net Framework. Integrasi pustaka JQuery dengan kerangka kerja .Net mendukung Visual Studio versi 2010. Integrasi ini didukung oleh ekstensi paket NuGet Visual Studio. Integrasi ini mengaktifkan fitur IntelliSense dari Visual Studio. Dengan fungsi ini, semua metode jQuery diisi otomatis dan kesalahan ditampilkan jika sintaksnya salah.9. Elemen jQuery masih terlihat meskipun JavaScript dinonaktifkan.Beberapa browser memerlukan flash drive untuk diinstal agar dapat memutar semua konten dengan benar. Ini tidak terjadi dengan jQuery. Memanipulasi DOM HTML telah menjadi cara populer untuk mengembangkan dan memodifikasi situs web saat ini. Konten dirender meskipun JavaScript dinonaktifkan di browser Anda.10.jQuery membuat aplikasi animasi seperti FlashMenyewa pengembang Flash bukanlah tugas yang mudah karena mempelajari Flash memakan waktu lama dan memiliki pengalaman bertahun-tahun dalam membuat animasi di Flash. Dengan jQuery, yang perlu Anda lakukan untuk membuat animasi adalah pengetahuan tentang JavaScript dan HTML. Ada juga banyak plugin yang membuat tugas ini lebih mudah.KesimpulanjQuery adalah pustaka JavaScript lintas-browser terbaik yang dikompilasi untuk kenyamanan skrip HTML sisi klien. Karena jQuery dibangun di atas JavaScript, ia menyediakan semua fungsi JavaScript. Kita dapat mengatakan dari poin di atas jQuery adalah versi JavaScript yang disempurnakan. JQuery memiliki banyak efek yang mengesankan, sering digunakan oleh desainer web untuk membuat desain mereka lebih menarik dan elegan. Ini meminimalkan tugas pengembang web untuk sebagian besar, dengan menyediakan plugin instan.Salah satu kekuatan terbesar jQuery adalah ukuran komunitasnya. Lebih mudah untuk menemukan dukungan, lebih mudah untuk menemukan pengembang dan lebih mungkin untuk terus ditingkatkan ke depan.Tags:Fungsi Penting JQueryInformasi javaScript PemrogramanCara Meningkatkan ke Versi Terbaru jQueryBy banterling/17 Feb 2022Cara Meningkatkan ke Versi Terbaru jQuery – Secara historis, pustaka JavaScript HubSpot membutuhkan jQuery untuk berfungsi. jQuery adalah pustaka JavaScript yang memudahkan penulisan JavaScript yang kompatibel dengan banyak browser web.Cara Meningkatkan ke Versi Terbaru jQuerybenjaminsterling – JavaScript dan browser web modern telah membuat penulisan JavaScript menjadi lebih mudah. Sebagian besar fungsi jQuery, memiliki padanan JavaScript vanilla. Setara tersebut berjalan lebih cepat, mereka tidak memerlukan perpustakaan JavaScript besar seperti jQuery.Karena menggunakan jQuery gratis umumnya lebih baik untuk kinerja dan keamanan – disarankan untuk tidak menggunakan jQuery, atau menggunakan versi terbaru yang tersedia.Untuk situs web lama, ini tidak sesederhana itu. Menghapus jQuery dapat merusak kode lama yang ada di situs web. Jika ada banyak JavaScript di situs web, mungkin sulit untuk menghapus jQuery secara bersamaan. Dalam situasi itu, seringkali lebih mudah untuk meningkatkan ke versi terbaru dari jQuery.Memutakhirkan ke versi terbaru jQuery membuat situs web Anda lebih aman, dan berpotensi sedikit lebih cepat dalam hal waktu eksekusi skrip dan waktu pemuatan. Jika Anda menggunakan versi jQuery yang disediakan melalui UI pengaturan halaman situs web HubSpot, kami sarankan untuk memutakhirkan jQuery atau memperbarui situs Anda agar tidak lagi membutuhkan jQuery.Baca Juga : Mengapa JavaScript Disebut Bahasa Pemrograman Masa DepanPanduan ini akan memandu Anda melalui langkah-langkah untuk meningkatkan ke versi jQuery yang lebih baru. Anda akan membuka alat pengembang di browser web Anda1. Identifikasi di mana jQuery sedang digunakanSebelum kita beralih versi, penting untuk mengetahui area situs yang saat ini menggunakan jQuery. Setelah kami mengetahuinya, kami tahu fungsionalitas apa yang harus diuji untuk memastikan versi baru berfungsi.Anda menambahkan parameter kueri. Yang khusus ini memberi tahu HubSpot untuk menonaktifkan jQuery saat memuat halaman. Ini hanya memengaruhi apa yang Anda lihat dan tidak merusak situs untuk pengunjung lain.Sekarang klik kanan di mana saja pada halaman dan pilih inspect . Kata-kata yang tepat mungkin sedikit berbeda tergantung pada browser web yang Anda gunakan. Ini adalah alat pengembang untuk browser web Anda.Anda akan melihat tab di panel yang terbuka, yang bertuliskan konsol. Buka tab itu.Pada halaman yang membutuhkan jQuery Anda akan melihat pesan kesalahan iniUncaught ReferenceError $ is not definedKesalahan itu juga harus menyatakan nama file yang menghasilkan kesalahan itu.Salin dan tempel atau masukkan nama file itu di suatu tempat yang dapat Anda rujuk nanti. Anda tidak perlu khawatir tentang ejaan yang tepat. Mengambil tangkapan layar yang dapat Anda rujuk nanti adalah alternatif. Ulangi ini untuk semua contoh kesalahan yang Anda lihat.Perhatikan halaman tempat Anda melihat kesalahan tersebut.Sekarang kita akan melakukan hal yang sama untuk beberapa halaman lain di situs Anda. Halaman terbaik untuk melakukan ini adalah halaman dengan interaktivitas paling banyak. Hal-hal seperti formulir, menu tarik-turun, tombol yang melakukan sesuatu selain membawa Anda ke halaman baru. Jika Anda tidak melihat kesalahan ini di halaman, berita bagus, itu tidak menggunakan jQuery.Setelah Anda mencatat nama file tersebut di suatu tempat, mari kita beralih ke pengujian utama.2. Tambahkan versi baru jQuery dalam mode pengujianPada langkah ini kita akan menambahkan kode untuk menguji apakah migrasi ke versi terbaru jQuery akan merusak apa pun untuk situs Anda.Kami akan membuka pengaturan situs web HubSpot. Salin dan tempel potongan kode, dan nonaktifkan jQuery.Di tab baru, buka HubSpot, navigasikan ke Pengaturan (ikon roda gigi). Kemudian Situs Web Halaman .Gulir ke bawah hingga Anda melihat jQuery.Pertama periksa apakah kotak centang Sertakan jQuery diaktifkan.Jika tidak, dan Anda tahu jQuery digunakan, kemungkinan itu ditambahkan oleh pengembang. Dalam hal itu, lihat Pemecahan masalah lanjutan . Namun jika diaktifkan, lanjutkan.Periksa nomor versi jQuery yang saat ini dipilih.Salin kode di bawah ini dan tempelkan ke HTML footer Anda, jangan simpan dulu.Periksa nomor versi jQuery yang saat ini dipilih.Jika Anda memiliki versi 1.7 lewati ke langkah berikutnya. Jika Anda memiliki versi 1.1 Di mana Anda melihat {% set oldjQueryVersion = 1.7 %}ubah angka 1.7 menjadi 1.11. Ini memastikan versi jQuery yang benar akan dimuat di situs Anda selama pengujian.Sekarang periksa apakah kotak centang untuk Muat perpustakaan jQuery yang disertakan HubSpot dari footer Anda diaktifkan.Jika dinonaktifkan, di mana Anda melihat {% set oldjQueryLocation = footer %}, ubah teks footer menjadi head .Temukan kotak centang jQuery dan nonaktifkan.Simpan pengaturan.3. Uji area situs Anda yang Anda tahu menggunakan jQuery untuk masalahDi tab dengan situs web Anda, klik ke bilah alamat lagi, tambahkan latest_jquery=trueke akhir URL, tekan enter.Anda melihat seperti apa tampilan dan fungsi halaman dengan jQuery versi terbaru.Jika Anda menutup alat pengembang sebelumnya, buka kembali dengan mengklik kanan dan memeriksa di mana saja di halaman.Lihat di konsol untuk Uncaught ReferenceError $ is not definedkesalahan itu. Jika Anda tidak melihatnya, selamat Anda telah mengikuti langkah 2 dengan benar. Jika Anda melihat kesalahan atau peringatan yang tidak ada sebelumnya, lihat Pemecahan masalah lanjutan .Sekarang tinjau daftar halaman dan file yang Anda log sebelumnya. Buka halaman yang memiliki kesalahan tersebut dan tambahkan parameter kueri latest_jquery=trueke URL dan tekan enter.Jika semuanya berjalan lancar, Anda seharusnya tidak melihat kesalahan baru dan Anda tidak akan melihat Uncaught ReferenceError $ is not definedkesalahan apa pun.Klik di sekitar halaman pada apa pun yang dimaksudkan untuk menjadi interaktif pada halaman, dropdown, formulir, bidang pencarian, dll. Jika semuanya berfungsi seperti yang diharapkan, Anda seharusnya dapat melakukan transisi dengan aman.Peluang kinerja opsionalMemuat jQuery dari footer lebih baik untuk kinerja daripada memuat di file head. Jika sebelumnya Anda perlu menyetel oldjQueryLocationke head, Anda dapat meningkatkan waktu pemuatan halaman dengan memperbarui kode. Jika Anda tidak perlu melakukannya, lewati ke langkah 4, Anda sudah memuat dari footer.Kembali ke pengaturan situs Anda di mana kode Anda berada. Tepat di bawah ada dua require_jsfungsi. Hapus ,oldjQueryLocationdari dua fungsi tersebut. Jangan menghapusnya dari require_jsfungsi dalam elsepernyataan — kode itu sedang digunakan di situs Anda saat Anda menguji.Sekarang ulangi pengujian yang sama yang Anda lakukan dengan latest_jquery=trueparameter. Sekali lagi periksa semua halaman yang sama, cariUncaught ReferenceError $ is not defined.Apa yang Anda uji kali ini adalah apakah memindahkan skrip ini ke footer Anda akan merusak skrip apa pun di situs Anda.Jika Anda menguji semua halaman dengan parameter kueri dan tidak menemukan kesalahan itu, selamat, Anda akan dapat memuat jQuery di footer. Lanjutkan ke langkah berikutnya.Jika Anda memang menemukan kesalahan itu, Anda memiliki dua opsi.Lanjutkan memuat jQuery dari kepala, ini akan menghasilkan kinerja halaman web yang lebih lambat tetapi Anda akan selesai memutakhirkan ke jQuery terbaru.Buka modul dan templat di situs Anda untuk mengidentifikasi di mana ada JavaScript yang tidak menunggu jQuery untuk dimuat sebelum dijalankan. Perbaiki masalah itu. Jika Anda bukan pengembang, Anda pasti ingin mencari pengembang untuk membantu.4. Tayangkan dengan versi jQuery yang diperbaruiSekarang setelah Anda tahu bahwa peningkatan akan berjalan lancar, kembali ke tab pengaturan halaman situs web Anda.Hapus kode yang Anda tambahkan sebelumnya ke HTML footer Anda dan ganti dengan kode di bawah ini. Jangan simpan dulu.Kode ini akan menempatkan kode tersebut di footer situs Anda. Jika kode jQuery lama Anda ada di footer, atau Anda berhasil dalam langkah peluang kinerja opsional di atas , Anda siap untuk menyimpan pengaturan.Jika Anda tidak berhasil memindahkan jQuery ke footer di langkah peluang kinerja opsional, ubah newLocation = footerkenewLocation = headAnda sekarang siap untuk menyimpan pengaturan.Selamat Anda telah berhasil mengupgrade ke jQuery versi terbaru.Pemecahan masalah tingkat lanjutJika Anda bukan seorang pengembang, dan Anda telah mengikuti langkah-langkah lain dan memiliki masalah, Anda disarankan untuk mencari pengembang untuk membantu. Jika Anda tidak memiliki pengembang masuk, sebaiknya hubungi salah satu Mitra Solusi kami .Untuk pengembang, kami sarankan untuk meninjau panduan peningkatan jQuery resmi . Anda mungkin perlu memperbarui JavaScript lama agar tidak lagi menggunakan fungsionalitas yang tidak digunakan lagi. Gunakan plugin migrasi dalam mode pengembangan untuk mengidentifikasi masalah dan memperbaikinya satu per satu.Tags:Cara Meningkatkan ke Versi Terbaru jQueryCSS HTML Java javaScript PemrogramanMengapa JavaScript Disebut Bahasa Pemrograman Masa DepanBy banterling/11 Feb 2022Mengapa JavaScript Disebut Bahasa Pemrograman Masa Depan – JavaScript adalah bahasa pemrograman pertama yang saya ambil. Yah, saya sebenarnya mulai dengan HTML dan CSS. Sama seperti banyak pengembang web lainnya, menggunakan JavaScript adalah hal yang mudah. Ini hanya karena ia menyatu dengan sangat baik dengan HTML dan CSS, dan sebenarnya meningkatkan keterampilan HTML/CSS Anda juga.Mengapa JavaScript Disebut Bahasa Pemrograman Masa Depanbenjaminsterling – Saya telah mengembangkan aplikasi dan game dalam berbagai bahasa pemrograman lain termasuk Java, Swift, C++, Dart. Tetapi fleksibilitas yang disediakan JavaScript tidak ada bandingannya – meskipun itu dapat dianggap buruk bagi pemula karena memberikan lebih banyak opsi daripada yang diperlukan untuk melakukan tugas sederhana.Saat ini, JavaScript adalah salah satu bahasa yang paling kuat di planet ini karena kinerja dan kemahahadirannya.Secara pribadi, saya merasa JavaScript memiliki potensi untuk memasuki begitu banyak industri populer seperti Pembelajaran Mesin dan Analisis Data, di mana Python masih menguasai permainan. Ini bahkan terjadi sekarang dengan alat seperti Tensorflow.Namun ini jelas tidak berlaku untuk JavaScript sebelumnya. Sebelumnya, itu adalah bahasa yang lemah, non-performer dan disukai. JavaScript adalah untuk “pecundang”. Tapi tidak lagi. Mari kita lihat bagaimana JavaScript membalikkan keadaan dalam 10 tahun terakhir, mengapa ia menjadi lebih kuat dari sebelumnya, dan mengapa ia tetap ada.V8 sebenarnya adalah mesin JavaScript. Apa itu mesin JavaScript, Anda mungkin bertanya? Mesin JavaScript adalah juru bahasa yang mengeksekusi kode JavaScript. javascript bisa digunakan untuk kompiler dan penerjemah sederhana (JIT) yang membuat kompilasi javascript dalam banyak bentuk ke dalam bytecode. V8 adalah mesin JavaScript dan WebAssembly JIT open source Google, yang ditulis dalam C++. Ini digunakan di Chrome dan di Node.js, antara lain. V8 dapat berjalan secara mandiri, atau dapat disematkan ke dalam aplikasi C++ apa pun.Ini adalah bagian dari perangkat lunak yang sangat mengoptimalkan kode JS Anda dan mengubahnya menjadi kode mesin untuk dieksekusi oleh CPU. Beberapa tugas yang ditangani V8 adalah:Pengumpulan SampahKompilasi ke kode MesinCache sebarisKompresi penunjukdan masih banyak lagi optimasiFaktanya, kompresi pointer adalah teknik yang sangat baru di V8 untuk meningkatkan optimasi memori tanpa mempengaruhi kinerja. Jika Anda seorang geek, Anda dapat membaca lebih lanjut tentang bagaimana penerapannya di blog resmi V8. Kesimpulan dari ini adalah Anda dapat menulis JavaScript dan tidur nyenyak di malam hari karena kode JS Anda ada di tangan yang sangat baik.Baca Juga : Kerangka JavaScript Paling PopulerEkosistem dan komunitas yang matangJavaScript memiliki salah satu ekosistem yang paling matang jika bukan yang paling matang yang bisa dimiliki oleh bahasa pemrograman. Komunitas untuk JavaScript sangat luas, dan hambatan masuknya sangat rendah. Anda dapat menjalankan browser (ditemukan di 100% komputer pribadi), membuka konsol, dan Anda akan menemukan mesin JS menunggu Anda untuk menjalankan kode! Ini tidak pernah terjadi dengan bahasa pemrograman lain dengan kompleksitas seperti itu.Seolah-olah komunitas yang luas tidak cukup, kami memiliki sistem npmdan yarnpaket. Sebut saja dan ada paket untuk itu di npmregistri mulai dari membuat string acak hingga menangani aliran dan buffer dalam JavaScript. Ada pepatah yang sangat terkenal di kalangan pengembang JavaScript:Ini lucu, tapi rendah, saya percaya iniJika Anda masuk sebagai pemula, sangat kecil kemungkinan Anda menghadapi masalah yang belum pernah dialami siapa pun sebelumnya. Ini karena semua kemungkinan kesalahan untuk masalah JavaScript sederhana mungkin telah ditanyakan dan diarsipkan di situs seperti Stack Overflow.Kerangka kerja dan pustaka seperti React, Angular, dan Vue membuka jalan bagi bagaimana aplikasi masa depan harus dibangun. Mereka menggeser perspektif ke arah deklaratif alih-alih pemrograman imperatif, apa alih-alih bagaimana. Ini memungkinkan pengembang mengembangkan aplikasi berkualitas tanpa mengkhawatirkan kode berkinerja tinggi yang mendasarinya.JavaScript adalah bahasa skrip lintas platform, berorientasi objek yang digunakan untuk membuat halaman web menjadi interaktif (misalnya, memiliki animasi yang kompleks, tombol yang dapat diklik, menu popup, dll.). Ada juga versi sisi server JavaScript yang lebih canggih seperti Node. js, yang memungkinkan Anda menambahkan lebih banyak fungsionalitas ke situs web daripada mengunduh file (seperti kolaborasi waktu nyata antara banyak komputer).Di dalam lingkungan host (misalnya, browser web), JavaScript dapat dihubungkan ke objek lingkungannya untuk memberikan kontrol terprogram atas objek tersebut.JavaScript berisi pustaka objek standar, seperti Array, Tanggal, dan Matematika, dan kumpulan inti elemen bahasa seperti operator, struktur kontrol, dan pernyataan. Inti JavaScript dapat diperluas untuk berbagai tujuan dengan melengkapinya dengan objek tambahan; Misalnya:JavaScript sisi klien memperluas bahasa inti dengan menyediakan objek untuk mengontrol browser dan Model Objek Dokumen (DOM). Misalnya, ekstensi sisi klien memungkinkan aplikasi untuk menempatkan elemen pada formulir HTML dan merespons aktivitas pengguna seperti klik mouse, input formulir, dan navigasi halaman.JavaScript sisi server memperluas bahasa inti dengan menyediakan objek yang relevan untuk menjalankan JavaScript di server. Misalnya, ekstensi sisi server memungkinkan aplikasi untuk berkomunikasi dengan database, memberikan kontinuitas informasi dari satu permintaan ke aplikasi lain, atau melakukan manipulasi file di server.Ini berarti bahwa di browser, JavaScript dapat mengubah tampilan halaman web (DOM). Dan, juga, JavaScript Node.js di server dapat menanggapi permintaan khusus dari kode yang ditulis di browser.JavaScript dan JavaJavaScript dan Java serupa dalam beberapa hal tetapi secara fundamental berbeda dalam beberapa hal lainnya. Bahasa JavaScript menyerupai Java tetapi tidak memiliki pengetikan statis Java dan pengecekan tipe yang kuat. JavaScript mengikuti sebagian besar sintaks ekspresi Java, konvensi penamaan, dan konstruksi aliran kontrol dasar yang merupakan alasan mengapa namanya diubah dari LiveScript menjadi JavaScript.Berbeda dengan sistem kelas waktu kompilasi Java yang dibangun oleh deklarasi, JavaScript mendukung sistem runtime berdasarkan sejumlah kecil tipe data yang mewakili nilai numerik, Boolean, dan string. JavaScript memiliki model objek berbasis prototipe, bukan model objek berbasis kelas yang lebih umum.Model berbasis prototipe menyediakan pewarisan dinamis yaitu, apa yang diwarisi dapat bervariasi untuk masing-masing objek. JavaScript juga mendukung fungsi tanpa persyaratan deklaratif khusus. Fungsi dapat berupa properti objek, dieksekusi sebagai metode yang diketik secara longgar.JavaScript adalah bahasa bentuk yang sangat bebas dibandingkan dengan Java. Anda tidak harus mendeklarasikan semua variabel, kelas, dan metode. Anda tidak perlu khawatir dengan apakah metode bersifat publik, pribadi, atau dilindungi, dan Anda tidak perlu mengimplementasikan antarmuka. Variabel, parameter, dan tipe pengembalian fungsi tidak diketik secara eksplisit.Java adalah bahasa pemrograman berbasis kelas yang dirancang untuk eksekusi cepat dan keamanan tipe. Keamanan tipe berarti, misalnya, Anda tidak dapat memasukkan integer Java ke referensi objek atau mengakses memori pribadi dengan merusak bytecode Java. Model berbasis kelas Java berarti bahwa program hanya terdiri dari kelas dan metodenya. Warisan kelas Java dan pengetikan yang kuat umumnya membutuhkan hierarki objek yang digabungkan dengan erat. Persyaratan ini membuat pemrograman Java lebih kompleks daripada pemrograman JavaScript.JavaScript dan spesifikasi ECMAScriptJavaScript distandarisasi di Ecma International asosiasi Eropa untuk standarisasi sistem informasi dan komunikasi (ECMA sebelumnya merupakan singkatan dari European Computer Manufacturers Association) untuk menghadirkan bahasa pemrograman internasional yang terstandarisasi berdasarkan JavaScript.Versi JavaScript standar ini, yang disebut ECMAScript, berperilaku dengan cara yang sama di semua aplikasi yang mendukung standar. Perusahaan dapat menggunakan bahasa standar terbuka untuk mengembangkan implementasi JavaScript mereka. Standar ECMAScript didokumentasikan dalam spesifikasi ECMA-262.Standar ECMA-262 juga disetujui oleh ISO (Organisasi Internasional untuk Standardisasi) sebagai ISO-16262. Anda juga dapat menemukan spesifikasinya di situs web Ecma International. Spesifikasi ECMAScript tidak menjelaskan Document Object Model (DOM), yang distandarisasi oleh World Wide Web Consortium (W3C) dan/atau WHATWG (Web Hypertext Application Technology Working Group).DOM mendefinisikan cara objek dokumen HTML diekspos ke skrip Anda. Untuk mendapatkan ide yang lebih baik tentang berbagai teknologi yang digunakan saat memprogram dengan JavaScript, lihat artikel ikhtisar teknologi JavaScript.Dokumentasi JavaScript versus spesifikasi ECMAScriptSpesifikasi ECMAScript adalah seperangkat persyaratan untuk mengimplementasikan ECMAScript. Ini berguna jika Anda ingin menerapkan fitur bahasa yang sesuai standar dalam implementasi atau mesin ECMAScript Anda (seperti SpiderMonkey di Firefox, atau V8 di Chrome).Dokumen ECMAScript tidak dimaksudkan untuk membantu pemrogram skrip.Gunakan dokumentasi JavaScript untuk informasi saat menulis skrip. Spesifikasi ECMAScript menggunakan terminologi dan sintaks yang mungkin asing bagi programmer JavaScript. Meskipun deskripsi bahasa mungkin berbeda dalam ECMAScript, bahasa itu sendiri tetap sama. JavaScript mendukung semua fungsi yang diuraikan dalam spesifikasi ECMAScript. Dokumentasi JavaScript menjelaskan aspek bahasa yang sesuai untuk programmer JavaScript.Tags:JavaScript, PemrogramanjavaScriptKerangka JavaScript Paling PopulerBy banterling/4 Feb 2022Kerangka JavaScript Paling Populer – Pada Mei 2021, Stack Overflow melakukan survei Pengembang 2021 untuk mempelajari tentang alat yang digunakan pengembang, cara mereka mempelajarinya, dan pendapat mereka. Lebih dari 80.000 pengembang mengambil bagian dalam survei, 69,7% dari mereka adalah pengembang berdasarkan profesi.Kerangka JavaScript Paling Populerbenjaminsterling – JavaScript adalah bahasa pemrograman paling populer dalam survei. Artikel ini menyoroti temuan tentang JavaScript dan kerangka kerjanya. JavaScript adalah bahasa scripting yang digunakan untuk membuat halaman web lebih dinamis dan meningkatkan interaksi pengguna. JavaScript digunakan di sebagian besar situs web dan aplikasi, yang paling populer adalah Gmail dan Facebook.Sifat dinamis situs web yang mengubah bagian halaman tanpa memuat ulang seluruh halaman dilakukan oleh JavaScript. Contoh keren lainnya dari apa yang dapat dilakukan JavaScript adalah mendeteksi apakah pengunjung situs web membuka tautan di komputer atau di ponsel. Kami kemudian dapat merender versi.seluler situs web jika pengunjung menggunakan selulerJavaScript memiliki kasus penggunaan yang tak ada habisnya di mana ia telah mengubah cara orang berinteraksi dengan situs web. Selain itu, tidak terbatas hanya pada pembuatan situs web, JavaScript sangat aktif digunakan untuk pengembangan sisi server (contoh node.js), aplikasi desktop, pengembangan game dinamis, dll. Ada waktu beberapa tahun yang lalu, ketika JavaScript dirender secara berbeda oleh browser web yang berbeda, jadi pengembang web menyusahkan untuk membuat kode dalam JavaScript dan membuatnya bekerja sama di semua browser populer.Ini telah berubah sekarang, karena standar baru oleh W3C sekarang memaksa semua browser web untuk menerapkan JavaScript secara seragam. Ini membuat hidup pengembang lebih mudah dengan tidak membuang waktu untuk men-debug kode yang mencoba membuatnya berfungsi di browser web tertentu.Baca Juga : Mengulas Tentang Perbedaan Antara JavaScript dan jQuery JavaScript Adalah Bahasa Pemrograman Paling PopulerMenurut survei pengembang sang Stack Overflow, JavaScript terus mempertahankan posisinya menjadi bahasa pemrograman paling terkenal menggunakan lebih menurut 68% responden menyatakan bahwa mereka menggunakannya secara ekstensif buat pengembangan. Di samping HTML & CSS, JavaScript merupakan galat satu teknologi inti yg dipakai pada web.JavaScript juga digunakan di lingkungan pengembangan lain seperti Node.js untuk pengembangan backend, Apache CouchDB, dan Adobe Acrobat. Penggunaan JavaScript juga telah meluas ke pengembangan seluler, game, dan desktop. Adopsinya yang meningkat dapat dikaitkan dengan fakta bahwa ia mudah dipelajari, diterapkan, dan menerima banyak dukungan dari komunitas pengembangnya.Kerangka JavaScript Paling PopulerDi ekosistem JavaScript, daftar kerangka kerja JavaScript terus bertambah. Kerangka kerja adalah kumpulan kode JavaScript yang dibuat sebelumnya yang digunakan untuk mempermudah pengembangan. Saat memilih kerangka kerja, pertimbangkan fitur proyek Anda, apa keunggulan kerangka kerja tersebut, dan proses pembelajarannya.1. React JSReact melampaui jQuery sebagai kerangka kerja web paling populer pada tahun 2022 dengan lebih dari 40% pengembang profesional mengatakan mereka menggunakannya secara ekstensif. Ini adalah perpustakaan JavaScript open-source yang dikembangkan oleh Facebook yang digunakan untuk membangun antarmuka pengguna yang sangat responsif. Ini adalah deklaratif dan berbasis komponen yang berarti Anda dapat menggunakan kembali komponen untuk membuat UI kompleks dalam waktu singkat.Untuk pengembang baru, React lebih mudah dipelajari dan digunakan dibandingkan dengan kerangka kerja lain seperti Angular. Ini memiliki dokumentasi yang luas, panduan, dan komunitas yang berkembang yang mengurangi kurva belajar. React terus berkembang yang dapat menjadi kerugian karena pengembang harus terus mempelajari kembali fitur-fitur baru. Contoh situs web besar yang dibuat dengan React adalah Airbnb, Dropbox, Asana, dan BBC.2. jQueryjQuery adalah kerangka kerja web paling populer kedua. Ini adalah pustaka JavaScript open-source yang digunakan untuk menyederhanakan interaksi dengan DOM (Document Object Model). Ini membantu Anda menavigasi pohon DOM dengan mudah.jQuery mudah dipelajari dan telah ada sejak 2006 dan karena itu memiliki komunitas pengembang yang besar. namun jQuery tidak dapat dibandingkan dengan kerangka kerja web modern dengan fitur-fitur canggih. Ini berguna untuk aplikasi sederhana tetapi dapat menghasilkan basis kode yang besar jika digunakan untuk membangun aplikasi besar.3. AngularAngular (26,23%) adalah framework JavaScript terpopuler ketiga setelah jQuery (34,52%). Ini adalah kerangka kerja sumber terbuka yang diluncurkan oleh Google pada tahun 2016. Ini dapat digunakan di frontend atau backend untuk membuat Aplikasi Halaman Tunggal (SPA) dan Aplikasi Web Progresif (PWA) dinamis dengan pemuatan halaman yang lebih cepat.Angular menawarkan fitur seperti pengikatan data dua arah yang memungkinkan sinkronisasi waktu nyata antara model dan tampilan, memiliki injeksi ketergantungan bawaan, dan mendukung TypeScript. Namun, ia memiliki kurva belajar yang lebih curam dibandingkan dengan Bereaksi. Contoh website yang dibuat dengan Angular adalah Freelancer, IBM, dan PayPal.4. ExpressExpress (juga Express.js) berada di posisi keempat di antara kerangka kerja web dengan 23,6%. Ini adalah kerangka kerja JavaScript minimal dan cepat untuk pengembangan backend. Ini digunakan dengan Node.js, runtime JavaScript, untuk membuat aplikasi web yang efisien dengan cepat.Express menyediakan cara mudah untuk mengelola perutean, menyiapkan paket middleware, dan mengintegrasikan plugin dalam kode sisi server Anda. Dengan Express, Anda dapat membuat RESTful API untuk diintegrasikan dengan aplikasi lain dan secara dinamis menyajikan file HTML statis ke web. Contoh perusahaan yang menggunakan Express dalam basis kode adalah Twitter, Intuit, dan Accenture.5. Vue.jsVue.js adalah kerangka kerja JavaScript paling populer kelima. Ini adalah kerangka kerja sumber terbuka yang dirancang untuk meningkatkan fitur kerangka kerja frontend seperti Angular dan React. Misalnya, ia memiliki DOM virtual yang digunakan dalam React dan pengikatan dua arah seperti pada Angular.Dengan Vue.js, Anda dapat membangun PWA dan SPA dengan cepat dan efisien. Vue.js adalah JavaScript pertama yang bagus untuk pemula karena memiliki dokumentasi yang baik dan mudah dipelajari. Contoh website yang dibangun menggunakan Vue.js adalah Upwork, Adobe, dan Grammarly.Svelte Adalah Kerangka JavaScript Frontend Yang Paling DicintaiSvelte sangat cepat dibandingkan dengan React dan framework dominan lainnya seperti Angular dan Vue.js. Ini disebabkan oleh fakta bahwa Svelte mengkompilasi kode ke JavaScript Vanilla yang dioptimalkan dan Anda tidak perlu mengirimkan kode kerangka kerja overhead. Dengan Sapper yang mirip dengan Next.js di React dan Svelte Native untuk pengembangan seluler, Svelte mungkin akan terus meningkat popularitasnya.AngularJS Adalah Kerangka Web yang Paling DitakutiSementara Svelte adalah kerangka kerja yang paling disukai, AngularJS adalah yang paling tidak disukai. Hal ini ditakuti oleh 76,82% responden. Mungkin ini karena pada Desember 2021, Google menghentikan dukungan jangka panjang AngularJS setelah menyediakannya selama lebih dari tiga tahun. Jika Anda menggunakan AngularJS dalam aplikasi Anda, Anda perlu bermigrasi ke Angular atau kerangka kerja lain karena seiring berjalannya waktu, aplikasi Anda dapat macet karena kurangnya pembaruan.Memilih Kerangka JavaScriptPopularitas kerangka kerja mungkin menandakan ekosistem pengembangan besar yang dapat membuat pembelajaran lebih mudah. Namun, itu seharusnya bukan satu-satunya faktor yang Anda pertimbangkan saat memilih kerangka kerja. Selalu pertimbangkan di mana Anda ingin menggunakan kerangka kerja itu. Desain dan fitur aplikasi Anda harus didahulukan sebelum pilihan alat pengembangan.Selanjutnya, teliti kerangka kerja untuk mempelajari fitur dan kompleksitasnya. Artikel ini telah menyoroti lima kerangka kerja JavaScript paling populer menurut survei pengembang 2021 StackOverflow. Ini memberikan awal yang baik untuk membuat keputusan tentang teknologi yang akan Anda gunakan untuk membangun solusi Anda.Tags:JavaScript, Kerangka JavaScriptjavaScript Mengualas Tentang Perbedaan Antara JavaScript dan jQueryBy banterling/28 Jan 2022Mengulas Tentang Perbedaan Antara JavaScript dan jQuery – Artikel ini terutama untuk para pengembang yang baru mengenal pengembangan web.Mengualas Tentang Perbedaan Antara JavaScript dan jQuery benjaminsterling – Orang-orang yang memulai karir mereka biasanya mempertanyakan mengapa jQuery sementara ada JavaScript atau perbedaan antara JavaScript dan jQuery; mana yang lebih baik untuk digunakan JavaScript atau jQuery apakah jQuery merupakan alternatif untuk JavaScript atau akankah jQuery menggantikan JavaScript dll. Mari kita lihat dulu apa itu JavaScript dan apa itu jQuery.Baca Juga : Mengetahui Tentang Apa Itu jQuery Apa itu JavaScript?JavaScript (JS) adalah bahasa pemrograman dinamis. Ini adalah bahasa yang ditafsirkan. Selain kesamaan nama yang disayangkan, itu tidak ada hubungannya dengan bahasa pemrograman Java. Seperti namanya, JavaScript adalah bahasa scripting.Ini paling sering digunakan untuk UI yang menarik (seperti objek bergerak, elemen mencolok di layar), interaksi pengguna (validasi sisi klien, menampilkan pop-up, dll.) dan untuk mengontrol konten dokumen yang ditampilkan kepada pengguna.Tidak ada yang perlu Anda sertakan di browser untuk mendukung JavaScript. Ini karena itu dianggap sebagai bahasa web sejak kelahirannya. Ini berjalan di semua browser modern tanpa plugin tambahan.Apakah yang Anda maksud: javascript dinamisSebagian besar bahasa pemrograman memiliki perilaku dinamis. Tetapi dalam kasus JavaScript, hampir semuanya dinamis. Semua variabel bersifat dinamis dalam jenis dan keberadaannya. Anda mendeklarasikan variabel sebagai,var msg = “Halo Dunia!” ;  Kode yang ditulis dalam JavaScript bersifat dinamis, Anda dapat membuat variabel saat runtime, dan jenisnya ditentukan saat runtime.Anda dapat membuat fungsi baru atau mengganti fungsi yang ada saat runtime. Kode baru ditambahkan ke browser ketika lebih banyak file skrip dimuat dan Anda dapat menambahkan sejumlah file kapan saja.Apa itu jQuery?Situs web jQuery mendefinisikan jQuery (jQ) sebagai “jQuery adalah Pustaka JavaScript yang cepat dan ringkas yang menyederhanakan penjelajahan dokumen HTML, penanganan acara, animasi, dan interaksi Ajax untuk pengembangan web yang cepat.”.jQuery bukan bahasa pemrograman melainkan pustaka JavaScript lintas platform. Ada banyak perpustakaan JavaScript lain yang tersedia seperti MooTools, Knockout atau bahkan Angular (Meskipun Angular menggunakan TypeScript, ia mengkompilasi ke JavaScript di akhir) dan jQuery adalah salah satu yang paling populer di antara mereka.jQuery adalah pustaka JavaScript kaya fitur yang cepat. Ini dibuat untuk membantu pemrogram dengan membuat UI umum dan menangani masalah kompatibilitas browser dengan lebih mudah.jQuery, pada kenyataannya, tidak lain adalah JavaScript. Semua kode yang Anda tulis di jQuery dikonversi ke JavaScript secara internal. Satu baris kode yang ditulis menggunakan jQuery mungkin sama dengan banyak baris kode yang ditulis menggunakan JavaScript yang berarti programmer hanya perlu menulis baris kode yang lebih sedikit.Untuk mulai menggunakan jQuery di halaman Anda, Anda perlu memasukkan satu baris kode di header halaman Anda seperti, Baris di atas menyertakan perpustakaan jQuery ke halaman Anda menggunakan Microsoft CDN (Content Delivery Network). Pustaka jQuery adalah file JavaScript tunggal.Anda juga dapat menyertakan perpustakaan jQuery sebagai sumber daya lokal dari folder proyek Anda. Tetapi ada manfaat menggunakan CDN. Jika Anda menggunakan versi perpustakaan yang diperkecil, Anda akan mendapatkan keuntungan dari koneksi bersamaan dan beberapa server.JavaScript Vs jQuerySekarang, kita bisa membahas pertanyaan yang disebutkan di awal artikel ini. Sebagian besar pertanyaan tersebut mungkin muncul karena kurangnya pemahaman yang jelas tentang JavaScript dan jQuery.Karena jQuery tidak lain adalah pustaka JavaScript, jQuery tidak dapat menggantikan JavaScript. Semua kode jQuery adalah JavaScript, tetapi jQuery tidak menyertakan semua kode JavaScript.Satu hal yang harus Anda pahami adalah bahwa keduanya bukanlah dua bahasa pemrograman; sebaliknya, keduanya adalah JavaScript. jQuery hanya dioptimalkan untuk melakukan fungsi skrip umum dengan lebih sedikit baris kode.Baris kodeBanyak tindakan seperti Animate, Delay, Fade In dapat dilakukan menggunakan jQuery dengan sedikit baris kode. Di sisi lain, JavaScript akan mengambil banyak baris kode untuk hal yang sama. Kita dapat mempertimbangkan contoh yang lebih sederhana, Misalkan saya ingin memilih semua elemen yang memiliki class- simple-li, Jika saya menggunakan JavaScript, document.getElementsByClassName( “simple-li” ); Di sisi lain, jika saya menggunakan jQuery, $( ‘sederhana-li’ )Jika Anda memeriksa kinerja keduanya, Anda dapat menemukan bahwa JavaScript biasa lebih cepat daripada jQuery untuk mengakses DOM. Tetapi JavaScript dapat menjadi lebih lambat ketika Anda menulis beberapa logika yang rumit mengingat fakta bahwa kami mungkin membuat kesalahan besar atau menggunakan kode yang buruk yang dapat menyebabkan penurunan kinerja.Di sisi lain, jQuery telah diuji selama bertahun-tahun untuk menggunakan kode JavaScript terbaik dan cepat. Menurut saya, tidak benar membandingkan keduanya atau Anda tidak bisa mengatakan yang satu lebih baik dari yang lain. Kita perlu menggunakan mana yang lebih sesuai dengan kebutuhan kita.Keuntungan dari jQueryAnda dapat mengkodekan tindakan JS yang paling umum menggunakan jQuery dengan lebih sedikit baris kode. Kompatibilitas browser Anda dapat menulis kode yang berjalan di seluruh browser tanpa harus mengetahui berbagai kerumitan browser dan tidak akan rusak. Memungkinkan Anda menulis JavaScript lebih cepat dan lebih mudah. Menghindari kesalahan browser umum.Penyederhanaan operasi yang biasanya rumit operasi kompleks seperti interaksi Ajax, animasi, penanganan acara, dll. ditangani oleh jQ dengan baris kode terbaik. jQ telah teruji dalam pertempuran dan menggunakan baris kode yang cepat dan terbaik untuk menyelesaikan sebagian besar tugas.KesimpulanjQuery sangat cocok untuk sebagian besar aplikasi, terutama yang membutuhkan pengembangan cepat. jQuery menangani kesalahan browser yang umum dengan menyetrika perbaikan langsung ke perpustakaan. jQuery juga menangani masalah kompatibilitas browser yang merupakan mimpi buruk pengembang selama penerapan.Menggunakan JavaScript atau jQuery sangat tergantung pada kebutuhan Anda dan faktor lainnya. Sebagian besar proyek pengembangan web akan bekerja dengan baik menggunakan jQuery. Tetapi akan ada persentase kecil yang memang membutuhkan JavaScript.Karena JavaScript murni adalah metode pengembangan sisi klien dengan kinerja terbaik, ada alasan untuk menggunakannya. Tetapi perpustakaan seperti jQuery akan membantu Anda mencapai pasar lebih cepat dan lebih murah. Jadi, lebih baik sangat bergantung pada jQuery untuk versi awal produk Anda. Setelah produk Anda dibuat dalam tanda dan Anda mendapatkan pendapatan untuk kembali dan memperbaiki kode, Anda dapat melanjutkan dan mengkustomisasi semua skrip. Memperbesar/Memperkecil Konten Halaman Web Menggunakan jQuerypengantarBaru-baru ini saya telah membuat Plugin Jquery yang akan membantu Anda untuk Zoom In / Zoom Out konten di halaman web. Kita bisa menggunakan plugin ini di semua jenis aplikasi seperti .Net, PHP, Java dan dalam aplikasi apapun yang menggunakan Jquery kita bisa menggunakan plugin ini. Anda dapat menemukan plugin ini di repositori Github saya.PenggunaanAnda dapat merujuk readme Github untuk panduan implementasi dan saya telah membuat halaman contoh, Anda juga dapat mengambil referensi dari sana. Saya juga telah membuat video yang akan memandu Anda untuk mengimplementasikan plugin ini di aplikasi anda. Atau Anda dapat mengikuti langkah-langkah di bawah ini untuk menggunakan plugin ini,1. Unduh file “content-zoom-slider.min.js” dari folder src dan sertakan seperti di bawah ini.JavaScript2. Inisialisasi pluginContent area $(function )$(“#content”).contentZoomSlider ({toolContainer: “#zoom-tool-bar”});JavaScriptDi sini “konten” div adalah elemen di mana Anda ingin menambahkan fungsi Zooming dan div “zoom-tool-bar” adalah tempat di mana strip zoom akan ditampilkan dengan tombol zoom in/out dan slider seperti di bawah ini.$(“#content”).contentZoomSlider({toolContainer: “.zoom-tool-bar”, // element where slider bar will showsetp: 25, // step sizemin: 25, // min rangemax: 200, // max rangezoom: 100, // default zoom sizeJavaScriptPlugin ini memiliki opsi di bawah ini dengan nilai default, takeContainer – Area tempat strip zoom akan ditampilkan.langkah – Kita dapat menentukan ukuran langkah dan ukuran langkah default adalah 25%. min – Kami dapat menentukan ukuran zoom minimum dari sini dan defaultnya adalah 25%. max – Kami dapat menentukan ukuran zoom maksimum dari sini dan defaultnya adalah 200%. zoom – Kami dapat menentukan ukuran zoom awal atau default dari sini.KesimpulanDengan menggunakan plugin ini Anda dapat mengimplementasikan fungsionalitas zoom in / out dengan mudah di aplikasi Anda. Semoga ini bisa membantu Anda. Beri tahu saya di komentar jika Anda memiliki pertanyaan. Tambahkan Baris Sementara Ke Tabel Menggunakan Slider Panel JQueryLangkah 1 – Pertama Buat Tabel menggunakan HTML dan CSS. Merancang kode di bawah iniClick toslide the panel down or up, Add and Delete RowsDate of Birth :(mm/dd/yyyy)Age : SelectNameEmailContact NumberAddressPeter [email protected] IndiaDelete RowMarkupLangkah 2 – Tambahkan file Perpustakaan Jquery ke halaman Desain di Bagian Kepala. Tautan jquery ada di bawahJavaScriptLangkah 3 – Buat fungsi Tambah menggunakan JQuery. Fungsi di bawah ini$(“.add-row”).click(function ()debugger;var name = $(“#name”).val();var email = $(“#email”).val();var contactNo = $(“#contactNo”).val();var address = $(“#address”).val();if ($(“#name”).val() == “”){ alert(‘Please Enter Name.’); return false;}  else if ($(“#email”).val()==””){ alert(‘Please Enter email.’); return false; }else if ($(“#contactNo”).val() ==””){ alert(‘Please Enter contact number’); return false; }var markup = “” + name + “” + email +“ ” + contactNo + “ ” + address + ” ”;$(“table tbody”).append(markup).JavaScriptLangkah 4 – Buat fungsi Slider slideToggle di Jquery.$(“#flip”).click(function ()$(“#panel”).slideToggle(“slow”);$(“#flip1”).click(function ()$(“#panel1”).slideToggle(“slow”);$(“#myInput”).on(“keyup”, function ()var value = $(this).val().toLowerCase();$(“#myTable tr”).filter(function () {$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1JavaScriptLangkah 5 – Tambahkan CSS untuk mendesaina.btn { color:  #fff; background:  #FF0066; padding: .5rem 1rem; display: inline-block; border-radius: 4px;transition-duration: .25s; border: none; font-size: 14px;}a.btn:hover { background: #22272a; }#panel, #flip { padding: 5px; text-align: center; background-color:  #e5eecc; border: solid 1px  #c3c3c3; }#panel1, #flip1 { padding: 5px; text-align: center; background-color: #e5eecc; border: solid 1px  #c3c3c3; }#panel { padding: 50px; display: none; }#panel1 { padding: 50px; display: none; }table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; }td, th { border: 3px solid  #3a3434; text-align: left; padding: 8px; }tr:nth-child(even) { background-color:  #dddddd; }fortextbox { width: 227px;height: 25px; border-radius: 5px; } Gunakan CRM REST Builder Di Dynamics CRMpengantarSalah satu skenario paling umum adalah bekerja dengan CRM Web API untuk mendapatkan detail catatan yang ada di Dynamics CRM. Untuk menguji permintaan CRM WEB API dengan cepat, CRM REST Builder digunakan, yang perlu diinstal di dalam Dynamics CRM.Langkah 1:Arahkan ke URL berikut https://github.com/jlattimer/CRMRESTBuilder/releases dan unduh rilis CRM REST Builder v2.6.0.0, file zip CRMRESTBuilder_2_6_0_0_managed.zip.Langkah 2Setelah langkah 1, kita perlu membuka Dynamics CRM dan menavigasi ke solusi.Langkah 3Setelah langkah 2, klik impor dan impor file zip REST Builder Managed yang diunduh pada Langkah 1, dan klik Berikutnya.Langkah 4Setelah langkah 3, klik Impor.Langkah 5Setelah langkah 4, solusi terkelola masing-masing akan diimpor dengan pesan sukses, klik Tutup.Langkah 6Setelah langkah 5, navigasikan kembali ke jendela Solusi CRM dan segarkan halaman untuk melihat CRM REST Builder yang baru diinstal di dekat Pita.Langkah 7Setelah langkah 6, sekarang klik pada CRM REST BUILDER dan itu membuka jendela baru.Langkah 8Setelah langkah 7, coba ambil beberapa tindakan permintaan dengan format output sebagai jQuery pada entitas Akun untuk mendapatkan kode jQuery yang diperlukan untuk digunakan dari sumber daya web di Dynamics CRM juga pilih AccountId dari Bidang ke Pilih bagian dan klik Buat Permintaan.Langkah 9Setelah langkah 8, layar berubah ke layar lain dengan tombol Execute Code (Read-Only) di bagian atas dengan Bagian Code(Read-Only) diperluas dengan kode jquery yang setara, klik Tombol Execute Code untuk mendapatkan beberapa Id Akun untuk Akun.Langkah 10Setelah langkah 9, kita dapat mengamati daftar ID Akun.CatatanPastikan untuk me-refresh halaman seperti yang ditentukan pada Langkah 6. Sebagai contoh baru saja menjelaskan beberapa permintaan, sama dengan bantuan tindakan lain Ambil Tunggal, Buat, Perbarui, Hapus, Kaitkan, Pisahkan cuplikan kode yang berbeda dapat dibuat dan untuk pengujian cepat.KesimpulanDengan cara ini, seseorang dapat dengan mudah menanyakan Data CRM menggunakan CRM REST Builder untuk mendapatkan hasil dan juga menggunakan kode yang dibuat secara otomatis.Tags:JavaScriptInformasi javaScriptMengetahui Tentang Apa Itu jQueryBy banterling/21 Jan 2022Mengetahui Tentang Apa Itu jQuery – Jika Anda telah melakukan penelitian tentang pengembangan web, Anda pasti telah mengetahui bahwa JavaScript adalah bagian yang sangat penting dalam membangun situs web yang fungsional.Mengetahui Tentang Apa Itu jQueryCara Belajar jQuery benjaminsterling – Itu melakukan segalanya mulai dari membuat tombol responsif hingga menangani animasi dan mengisi formulir web secara otomatis.Tetapi programmer tidak pernah berhenti berusaha untuk meningkatkan alat mereka, dan dari proses itu muncul perpustakaan JavaScript yang kuat yang disebut JQuery. Jika Anda ingin menjadi pengembang web terkemuka, Anda harus mempelajarinya dan untuk apa JQuery digunakan, Anda telah datang ke tempat yang tepat.Apa itu jQuery?jQuery adalah library JavaScript yang memudahkan untuk memanipulasi konten halaman web. Pustaka ini dirancang untuk menggabungkan tugas JavaScript umum ke dalam metode singkat yang dapat Anda gunakan di seluruh kode Anda. Filosofi jQuery adalah “menulis lebih sedikit, lakukan lebih banyak.”Baca Juga : File Jquery Palsu Menginfeksi Situs WordPress,Sekuat JavaScript, dalam bentuk mentahnya, dibutuhkan lebih banyak kode untuk menyelesaikan beberapa tugas. JQuery mengemas kode ini ke dalam metode yang dapat dipanggil dalam satu atau dua baris untuk melakukan hal yang sama.JQuery memiliki fungsionalitas untuk sebagian besar pekerjaan JavaScript yang mungkin Anda lakukan saat membangun situs web. Ini termasuk modifikasi HTML dan CSS, animasi dan pembuatan efek visual lainnya, merancang plugin untuk tugas-tugas umum, memanipulasi Model Objek Dokumen situs web, menggunakan AJAX untuk menangani pembaruan asinkron ke konten halaman web, dan banyak, banyak hal lainnya.JQuery juga memiliki beberapa keunggulan lain. Ini adalah kerangka kerja ringan yang relatif mudah dipelajari. Ini didukung di seluruh browser, sehingga hal-hal yang Anda buat akan membutuhkan lebih sedikit pekerjaan untuk dapat digunakan oleh berbagai suku penggemar browser. Dan, karena apa pun yang ditulis dalam JQuery diperlakukan seperti teks, itu dapat dibaca oleh bot mesin telusur, membuat tugas pengoptimalan mesin telusur menjadi lebih mudah.Untuk Apa jQuery Digunakan?jQuery memungkinkan pengembang web memanipulasi halaman web. Ini menciptakan metode yang mengurangi jumlah baris kode yang Anda butuhkan untuk melakukan operasi JavaScript umum.jQuery memiliki serangkaian kasus penggunaan yang luas. Ini termasuk:Menambahkan animasi ke halaman web. jQuery sering digunakan untuk menambahkan animasi dan efek lainnya untuk meningkatkan estetika halaman web.manipulasi HTML. jQuery memungkinkan pengembang web memperbarui konten halaman web. Ini berarti pengembang web dapat menampilkan informasi setelah halaman dimuat. jQuery juga memungkinkan pengembang mengambil informasi tanpa menyegarkan halaman.manipulasi CSS. Pengembang web menggunakan jQuery untuk mengubah gaya pada halaman web saat halaman web terbuka. Ini berarti bahwa tampilan halaman dapat berubah tanpa pengguna me-refresh situs.Anda akan menemukan jQuery digunakan secara luas di internet. Microsoft, Netflix, dan Google semuanya menggunakan jQuery untuk memberi daya pada situs web mereka. Ini hanya beberapa dari banyak perusahaan yang akan Anda temukan menggunakan jQuery.Belajar jQuerySaat Anda menjelajahi internet, Anda akan melihat bahwa banyak aplikasi web yang Anda temui berubah saat Anda melihat halaman. Umpan Twitter, misalnya, berubah saat Anda menggulir ke bagian bawah halaman. Tweet baru diambil dan kemudian ditampilkan di situs web.Kami menyebut situs ini “aplikasi dinamis.” Karena jQuery digunakan untuk menulis aplikasi dinamis, Anda dapat memanfaatkan keterampilan Anda dengan baik di situs web apa pun yang Anda kembangkan.Berapa Lama untuk Belajar jQuery?Anda akan membutuhkan waktu sekitar enam jam untuk mempelajari dasar-dasar jQuery. Ini karena jQuery meluas pada JavaScript. Ini bukan bahasa baru. Dengan pemahaman dasar tentang JavaScript, Anda tidak akan kesulitan mempelajari cara menggunakan jQuery di aplikasi web Anda.Waktu yang Anda perlukan untuk mempelajari jQuery tergantung pada tujuan Anda. Jika Anda hanya ingin menambahkan fitur interaktif kecil ke salah satu situs web Anda, Anda dapat melakukannya dalam beberapa jam atau sehari.Di sisi lain, Anda perlu menghabiskan lebih banyak waktu untuk berlatih jQuery jika Anda ingin menggunakannya di lingkungan profesional. Ini karena jQuery memiliki set fitur yang luas. Beberapa jam belajar tidak cukup untuk membangun keterampilan yang Anda butuhkan untuk pekerjaan yang melibatkan jQuery.Cara Belajar jQuery: Langkah demi LangkahKami telah menghabiskan cukup banyak waktu untuk membahas apa itu jQuery. Anda mungkin akan bertanya pada diri sendiri: bagaimana cara belajar jQuery. Di bawah ini adalah langkah-langkah yang harus Anda ikuti untuk beralih dari tempat Anda sekarang menjadi ahli jQuery.Pelajari HTML, CSS, dan JavaScript. Jika Anda belum mengetahuinya, Anda harus mengetahui HTML, CSS, dan JavaScript untuk menggunakan jQuery. Anda harus memiliki pemahaman yang kuat tentang semua bahasa ini dan bagaimana mereka bekerja sama untuk membuat aplikasi web.Pelajari tentang situs dinamis. Luangkan waktu untuk meneliti apa itu situs dinamis. Temukan beberapa contoh situs dinamis. Ini akan membantu Anda mempelajari apa yang memungkinkan jQuery untuk Anda lakukan. Memiliki pemahaman dasar tentang situs dinamis akan memudahkan untuk benar-benar memulai pengkodean dengan jQuery.Pelajari dasar-dasar jQuery. Luangkan waktu beberapa jam untuk membaca dokumentasi jQuery atau berpartisipasi dalam kursus yang membahas jQuery. Latih semua konsep yang Anda temui.Membangun sebuah proyek. Setelah Anda mengetahui dasar-dasar jQuery, Anda akan siap untuk membangun sebuah proyek menggunakan keterampilan baru Anda. Pikirkan tentang aplikasi yang ingin Anda lihat di dunia dan rencanakan bagaimana Anda dapat membangunnya. Kemudian, bangun aplikasi itu dan terapkan keterampilan jQuery Anda.Kursus dan Pelatihan jQuery TerbaikjQuery telah ada selama bertahun-tahun. Akibatnya, tidak sulit untuk menemukan sumber belajar yang akan membantu Anda menguasai dasar-dasar jQuery. Di bawah ini kami membahas beberapa kursus jQuery teratas yang kami rekomendasikan untuk pemula dan pengembang menengah yang ingin belajar jQuery.Kursus jQuery OnlineKursus Udacity ini adalah pengantar terperinci ke jQuery untuk orang-orang yang sudah mengetahui dasar-dasar pengembangan web. Dalam kursus ini, Anda akan mempelajari dasar-dasar jQuery. Anda juga akan belajar cara menavigasi dokumentasi jQuery.Kursus ini dilengkapi dengan kuis interaktif dan konten pembelajaran ekstensif yang diajarkan oleh para profesional industri. Anda akan membutuhkan waktu sekitar dua hari untuk menyelesaikan kursus ini.Belajar jQuery dengan CodecademyKursus ini telah diikuti oleh lebih dari 60.000 pengembang. Yang Anda butuhkan hanyalah pemahaman dasar tentang JavaScript untuk mendaftar di kursus ini. Anda akan mempelajari dasar-dasar jQuery, cara menggunakan efek web, cara melintasi Model Objek Dokumen, dan banyak lagi.JavaScript, jQuery, dan JSON oleh University of MichiganKursus ini adalah pengenalan rinci tentang JavaScript dan bagaimana digunakan dengan jQuery. Anda akan belajar cara menggunakan jQuery untuk memanipulasi DOM dan cara menangani peristiwa menggunakan jQuery.Kursus ini juga mencakup JSON, cara merepresentasikan data. JSON biasanya digunakan untuk pertukaran data antara klien dan server. Kursus ini paling cocok untuk pengembang yang sudah memiliki pemahaman yang baik tentang cara membangun aplikasi web.Buku jQuery OnlineDalam buku ini, Anda akan mempelajari cara membuat elemen interaktif untuk desain web Anda dan memanfaatkan antarmuka pengguna sebaik mungkin. Buku ini membahas dasar-dasar jQuery dan kemudian membahas topik yang lebih lanjut.Anda akan mendapatkan hasil maksimal dari membaca buku ini jika Anda sudah memiliki pemahaman yang baik tentang pengembangan web. Anda tidak perlu mengetahui jQuery untuk memulai dengan buku ini.jQuery beraksi oleh Bear Bibeault, Yehuda Katz, dan Aurelio De RosajQuery in Action adalah pengantar singkat untuk menggunakan jQuery. Buku ini bertujuan untuk mengajarkan Anda keterampilan jQuery praktis yang dapat Anda terapkan dengan mudah ke aplikasi Anda sendiri melalui penggunaan “halaman lab.” Halaman-halaman ini adalah penjelasan rinci tentang topik teknis yang disertai dengan cuplikan kode.Buku Masak jQuery oleh Cody LindleyjQuery Cookbook adalah pengantar ekstensif ke jQuery. Buku ini memiliki kontribusi dari lebih dari selusin pengembang web. Dalam buku ini, Anda akan mempelajari cara menyempurnakan formulir web, mengelola acara dengan jQuery, membuat elemen UI dari awal, dan banyak lagi.Pusat Pembelajaran jQueryjQuery memiliki perpustakaan tutorial dan panduan lengkap di Pusat Pembelajaran resmi mereka. Anda akan menemukan panduan yang mencakup topik mulai dari penggunaan acara hingga pengorganisasian kode hingga penggunaan AJAX dengan jQuery.Sumber daya ini sangat bagus untuk pemula di jQuery yang masih mempelajari dasar-dasarnya. Ini juga bagus sebagai panduan referensi saat Anda mempelajari lebih lanjut tentang jQuery.Tutorial jQuery W3SchoolsW3Schools memiliki perpustakaan tutorial jQuery yang luas. Pustaka ini mencakup semuanya, mulai dari efek jQuery hingga melintasi Model Objek Dokumen.Di samping sebagian besar deskripsi topik teknis, Anda akan menemukan cuplikan kode yang dapat Anda gunakan untuk mempraktikkan apa yang Anda pelajari. Anda juga akan menemukan latihan interaktif yang akan membantu Anda membangun pemahaman Anda tentang jQuery.Pelajari jQuery dari Awal dengan Trik CSSjQuery from Scratch adalah pengenalan dasar jQuery. Selama tujuh tutorial, Anda akan mempelajari dasar-dasar jQuery. Anda akan belajar tentang menautkan jQuery ke aplikasi, ekstensi pemilih, dan banyak lagi.Kumpulan tutorial ini sangat bagus jika Anda baru mengenal jQuery. Anda dapat menggunakan pengetahuan yang Anda pelajari dalam tutorial ini untuk membangun aplikasi jQuery dasar dan mempersiapkan diri Anda untuk mempelajari konsep yang lebih maju.Haruskah Saya Belajar JQuery?JQuery digunakan di seluruh industri pengembangan web dan memiliki ribuan kasus penggunaan yang terkenal. Oleh karena itu, ini adalah alat yang penting untuk dipelajari dan dikuasai jika Anda ingin terus berkembang sebagai pengembang web.J Ada waktu alami untuk mempelajari JQuery setelah Anda mempelajari HTML, CSS, dan JavaScript. Meskipun mungkin tergoda untuk terjun langsung ke kerangka kerja seperti JQuery untuk membuat bekerja dengan JavaScript lebih mudah, saya pribadi percaya Anda lebih baik dilayani dengan belajar melakukan sesuatu dengan cara yang lebih lama dan kuno terlebih dahulu, sebelum memperoleh alat yang menangani semua itu. untukmu.Ada beberapa alasan untuk ini. Mempelajari bahasa sebelum kerangka kerja akan memberi Anda pemahaman yang lebih baik tentang apa yang sebenarnya dilakukan kerangka kerja. Ini penting karena pada akhirnya sesuatu akan rusak, dan siapa pun yang benar-benar bekerja dalam bahasa yang mendasarinya akan memiliki peluang yang jauh lebih baik untuk menemukan bug dan memperbaikinya.Anda juga akan lebih siap untuk menggunakan JQuery secara kreatif karena Anda akan memiliki pemahaman yang lebih dalam tentang masalah yang dirancang untuk dipecahkan. Mudah-mudahan, Anda sekarang memiliki pemahaman yang lebih baik tentang apa yang digunakan untuk JQuery dan banyak manfaatnya.Tags:Informasi, JavaScriptPemrogramanFile Jquery Palsu Menginfeksi Situs WordPressBy banterling/14 Jan 2022File Jquery Palsu Menginfeksi Situs WordPress, Setiap bahasa pemrograman memiliki paradigmanya sendiri tentang bagaimana kode dieksekusi, dan untuk bahasa seperti JavaScript, yang diperlukan hanyalah file. Ini berarti bahwa jika seseorang dapat mengganti versi file yang sah, seperti plugin jQuery Migrate, maka mereka dapat menyerang siapa saja yang mengeksekusi kode dalam file tersebut.Karena pengunjung biasa ke situs web benar-benar tidak dapat menentukan sah atau tidaknya situs web jahat, operator situs web harus memiliki kontrol yang ketat untuk memastikan bahwa apa yang mereka jalankan adalah apa yang seharusnya berjalan. Dengan kata lain, apakah file yang ada di server web dapat dipercaya? Dengan asumsi semua file diperiksa dan mulai dalam keadaan tepercaya, jika suatu saat seseorang atau sesuatu dapat memodifikasinya, maka itu juga merupakan titik ketika penyerang dapat membahayakan file tersebut.Bertahan dari serangan semacam itu membutuhkan proses pemeriksaan dan verifikasi di muka serta model ancaman untuk siklus hidup setiap file.Peneliti keamanan telah melihat versi palsu dari plugin jQuery Migrate yang disuntikkan pada lusinan situs web yang berisi kode yang dikaburkan untuk memuat malware.File-file ini diberi nama jquery-migrate.js dan jquery-migrate.min.js dan hadir di lokasi yang tepat di mana file JavaScript biasanya ada di situs WordPress tetapi sebenarnya berbahaya.Sampai hari ini, lebih dari 7,2 juta situs web menggunakan plugin jQuery Migrate, yang menjelaskan mengapa penyerang menyamarkan malware mereka dengan nama plugin populer ini.Peneliti menemukan file jQuery palsu yang merupakan malwareMenurut benjaminsterling.com Minggu ini peneliti keamanan Denis Sinegubko dan Adrian Stoian melihat file jQuery palsu yang meniru plugin jQuery Migrate di lusinan situs web.Untuk membuat deteksi menjadi sulit, file berbahaya ini menggantikan file asli dan sah yang ada di ./wp-includes/js/jquery/ di situs web ini, yang merupakan direktori tempat WordPress menyimpan file jQuery.File bernama jquery-migrate.js dan jquery-migrate.min.js ini telah mengaburkan kode yang memuat lebih lanjut file analytics.js misterius dengan kode berbahaya di dalamnya.Meskipun skala penuh dari serangan ini belum ditentukan, Sinegubko membagikan kueri penelusuran yang menunjukkan lebih dari tiga lusin halaman yang saat ini terinfeksi dengan skrip analitik berbahaya.Berlawanan dengan namanya, file analytics tidak ada hubungannya dengan pengumpulan metrik situs web:benjaminsterling menganalisis beberapa kode yang dikaburkan yang ada dalam file.Kode tersebut memiliki referensi ke “/wp-admin/user-new.php” yang merupakan halaman administrasi WordPress untuk membuat pengguna baru. Selain itu, kode mengakses variabel _wpnonce_create-user yang digunakan WordPress untuk menerapkan perlindungan Pemalsuan Permintaan Lintas Situs (CSRF).Secara umum, dapat memperoleh atau mengatur token CSRF akan memberikan penyerang kemampuan untuk membuat permintaan palsu atas nama pengguna.Menyuntikkan skrip seperti ini di situs WordPress memungkinkan penyerang melakukan berbagai aktivitas berbahaya termasuk apa pun mulai dari penipuan Magecart untuk skimming kartu kredit hingga mengarahkan pengguna ke situs penipuan.Pengguna dapat diarahkan ke survei palsu, penipuan dukungan teknis, diminta untuk berlangganan pemberitahuan spam atau mengunduh ekstensi browser yang tidak diinginkan .Namun, lebih khusus dalam kasus ini, fungsi checkme() mencoba mengarahkan jendela browser pengguna ke URL berbahaya yang diidentifikasi oleh Benjaminsterling.Khususnya, baris 15 skrip analitik (ditunjukkan di atas) berisi URL yang disandikan dengan karakternya direpresentasikan sebagai nomor ASCII.Skrip analytics.js pertama-tama mengalihkan pengguna ke URL ini, yang selanjutnya membawa pengguna melalui serangkaian pengalihan ke URL spam.Dalam contoh yang dilihat oleh Benjaminsterling, halaman berulang kali meminta pengguna untuk “Mengizinkan” pemberitahuan browser untuk memverifikasi bahwa itu bukan robot, atau mengarah ke survei palsu yang bertujuan mengumpulkan data pengguna.Sampai pengguna mengeklik “Izinkan”, urutan pengalihan terus melompati mereka melalui domain dan laman web berbeda yang menunjukkan pesan yang sama kepada pengguna dengan cara yang lebih kreatif.Baca Juga : File Jquery Palsu Menginfeksi Situs WordPress Dengan MalwarePencarian untuk URL yang baru diidentifikasi ini oleh Benjaminsterling selanjutnya mengungkapkan lebih dari dua lusin situs web yang terinfeksi dengannya.Jaringan URL spam yang digunakan dalam urutan pengalihan juga luas dengan banyak domain yang berperan. Benjaminsterling belum menganalisis masing-masing domain ini.Tingkat deteksi VirusTotal rendahSeperti yang terlihat oleh Benjaminsterling, pada saat penulisan file analytics.js berbahaya yang dipermasalahkan, dan URL yang kami identifikasi akan terbang di bawah radar lebih dari 90% mesin antivirus, mengingat tingkat deteksi VirusTotal yang rendah.Oleh karena itu, melakukan pemindaian keamanan situs web Anda dengan mengandalkan pemindaian berbasis tanda tangan saja mungkin tidak cukup untuk mendeteksi kode palsu yang bersembunyi di instans WordPress Anda.Belum diketahui bagaimana skrip ini disuntikkan atau masuk ke halaman web server yang disusupi.Jika situs web Anda menggunakan WordPress atau plugin JavaScript populer seperti jQuery Migrate, sebaiknya lakukan audit keamanan menyeluruh secara berkala dan periksa anomali yang mungkin menunjukkan tanda-tanda aktivitas jahat.Terima kasih kepada Mark Roze dari Spyse untuk menyediakan data pada 7,2 juta situs web yang menjalankan plugin jQuery Migrate yang sah.Situs web WordPress dan Joomla diretas dengan jQuery palsuJQuery adalah perpustakaan JavaScript yang sangat populer. Tujuan dasar dari library ini adalah untuk menghapus perbedaan antara implementasi JavaScript di berbagai web browser. Jika Anda pernah mencoba pengkodean web, Anda tahu betapa membosankannya membuat kode melakukan hal yang sama di browser yang berbeda. Terkadang itu adalah tantangan yang sangat besar. Dalam situasi seperti itu, perpustakaan ini bisa sangat berguna.Tentu saja hanya masalah waktu sampai perpustakaan terkenal seperti itu mendapat perhatian dari mereka yang ingin menggunakannya untuk tujuan yang berbeda selain pengkodean web. Suntikan jQuery palsu telah sangat populer di kalangan peretas. Dan itu membawa kita ke salah satu infeksi paling populer dalam beberapa bulan terakhir – serangan yang menyuntikkan skrip jQuery palsu ke bagian kepala situs web CMS yang diberdayakan oleh WordPress dan Joomla.Seperti apa bentuknya?Sepintas Anda melihat kode sederhana yang tidak dikaburkan. Hanya ada beberapa variabel dan satu pernyataan IF yang menyisipkan sumber JavaScript lain. Satu-satunya hal yang berubah adalah “var base =”, yang menunjuk ke situs web lain yang diretas yang berfungsi sebagai sumber skrip berbahaya yang disuntikkan, yang membawa kita ke titik domain yang diretas.Jumlah domain yang diretas sangat tinggi, itulah sebabnya serangan semacam ini dulu dan masih sangat populer setiap hari. Dari November 2015 kami mendaftarkan lebih dari 4,5 juta pengguna yang mengalami infeksi ini. Kode berbahaya ditemukan di hampir 70 juta file unik di situs web yang diretas.Kode dimulai dengan hitungan mundur 10 milidetik. Itu adalah praktik umum dalam pengkodean tipe injeksi tetapi penundaan yang lebih lama dari hanya 10 milidetik lebih umum.Setelah itu, mulai terbentuk. Seperti yang Anda lihat “encodeURIComponent” digunakan hampir di setiap baris. Fungsi ini mengkodekan karakter khusus seperti: (, / ? : @ & = + $ #).Kondisi terakhir memeriksa apakah variabel berisi nilai yang diperlukan dan setelah evaluasi sumber lain untuk skrip dimasukkan.URL ini kemudian digunakan untuk meningkatkan peringkat SEO untuk domain lain. Menggunakan halaman referral dan backlink membuatnya lebih valid.Bagaimana jika saya sudah diretas?Mulailah dengan lingkungan lokal AndaAnda mungkin berpikir bahwa jika masalah ada di situs web maka Anda harus mencari masalah di sana, tetapi dalam banyak kasus sumber infeksi dapat di-root ke mesin lokal Anda (yaitu, desktop, notebook, dll).Mulailah dengan pemindaian penuh OS Anda. Saran ini meluas ke mesin Windows, OS X, dan Linux.Pindai situs web AndaAda berbagai cara untuk melakukan ini. Anda dapat menggunakan alat pemindaian malware online, yang mudah digunakan dan cara cepat untuk mendapatkan informasi dasar.Anda juga dapat memindai dengan Avast Antivirus atau program antivirus lainnya. Jangan lupa unhide semua file dan folder sebelum menjalankan scan.Perhatian: Pastikan Anda tidak menghapus file sistem. Anda ingin memperhatikan berbagai jenis gejala dan bagaimana pengaruhnya terhadap situs web Anda dan pengunjungnya. Misalnya, pengalihan berbahaya sering dapat ditemukan di akar situs web Anda dalam file seperti .htaccess, dan index.php, sementara yang lain akan fokus pada direktori tema yang menargetkan index.php, header.php, footer.php, dan fungsi. php. Beberapa infeksi bahkan dapat hidup di database MySQL dan tidak meninggalkan jejak sama sekali di file itu sendiri.Lakukan cadangan dari apa yang masih Anda milikiJika file dan database Anda masih ada, tunda penyelidikan Anda dan lakukan pencadangan. Pastikan untuk memberi label sebagai cadangan situs yang diretas. Anda tidak pernah tahu kapan Anda bisa sampai pada titik di mana Anda dapat menemukan kegunaan untuk cadangan Anda yang diretas.Saya tidak bisa masuk ke panel admin CMS sayaAnda harus mulai dengan dasar-dasar: Atur ulang kata sandi Anda. Jika tidak membantu, Anda dapat memanfaatkan alat seperti phpMyAdmin dan Adminer untuk masuk ke database Anda secara langsung, melewati halaman login Admin Anda dan mengatur ulang pengguna Anda di tabel pengguna.Ada dua cara: Anda mendapatkan hash kata sandi Anda dan menambahkan ini ke database secara langsung, atau mengedit email admin Anda dan kemudian mencoba “lupa kata sandi”.Baca Juga : Cara Membuat Game HTML5 Sederhana Dengan Enchant.jsPulihkan dari cadangan AndaKetika Anda memiliki cadangan yang bersih dan tidak terlalu usang, Anda berada dalam situasi yang sangat baik. Unggah ulang semua file Anda dan pulihkan database Anda dan Anda siap melakukannya. Pastikan Anda menghapus semua file karena Anda tidak pernah tahu file mana yang mungkin berisi beberapa bagian kode berbahaya.Jika Anda tidak memiliki cadangan, pada dasarnya Anda memiliki dua pilihan.Anda dapat memulai situs baru dari awal, atauAnda dapat mencoba mencari dan menghapus kode berbahaya secara manual.Pilihan kedua adalah proses yang sangat membosankan dan sulit tanpa jaminan. Bahkan jika Anda seorang ahli, kemungkinan membersihkan situs Anda sepenuhnya rendah. Anda dapat menghabiskan waktu berhari-hari untuk melihat-lihat file, menghapus potongan kecil kode peretas, tetapi jika Anda melewatkan satu bit pun, seluruh peretasan dapat digantikan oleh peretas dalam hitungan detik setelah situs online.Jika Anda belum diretas dan belum mencadangkan situs Anda, Anda harus melakukannya sekarang.Bagaimana dengan penyedia hosting saya?Anda mungkin berpikir, mengapa saya? Tetapi mungkin ada lebih banyak situs web dengan masalah yang sama, terutama jika Anda menggunakan hosting bersama. Ada baiknya meminta beberapa saran dari penyedia hosting Anda. Sangat umum bahwa penyedia hosting menjalankan beberapa forum komunitas bersama dengan layanan mereka. Forum ini adalah cara terbaik untuk berbagi masalah dan pengalaman Anda. Juga ini bisa menjadi cara tercepat untuk mengatasi masalah, karena lebih banyak orang dapat terlibat.Penyedia hosting Anda mungkin juga dapat mengonfirmasi apakah peretasan adalah peretasan yang sebenarnya atau hilangnya layanan.Memperbarui!Setelah situs Anda bersih , jangan lupa untuk memperbarui instalasi Anda. Versi yang lebih lama lebih rentan terhadap peretasan daripada versi yang lebih baru.Sekarang setelah semuanya selesai, mulailah menyimpan cadangan basis data dan file Anda secara teratur. Jika ini pernah terjadi lagi, Anda akan siap untuk situasi ini.Informasi PemrogramanFile Palsu jQuery Menginfeksi Situs WordPress dengan MalwareBy banterling/31 Dec 2021File Palsu jQuery Menginfeksi Situs WordPress dengan Malware – Peneliti keamanan telah melihat versi palsu dari plugin jQuery Migrate yang disuntikkan pada lusinan situs web yang berisi kode yang dikaburkan untuk memuat malware.File Palsu jQuery Menginfeksi Situs WordPress dengan Malware Baca Juga : Apa itu jQuery dan Bagaimana Cara Menggunakannyabenjaminsterling – File-file ini diberi nama jquery-migrate.js dan jquery-migrate.min.js dan hadir di lokasi yang tepat di mana file JavaScript biasanya ada di situs WordPress tetapi sebenarnya berbahaya.Sampai hari ini, lebih dari 7,2 juta situs web menggunakan plugin jQuery Migrate, yang menjelaskan mengapa penyerang menyamarkan malware mereka dengan nama plugin populer ini.Peneliti menemukan file jQuery palsu yang merupakan malwareMinggu ini peneliti keamanan Denis Sinegubko dan Adrian Stoian melihat file jQuery palsu yang meniru plugin jQuery Migrate di lusinan situs web.Untuk membuat deteksi menjadi sulit, file berbahaya ini menggantikan file asli dan sah yang ada di ./wp-includes/js/jquery/ di situs web ini, yang merupakan direktori tempat WordPress menyimpan file jQuery.File bernama jquery-migrate.js dan jquery-migrate.min.js ini telah mengaburkan kode yang memuat lebih lanjut file analytics.js misterius dengan kode berbahaya di dalamnya.Meskipun skala penuh dari serangan ini belum ditentukan, Sinegubko membagikan kueri penelusuran yang menunjukkan lebih dari tiga lusin halaman yang saat ini terinfeksi dengan skrip analitik berbahaya .Berlawanan dengan namanya, file analytics tidak ada hubungannya dengan pengumpulan metrik situs web:BleepingComputer menganalisis beberapa kode yang dikaburkan yang ada dalam file.Kode tersebut memiliki referensi ke “/wp-admin/user-new.php” yang merupakan halaman administrasi WordPress untuk membuat pengguna baru. Selain itu, kode mengakses variabel _wpnonce_create-user yang digunakan WordPress untuk menerapkan perlindungan Pemalsuan Permintaan Lintas Situs (CSRF).Secara umum, dapat memperoleh atau mengatur token CSRF akan memberikan penyerang kemampuan untuk membuat permintaan palsu atas nama pengguna.Menyuntikkan skrip seperti ini di situs WordPress memungkinkan penyerang melakukan berbagai aktivitas berbahaya termasuk apa pun mulai dari penipuan Magecart untuk skimming kartu kredit hingga mengarahkan pengguna ke situs penipuan.Pengguna dapat diarahkan ke survei palsu, penipuan dukungan teknis, diminta untuk berlangganan pemberitahuan spam atau mengunduh ekstensi browser yang tidak diinginkan .Namun, lebih khusus dalam kasus ini, fungsi checkme() mencoba mengarahkan jendela browser pengguna ke URL berbahaya yang diidentifikasi oleh BleepingComputer.Khususnya, baris 15 skrip analitik (ditunjukkan di atas) berisi URL yang disandikan dengan karakternya direpresentasikan sebagai nomor ASCII.Ketika diterjemahkan oleh BleepingComputer, URL diidentifikasi sebagai:https://blow.talkingaboutfirms[.]ga/?sid=54745-33-674347-21&cid=378345&pidi=654368&aid=27833Dalam contoh yang dilihat oleh BleepingComputer, halaman berulang kali meminta pengguna untuk “Mengizinkan” pemberitahuan browser untuk memverifikasi bahwa mereka bukan robot, atau mengarah ke survei palsu yang bertujuan mengumpulkan data pengguna.Sampai pengguna mengeklik “Izinkan”, urutan pengalihan terus melompati mereka melalui domain dan laman web berbeda yang menunjukkan pesan yang sama kepada pengguna dengan cara yang lebih kreatif.Pencarian untuk URL yang baru diidentifikasi ini oleh BleepingComputer selanjutnya mengungkapkan lebih dari dua lusin situs web yang terinfeksi dengannya.Jaringan URL spam yang digunakan dalam urutan pengalihan juga luas dengan banyak domain yang berperan. BleepingComputer belum menganalisis masing-masing domain ini.Tingkat deteksi VirusTotal rendahSeperti yang terlihat oleh BleepingComputer, pada saat penulisan file analytics.js berbahaya yang dipermasalahkan, dan URL yang kami identifikasi akan terbang di bawah radar lebih dari 90% mesin antivirus, mengingat tingkat deteksi VirusTotal yang rendah.Oleh karena itu, melakukan pemindaian keamanan situs web Anda dengan mengandalkan pemindaian berbasis tanda tangan saja mungkin tidak cukup untuk mendeteksi kode palsu yang bersembunyi di instans WordPress Anda.Belum diketahui bagaimana skrip ini disuntikkan atau masuk ke halaman web server yang disusupi.Jika situs web Anda menggunakan WordPress atau plugin JavaScript populer seperti jQuery Migrate, sebaiknya lakukan audit keamanan menyeluruh secara berkala dan periksa anomali yang mungkin menunjukkan tanda-tanda aktivitas jahat.Terima kasih kepada Mark Roze dari Spyse untuk menyediakan data pada 7,2 juta situs web yang menjalankan plugin jQuery Migrate yang sah.Tags:File Palsu jQuery Menginfeksi Situs WordPress dengan MalwarePemrogramanApa itu jQuery dan Bagaimana Cara MenggunakannyaBy banterling/22 Dec 2021Apa itu jQuery dan Bagaimana Cara Menggunakannya, Jika Anda sudah familiar dengan dunia pemrograman, Anda pasti tahu betapa pentingnya bahasa pemrograman. Beberapa yang paling penting dan sering digunakan termasuk HTML , CSS , dan JavaScript . Di mana HTML dan CSS membantu Anda merancang dan menyusun situs web Anda, JavaScript memungkinkan Anda membuatnya interaktif. Ada sejumlah pustaka JavaScript yang dapat Anda gunakan untuk menambahkan fitur unik ke proyek web Anda. Di antaranya adalah perpustakaan jQuery.jQuery dengan sendirinya bukanlah bahasa pemrograman. Ini adalah alat yang dapat Anda gunakan untuk memfasilitasi pengembangan web dalam JavaScript. Ini membantu membuat tugas lebih sederhana dan mudah. Hal ini terkenal berdasarkan konsep ‘Tulis Lebih Sedikit, Lakukan Lebih Banyak.’ Selain membuat pengembangan web lebih mudah, jQuery juga memberi Anda manfaat tambahan dari kompatibilitas lintas-browser. Ini berarti kode dapat dirender dengan tepat terlepas dari browser mana yang digunakan untuk output.Menurut benjaminsterling Untuk lebih memvisualisasikan bagaimana jQuery membuat segalanya lebih ringkas, pertimbangkan sebuah contoh. Katakanlah kita sedang menulis “Halo, Dunia!” program. Berikut adalah tampilannya masing-masing di JavaScript dan jQuery:12JavaScriptdocument.getElementById(“demo”).innerHTML = “Hello, World!”;12jQuery$(“#demo”).html(“Hello, World!”);Kedua baris kode ini akan menghasilkan hasil yang sama. Namun, seperti yang Anda lihat, jQuery membuat tulisan lebih ringkas dan to the point.Dalam tutorial ini, Anda akan mempelajari semua tentang dasar-dasar jQuery. Anda dapat mengunduh alat ini sendiri dari situs web ini . Kami akan melanjutkan seolah-olah Anda adalah seorang pemula yang lengkap tanpa pengetahuan tentang jQuery. Tutorial ini akan mengajarkan Anda cara menginstal jQuery dan beberapa konsep dasar yang terkait dengannya. Kami akan menjelajahi beberapa penyeleksi, acara, dan efek umum di jQuery. Kemudian, Anda akan mempelajari cara menguji konsep pengembangan seperti API, DOM, dan CDN melalui contoh yang bermanfaat. Baca dulu untuk membiasakan diri Anda dengan dunia jQuery.Sebelum Kita MulaiAda hal-hal tertentu yang akan menguntungkan Anda jika Anda mengetahuinya sebelumnya. Misalnya, memiliki pemahaman dasar tentang cara kerja HTML dan CSS akan sangat membantu Anda. Kami tidak akan membahasnya dalam tutorial ini. Kami akan bekerja dengan asumsi bahwa Anda paling tidak tahu cara membuat situs web sederhana. Anda juga harus memiliki pemahaman dasar tentang cara kerja pemrograman secara umum. Itu tidak berarti bahwa Anda harus menjadi ahli dalam JavaScript untuk melanjutkan. Cukup memiliki beberapa keakraban dengan hal-hal seperti logika, variabel, dan tipe data dalam pemrograman sudah cukup.Cara Mengatur jQuery di Sistem AndaPertama-tama, mari kita lihat bagaimana Anda dapat mengatur jQuery di sistem Anda. jQuery tersedia sebagai file JavaScript karena merupakan perpustakaan JavaScript. Anda harus menautkan file ini dalam kode HTML untuk situs web kami. Ada dua cara untuk melakukan ini. Seperti yang saya sebutkan sebelumnya, salah satu cara untuk melakukannya adalah dengan mengunduhnya dari sini . Selain dari situs resminya, Anda juga dapat menemukan jQuery di Perpustakaan yang Dihosting Google di sini .Cara lain adalah Anda menggunakan Jaringan Pengiriman Konten atau CDN untuk menautkan file. CDN terdiri dari satu set server yang membantu mengirimkan konten web secara lokal. Hosting file jQuery melalui CDN memungkinkan konten tiba lebih cepat kepada pengguna. Itulah mengapa kami akan menggunakan Jaringan Pengiriman Konten mulai saat ini dan seterusnya dalam tutorial ini.Dalam contoh pertama kami, kami akan membuat proyek web. Proyek kecil ini berisi gaya . css di direktori css / . naskah . js terletak di direktori js / . Terakhir, indeks . html hadir di root proyek web:Sesuai proyek ini, kita akan membuat kerangka HTML. Selanjutnya, kita akan menyimpannya sebagai index . html :12345678910111213  jQuery Demo  Di sinilah kita akan menautkan file jQuery. Seperti yang saya katakan sebelumnya, kami akan menautkannya melalui CDN. Anda akan memasukkan tautan jQuery sebelum tag  . Setelah itu, Anda dapat menambahkan file JavaScript khusus Anda yang merupakan script . js  dalam contoh kita. Ingatlah untuk selalu meletakkan file JavaScript di bawah library jQuery, seperti ini:123456789101112131415  jQuery Demo      Apa yang akan Anda lakukan jika Anda mengunduh salinan lokal perpustakaan jQuery? Dalam hal ini, Anda harus menyimpan file jQuery di folder js / . Kemudian Anda dapat menautkannya sebagai js / jquery . min . js .Baca Juga : Trik jQuery Mudah Yang Wajib untuk Web DesainjQuery: Dasar-dasarSebelum kita menyelami detailnya, mari kita bahas beberapa dasar-dasar jQuery. Tugas utama jQuery adalah menggunakan DOM untuk menghubungkan elemen HTML di browser. DOM adalah singkatan dari Document Object Model . Ini adalah metode yang memungkinkan JavaScript untuk berinteraksi dengan HTML di browser. Anda dapat memvisualisasikan DOM dengan mengklik kanan pada halaman web Anda dan memilih Inspect. HTML yang muncul di Alat Pengembang adalah DOM.Node adalah elemen HTML individual di DOM. JavaScript dapat memodifikasi semua objek atau elemen ini. Anda dapat membayangkan susunan benda-benda ini sebagai struktur seperti pohon.   terletak di akar sementara elemen lebih jauh bercabang.Mengklik kanan dan memilih Lihat Sumber Halaman akan menampilkan HTML mentah situs web. Ingatlah bahwa ini tidak sama dengan DOM. Di mana DOM dapat diubah, sumber HTML sepenuhnya statis. Perubahan apa pun yang Anda buat di JavaScript tidak akan memengaruhi file HTML ini. Seluruh simpul  dibungkus dalam lapisan luar yang disebut objek dokumen.Selanjutnya, kita akan melihat bagaimana Anda dapat memanipulasi halaman web Anda dan fitur-fiturnya menggunakan jQuery. Namun, sebelum melakukan itu, Anda harus memastikan bahwa halaman sudah siap.Ketik berikut ini setelah membuat skrip . file js di direktori js / :12345$(document).ready(function() {  // all custom jQuery will go here});Sekarang kode apa pun yang Anda tulis akan dibungkus dalam kode ini. jQuery akan mendeteksi kesiapan kode. Kode dalam fungsi ini hanya akan dijalankan ketika DOM disiapkan.Kami akan mengunjungi kembali “Halo, Dunia!” script yang kita bicarakan di awal tutorial. Pertimbangkan bahwa kami ingin memulai skrip ini. Untuk menggunakan jQuery untuk mencetak teks ini ke browser, kita harus menerapkan demo ID  ke paragraf level blok kosong seperti ini:123456......Untuk memanggil jQuery, kita harus menggunakan  simbol $ . Anda dapat menerapkan sintaks dan metode CSS untuk mengakses DOM dengan jQuery. Contoh sederhananya adalah sebagai berikut:1$(“selector”).method();Ini adalah format yang akan Anda gunakan dengan jQuery. Kita sudah tahu bahwa simbol # mewakili ID di CSS. Oleh karena itu, Anda dapat mengakses ID demo menggunakan pemilih #demo.html() . Metode ini akan memungkinkan Anda untuk mengubah HTML yang ada dalam sebuah elemen.Kode berikut menunjukkan kita meletakkan program “Hello, World” di pembungkus file jQuery ready ( ) script.js:123$(document).ready(function() {  $(“#demo”).html(“Hello, World!”);});Anda harus menambahkan baris kode ini ke skrip . berkas js . Simpan file ini. Setelah itu, Anda dapat membuka file index . html di browser. Anda seharusnya dapat melihat output Hello , World ! . Ini juga merupakan poin yang baik untuk memeriksa DOM demi pemahaman Anda. Klik kanan pada “Hello , World!” teks. Pilih Elemen Inspeksi. DOM akan menampilkan  Hello , World !  . Mengklik Lihat Sumber Halaman, di sisi lain, hanya akan menampilkan html mentah. Dalam hal ini, itu akan menjadi   .Apa itu Selector?Sekarang kita akan beralih ke beberapa fitur penting di jQuery. Di antaranya adalah pemilih. pemilih jQuery memberi tahu program elemen mana yang ingin Anda kerjakan atau ‘pilih’. Mereka sangat mirip dengan penyeleksi yang mungkin Anda gunakan di CSS. Berikut adalah format dasar cara mengakses pemilih di jQuery:1$(“selector”)Anda dapat menggunakan string yang dikutip tunggal atau ganda, meskipun panduan gaya jQuery lebih memilih yang terakhir. Jika mau, Anda dapat melihat daftar lengkap pemilih jQuery di halaman resmi ini . Untuk informasi Anda, berikut adalah beberapa pemilih yang paling sering digunakan:$(“*”)Ini adalah pemilih Wildcard. Ini akan memilih setiap elemen di halaman Anda.$ ( ini )Ini adalah pemilih saat ini. Ini memilih elemen yang sedang Anda operasikan dengan suatu fungsi.$ ( “p” )Ini adalah pemilih Tag. Ini memilih setiap contoh tag  .$ ( “.example” )Ini adalah pemilih Kelas. Ini akan memilih setiap elemen yang menerapkan kelas contoh .$ ( “#example” )Ini adalah pemilih Id. Itu hanya memilih satu contoh dari contoh id.$ ( “[type=’text’]” )Ini adalah pemilih Atribut. Ini akan memilih elemen apa pun yang diberikan dengan teks yang diterapkan ke atribut type .$ ( “p:first-of-type” )Ini adalah pemilih Elemen Pseudo. Ini membantu Anda memilih pertama .Apa itu Acara?Ada beberapa fitur halaman web yang dimuat segera setelah halaman dimuat. Pertimbangkan contoh “Hello , World“. Dalam hal ini, kita dapat menambahkan kode langsung ke HTML sumber. Tapi apa yang terjadi ketika memuat fitur memerlukan interaksi pengguna? Di situlah jQuery menjadi berguna.Katakanlah kita ingin beberapa teks muncul setelah pengguna mengklik tombol. Untuk menambahkan fitur ini, Anda harus menambahkan elemen  ke index . berkas html . Tombol ini akan mendengarkan klik ‘acara’:123456...Click meSetiap kali pengguna berinteraksi dengan browser dianggap sebagai peristiwa. Interaksi mungkin melalui penunjuk mouse atau keyboard. Dalam contoh di atas, klik tombol adalah acara kami. Itulah mengapa ini disebut acara klik.Selanjutnya, kita harus memanggil fungsi yang memiliki kode “Hello, World”. Untuk melakukannya, kita akan menggunakan metode klik ( )  :123$(document).ready(function() {  $(“#trigger”).click();});Seperti yang Anda lihat, ID elemen  kami bernama trigger . Kita dapat memilihnya dengan menggunakan $ ( “ #trigger”) . Tujuan penambahan metode klik ( ) adalah untuk membuat program mendengarkan event klik. Selanjutnya, kita akan menempatkan fungsi dengan kode teks di dalam metode:123function() {  $(“#demo”).html(“Hello, World!”);}Kode kita akan terlihat seperti ini di akhir:12345$(document).ready(function() {  $(“#trigger”).click(function() {  $(“#demo”).html(“Hello, World!”);  });});Sekarang Anda dapat menyimpan skrip . berkas js . Segarkan indeks . html  di browser untuk menerapkan perubahan. Setelah Anda mengklik tombol, hasil tes “Halo, Dunia!” akan muncul.Ada juga jenis acara jQuery selain klik. Anda dapat melihat daftar lengkap metode acara ini dari dokumen resmi ini . Berikut adalah beberapa yang paling sering digunakan yang mungkin Anda temui pada suatu kesempatan:click()Acara klik mengeksekusi kode pada satu klik mouse.hover ( )Acara hover mengeksekusi kode ketika pointer mouse melayang di atas sebuah elemen. Anda juga dapat menentukan apakah kode dipicu oleh mouse yang masuk atau keluar dengan mouseenter ( ) dan mouseleave ( ) .submit ( )Mengirimkan formulir memicu kode.scroll ( )Menggulir ke bawah layar akan menjadi acara yang mengeksekusi kode.keydown ( )Menekan tombol bawah pada keyboard akan mengeksekusi kode.Apa itu Efek?efek jQuery bekerja sama dengan acara jQuery. Tujuan utama dari efek, seperti yang dipahami oleh istilah tersebut, adalah untuk menambahkan animasi ke halaman. Ini memungkinkan Anda untuk memanipulasi elemen untuk menerapkan berbagai jenis efek. Efek ini dapat dipicu oleh peristiwa tertentu.Untuk memahami lebih baik, kita akan mempertimbangkan sebuah contoh. Katakanlah kita ingin membuka dan menutup overlay popup. Salah satu cara untuk melakukannya adalah dengan menggunakan dua ID yang berbeda. Satu akan membuka overlay dan yang lain akan menutupnya. Cara lain untuk melakukannya adalah dengan menggunakan kelas untuk melakukan ini. Manfaat menggunakan class adalah fungsi yang sama dapat membuka dan menutup overlay.Buka indeks Anda . berkas html . Kemudian, hapus tag  dan   dari body. Sekarang tambahkan baris kode berikut ke HTML:12345678910...Open  Close...Mari kita lihat gaya kita . file css berikutnya. Di sini, tujuan kami adalah menggunakan CSS minimum untuk menyembunyikan overlay. Untuk itu, kita akan menggunakan display : none dan center seperti ini:12345678910.overlay {  display: none;  position: fixed;  top: 50%;  left: 50%;  transform: translate(–50%, –50%);  height: 200px;  width: 200px;  background: gray;}Selanjutnya, kita akan menggunakan metode toggle ( ) . Metode ini akan memungkinkan kita untuk mengaktifkan properti display antara none dan block . Oleh karena itu, overlay akan disembunyikan dan ditampilkan setiap kali kita mengklik. Tambahkan kode ini ke skrip . file js :12345$(document).ready(function() {  $(“.trigger”).click(function() {    $(“.overlay”).toggle();  });});Terakhir, segarkan indeks . html untuk menerapkan perubahan. Sekarang Anda akan dapat mengaktifkan visibilitas modal. Yang harus Anda lakukan adalah mengklik tombol. Ada efek jQuery lain yang dapat Anda gunakan dalam kombinasi dengan ini. Misalnya, Anda dapat mengubah sederhana beralih ( )  untuk slideToggle ( )  atau fadeToggle ( ) .Baca Juga : Keuntungan Pengembangan Game di HTML5Berikut adalah beberapa metode efek yang umum digunakan di jQuery:beralih ( )Metode ini memungkinkan Anda untuk mengubah visibilitas elemen. Efek satu arah yang terkait dengannya adalah show ( ) dan hide ( ) .fadeToggle ( )Metode ini akan memungkinkan Anda mengganti visibilitas dan opasitas elemen melalui animasi. Efek satu arah dalam hal ini adalah fadeIn() dan fadeOut() .geserToggle ( )Metode ini akan memungkinkan Anda menggunakan efek geser untuk mengaktifkan visibilitas elemen. Efek satu arah dalam hal ini adalah slideUp ( ) dan slideDown ( ) .menghidupkan ( )Metode efek ini memungkinkan Anda melakukan efek animasi kustom. Ini menggunakan properti CSS dari elemen yang diberikan.KesimpulanMudah-mudahan, tutorial ini terbukti membantu dalam memberikan pengenalan menyeluruh ke jQuery. Ini adalah alat yang sangat berguna yang sangat membantu dalam memfasilitasi pengembangan web dan penulisan kode. Ini terutama benar jika Anda relatif baru di dunia pemrograman.Kami menjelajahi berbagai elemen yang membentuk dasar-dasar jQuery. Kami juga mempelajari bagaimana Anda dapat memilih dan memodifikasi elemen-elemen ini, dan bagaimana memanfaatkan peristiwa dan efek dengan baik. Penguasaan atas alat-alat seperti jQuery dapat membantu Anda membuat situs web yang diisi dengan fitur-fitur interaktif yang memberikan pengalaman pengguna yang menarik.1234Next »TweetSharePinShare0 Shares © Copyright 2020, All rights reserved.