Pemrograman YUI: Salah Satu Perpustakaan JavaScript Pertama

Penyingkapan: Dukungan Anda membantu menjaga situs tetap berjalan! Kami mendapatkan biaya referensi untuk beberapa layanan yang kami rekomendasikan pada halaman ini.


Selama tahun-tahun pertama Internet, halaman web cukup membosankan. Pengguna yang menjelajahinya menemukan halaman web yang tidak dapat berinteraksi dengan mereka, karena hanya berisi teks, gambar, dan tautan.

Seiring meningkatnya popularitas web, ada lebih banyak permintaan agar pengguna dapat berinteraksi dengan halaman. Akibatnya, bahasa seperti JavaScript semakin populer. JavaScript memungkinkan pengembang membuat widget dan plugin untuk pengguna yang menghasilkan situs web dinamis. Misalnya, dengan bahasa, pengembang dapat memutuskan perilaku halaman web berdasarkan lokasi klik mouse.

Akhirnya, JavaScript menjadi sangat kompleks. Sebagai hasilnya, perpustakaan JavaScript dibuat untuk membuat pengembangan lebih mudah. Salah satu perpustakaan tersebut adalah YUI atau Perpustakaan Antarmuka Pengguna Yahoo.

Pengembangan untuk perpustakaan dimulai oleh Yahoo! karyawan, Thomas Sha, kembali pada tahun 2005. Tujuan YUI adalah untuk menyediakan antarmuka untuk dengan mudah memanipulasi halaman web melalui JavaScript yang kompatibel di semua browser. Perpustakaan berisi banyak fitur termasuk pemrosesan data cookie browser, penanganan acara browser, dan membaca data formulir.

Yahoo! merilis versi utama pada tahun 2006 dan 2009, dengan rilis terakhir pada tahun 2014. YUI dihentikan sebagai akibat dari penurunan minat di antara pengembang dan peningkatan penggunaan skrip sisi server melalui perpustakaan seperti Node.js.

Tutorial YUI

Tutorial ini akan membantu pemula memulai dengan perpustakaan YUI.

  • YUI Pendahuluan Slide menyediakan pengantar ke perpustakaan yang ditujukan untuk pemula dan dipresentasikan oleh Christian Heilmann di Web Directions North 2009.
  • Membuat Antarmuka yang Kaya dengan Perpustakaan YUI adalah tutorial langkah demi langkah dari Wired Magazine yang menjelaskan cara menambahkan fitur yang kaya ke halaman web seperti kontrol korsel dan kalender.
  • Perubahan YUI 3 adalah artikel yang memberikan rincian tentang beberapa perbedaan antara YUI 2 dan YUI 3.
  • YUI Skinning menjelaskan cara mengubah “tampilan dan nuansa” widget dan kontrol dari YUI.
  • Contoh YUI memberikan banyak contoh yang dapat digunakan pengembang untuk memulai pengembangan YUI dan membuat antarmuka yang kaya.
  • Pengantar YUI menyediakan informasi tentang fitur perpustakaan YUI termasuk DOM, event handler, modul animasi, dan permintaan Ajax – lengkap dengan contoh kode.

Pengembang juga dapat melihat tutorial video berikut untuk membantu mempelajari YUI:

  • YUI Basics adalah tutorial video yang menyediakan dan ikhtisar perpustakaan YUI.
  • YUI DataTables adalah tutorial video yang memberikan gambaran umum tentang komponen DataTable. Ini termasuk contoh kode, dan disajikan oleh salah satu insinyur yang bekerja di YUI.
  • YUI Mojito menunjukkan bagaimana pengembang dapat membuat aplikasi web menggunakan Mojito, kerangka kerja MVC (Model View Controller) untuk YUI.
  • When Not to Use YUI adalah tutorial video yang menghibur namun informatif yang menunjukkan situasi apa yang menjamin penggunaan YUI.
  • Acara Evolved menyajikan ceramah oleh Luke Smith tentang penanganan DOM, sintetis, dan acara khusus menggunakan YUI. Aplikasi web sebagian besar didorong oleh peristiwa jadi ini adalah tutorial yang patut untuk dilihat.

Sumber Belajar Tambahan

Banyak situs menawarkan tutorial yang mencakup berbagai topik yang berkaitan dengan YUI. Berikut adalah beberapa situs web yang akan bermanfaat bagi para pengembang awal dan lanjutan.

  • Situs Web Perpustakaan YUI adalah situs web yang menampilkan banyak artikel di perpustakaan YUI. Dengan menjelajahi situs web ini, pengembang akan dapat dengan cepat memulai dengan pengembangan aplikasi berbasis YUI, melihat dokumentasi, melihat tutorial, dan mengobrol dengan komunitas pengembang lainnya tentang topik YUI.
  • GitHub tidak hanya menyimpan berbagai repositori kode untuk YUI, situs web ini juga menampilkan tutorial tentang mengubah tampilan dan nuansa berbagai widget dan membuat modifikasi kode.
  • AlloyUI mencakup beberapa tutorial dengan contoh kode mendalam menggunakan perpustakaan AlloyUI yang dibangun di atas perpustakaan YUI3. Pengembang yang mengunjungi situs web dapat mengunduh perpustakaan dan mempelajari cara menerapkan banyak fitur termasuk komidi putar, bilah kemajuan, dan tabel data.

