Yahoo! User Interface (YUI) JavaScript Framework

Definisi Framework

Pengertian dasar dari framework adalah sebuah konsep yang memiliki struktur serta terorganisir dalam satu paket atau library. Dengan konsep ini, diharapkan agar desaigner atau developer lebih fokus pada project yang sedang dikerjakannya tanpa harus memulai dari awal.

YUI (Yahoo! User Interface)

Merupakan open source Javascript library untuk membangun interaktif aplikasi web menggunakan teknik seperti Ajax, DHTML, dan DOM scripting.

Pengembangan YUI dimulai pada tahun 2005 dan yahoo properti seperti My Yahoo! dan halaman depan Yahoo!. YUI dirilis untuk umum pada Februari 2006.

Apabila ingin melihat aksi dari YUI, silahkan buka website dari milik Yahoo!, disana kental dengan penggunaan YUI sebagai pendukung Rich Internet Aplication-nya. Pada bulan September 2009, Yahoo! merilis YUI 3.0(stable), versi baru dari YUI dibangun untuk memodernisasi perpustakaan dan menggabungkan dari YUI 2. Dalam segi ukurannya library utama YUI hanya berukuran 31KB. 

Diantara perangkat tambahan adalah CSS selector mesin didorong untuk mengambil DOM elemen dimaksudkan untuk membuat kode menulis lebih cepat dan lebih mudah.

Perpustakaan YUI proyek di Yahoo! didirikan oleh Thomas Sha dan disponsori secara internal oleh Yahoo! pendiri Jerry Yang, arsitek utamanya adalah Sha, Adam More, dan Matt Sweeny.

YUI juga menyediakan library yang dapat diunduh keseluruhan secara gratis.

Utilitas

• Animasi Membantu menciptakan efek posisi, ukuran, opacity atau karakteristik lain dari elemen halaman.
• Browser Sejarah Manager Membantu aplikasi web menggunakan tombol kembali browser dan fungsi bookmark.
• Connection manager membantu mengelola XMLHttpRequest transaksi dalam lintas browser mode. Ini telah terintegrasi dukungan untuk bentuk posting, penanganan error, calback dan upload file.
• DataSource menyediakan antarmuka dikonfigurasi umum untuk komponen lain untuk berinteraksi dengan berbagai jenis data, dari array JavaScript sederhana untuk server online selama XHR
• Drag and drop Drag YUI dan utilitas Gugurkan memudahkan untuk membuat draggable elemen dan menciptakan target penurunan yang merespon tarik acara.
• Elemen menyediakan pembungkus untuk elemen HTML di DOM dan membuat tugas umum sederhana seperti menambahkan pendengar, memanipulasi DOM, dan menetapkan serta mendapatkan atribut.
• ImageLoader Memungkinkan untuk menunda pemuatan gambar yang tidak terlihat di viewport pada saat beban halaman. Hal ini dapat meningkatkan besarnya kinerja.
• JSON menyediakan metode untuk validasi data JSON masuk untuk memverivikasi bahwa aman dan metode untuk mengkonversi data JavaScript ke sebuah string JSON. Metode ini didasarkan pada karya Douglas Crockford di JSON.org.
• YUILoader adalah client-side loader mesin yang secara dinamis dapat memuat komponen YUI (dan dependensi) dengan cepat. Untuk menggunakan YUILoader, masukkan script berikut ke dalam halaman anda.