Navigation

Versions

2009 : Création
15/06/2012 : Citation cookbook
20/12/2012 : Mise à niveau

Contactez-nous

Kitpages
17 rue de la Frise
38000 Grenoble
tel : 04 76 69 26 65

Par Philippe Le Van (twitter accountplv) Dernière mise à jour : 20 décembre 2012

YUI 3, présentation générale

YUI 3, de quoi parle-t-on ?

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

Par où commencer ?

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

Pourquoi utiliser YUI 3 ?

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.

YUI3 Cookbook

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.

Objectif de cette série d'article

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)

Liens

Quelques liens à aller voir en priorité

Remerciements

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

Commentaires

Ajouter un commentaire