Buku tentang YUI

Tidak seperti banyak bahasa dan perpustakaan lain, hanya ada beberapa buku bagus tentang YUI. Mereka memberikan pengantar lengkap untuk YUI dan memberikan beberapa contoh mendalam.

  • Belajar tentang Yahoo! User Interface Library (2008), oleh Dan Wellman, memberikan para pengembang ikhtisar yang baik tentang YUI dengan contoh-contoh terperinci. Pengembang yang membaca buku akan mendapatkan konsep pemula dan lanjutan. Tidak ada pengalaman sebelumnya yang dianggap.
  • YUI 3 Cookbook (2012), oleh Evan Goer, menampilkan beberapa cuplikan kode atau “resep” yang memecahkan masalah spesifik yang dapat digunakan pengembang secara langsung pada proyek mereka. Beberapa contoh dalam buku ini termasuk cara membuat animasi, kode debug, membuat komponen, dan menangani acara.
  • Kerangka JavaScript Profesional: Prototipe, YUI, ExtJS, Dojo, dan MooTools (2009), oleh Orchard, dkk, menampilkan gambaran umum berbagai kerangka kerja termasuk YUI serta sampel kode. Dengan buku ini, pengembang dapat mempelajari cara membuat efek UI seperti seret dan lepas, gunakan alat CSS, dan buat widget dengan YUI.

Sumberdaya Alternatif

Sejak rilis terakhir YUI pada tahun 2014, pengembang mungkin ingin mempertimbangkan kerangka kerja alternatif. Beberapa alternatif populer termasuk jQuery, yang digunakan di sebagian besar situs web. Berikut adalah beberapa sumber daya jQuery untuk dipertimbangkan.

  • Tutorial jQuery W3Schools mengajarkan pengembang banyak fitur perpustakaan termasuk sintaks dasar, mengimplementasikan penangan acara, dan memilih elemen HTML. W3Schools juga memungkinkan pengembang untuk memodifikasi dan mengeksekusi kode di situs web itu sendiri.
  • jQuery Course adalah kelas online dari CodeCademy bagi pengembang untuk mempelajari dasar-dasar perpustakaan dan mengimplementasikan proyek.
  • Udemy jQuery Course adalah kursus “bootcamp” yang intens yang akan membawa pengembang melalui dasar-dasar JavaScript dan jQuery. Kursus ini mencakup beberapa file kode sumber yang dapat digunakan dan diperbarui secara berkala.

Is it Worth YUI Belajar?

Meskipun pengembangan YUI dihentikan oleh Yahoo, mempelajarinya masih bisa meningkatkan keterampilan Anda. Dengan mempelajari YUI, Anda mendapatkan eksposur ke model kerangka kerja lain. Mempelajari kerangka kerja ini dapat membantu Anda memahami perpustakaan serupa seperti jQuery atau AngularJS.

Mempelajari kerangka kerja tambahan juga membantu memperkuat pemahaman tentang pola desain perangkat lunak yang umum digunakan. Misalnya, YUI menggunakan sistem Model View Controller yang digunakan di perpustakaan lain. Akhirnya, karena kerangka kerja web seperti YUI adalah open source, pengembang dapat memahami penelusuran web dan dasar-dasar JavaScript dengan memeriksa kode sumber kerangka kerja.

Bacaan Lebih Lanjut dan Sumberdaya

Kami memiliki lebih banyak panduan, tutorial, dan infografis terkait dengan pengkodean dan pengembangan situs web:

  • Menulis HTML yang Baik: ini adalah pengantar yang solid untuk menulis HTML yang baik dan menggunakan perangkat lunak validator HTML.
  • CSS3 – Pengantar, Panduan & Sumber: ini adalah tempat yang bagus untuk mulai belajar tata letak halaman web.
  • Pelajari dan Kuasai jQuery: pengantar jQuery kami.

Kode apa yang harus Anda pelajari?

Bingung tentang bahasa pemrograman apa yang harus Anda pelajari kode? Lihat infografis kami, Apa Kode Yang Harus Anda Pelajari? Itu tidak hanya membahas berbagai aspek bahasa, itu menjawab pertanyaan-pertanyaan penting seperti, “Berapa banyak uang yang akan saya hasilkan untuk pemrograman Java sebagai mata pencaharian?”

Kode Apa Yang Harus Anda Pelajari?
Kode apa yang harus Anda pelajari?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map