YUI 3, présentation générale

YUI 3 (Yahoo User Interface) est une librairie Javascript créée par Yahoo!. Elle a pour objectif de rationaliser le développement javascript.

Citons quelques caractéristiques intéressantes de cette librairie :

• Elle donne un cadre de programmation bien pensé (c'est l'avantage majeur de cette librairie).
• Elle uniformise les accès au DOM en utilisant des sélecteurs CSS3 (comme jquery)
• Elle uniformise le développement de widgets avec une architecture propre et robuste (plus complète que JQuery UI)
• Elle apporte un cadre pour un "MVC client" (comme backbone)
• Elle couvre un large spectre : navigateurs classiques, développement mobile, javascript server avec node.js, ...
• La librairie est stable depuis 2009, opensource

Pour débuter, je vous invite à consulter 2 pages :

• Le tutoriel sur ce site : Premiers pas avec YUI 3 
• Le "Quick start" officiel (en)

Il y a plusieurs arguments en faveur de YUI. A mon avis le plus pertinent est celui là. YUI est une libraire très globale qui couvre le spectre des librairies JQuery suivantes :

• Backbone + underscore
• Require JS
• JQuery UI
• une partie de JQuery mobile

YUI permet d'avoir un cadre cohérent et remarquement bien pensé à la place de plusieurs librairies hétérogènes.

Evan Goer a sorti en juin 2012 le livre "YUI3 Cookbook" aux édition O'Reilly

Je recopie ici une partie de sa préface qui indique de façon limpide ce qu'apporte YUI3.

Either way, you’re probably thinking to yourself, “What exactly is YUI good for?” Or perhaps even more accurately, “What can I build with YUI that I can’t just do with jQuery?”

The short answer is that with the help of auxiliary libraries such as Underscore and Backbone, there’s little you can’t build with jQuery. jQuery is an excellent document object model (DOM), events, and Ajax abstraction library, and people use it to build beautiful pages every day.

The longer answer is that every library is designed to address a particular set of problems. YUI focuses on keeping the complexity of web applications from spiraling out of control. Its key strengths are modularity and structure.

• “Modularity” means that YUI is not a monolithic library, but a toolkit for assembling highly tailored libraries. If you need AutoComplete and Calendar , you can load just those widgets and leave out all the others. If you need DOM manipulation but not XHR requests, you can load just the core DOM APIs without Ajax. Modularity is not tacked on as an afterthought, but baked deep into YUI’s design.
• “Structure” means that YUI’s APIs guide you toward building applications as a set of orderly components. Because of this, YUI components all have very similar behaviors. If you know how to work with a YUI ScrollView , you already know a lot about how to work with a Slider , a DataTable , or any other YUI widget.

The most realistic answer is that the best way to determine whether a framework or library works for you is to try it out yourself. YUI is a powerful open source JavaScript and CSS toolkit for building web applications, but there are many other fine choices out there. This book aims to demystify YUI and help you make an informed decision.

Cette série de tutoriaux de Kitpages a deux objectifs :

• documenter en français et de façon très pratique les éléments usuels de cette librairie
• Centraliser plusieurs sources de documents
• La documentation officielle
• Des screencasts en tous genres (principalement issus du YUI Theater)

Quelques liens à aller voir en priorité

• Le site officiel de YUI 3 : http://yuilibrary.com/
• Théorie et principes de YUI 3 (vidéo et slides) : Keynote de la YUIConf 2009
• Une présentation qui présente beaucoup de points intéressants un peu en vrac :  YUI 3 Sugar (YUI Theater)
• Twitter de la YUI library : @yuilibrary 
  

Un grand merci à Yahoo pour avoir développé et de publié sous licence BSD cette librairie.