YUI 3.0.0: Premier GA Sortie de Yui Next-Generation ligne de code »Blog interface utilisateur Yahoo! (YUIBlog)

YUI 3.0.0: Premier GA Sortie de Yui Next-Generation ligne de code

Septembre 29, 2009 à 13:38 par Eric Miraglia | En développement | 45 commentaires

 YUI (). Utilisation ("noeud", function (Y) {
     Y.one ("# message") setContent ("Bonjour, monde!").;
 });

Nous sommes heureux d'annoncer aujourd'hui la sortie générale-disponibilité de YUI 3.0.0 . L'infrastructure de base de YUI 3 ( YUI , Node et de l'événement ) et de sa suite d'utilitaires (y compris l'animation , IO , Drag & Drop et plus) sont tous considérés comme prêts pour la production avec la publication aujourd'hui.

YUI 3 est le premier au sol jusqu'à la refonte de la YUI depuis 2005, et elle apporte avec elle une foule de modernisations:

Sélecteur à moteur: YUI 3 est construite autour d'un des plus légers, plus rapides moteurs sélecteur disponibles, apportant la puissance expressive de la spécification CSS sélecteur en actions qui ciblent les noeuds DOM.
Syntaxiquement laconique: sans polluer l'espace de nommage global, YUI 3 supporte un style plus laconique de codage dans lequel plus peut être accompli avec moins de code.
Auto-remplir: la lumière de YUI 3 (6.2KB gzip) Fichier graines peuvent servir de point de départ pour toute mise en œuvre. Tant que ce fichier graine est présent sur la page, vous pouvez charger n'importe quel module dans la bibliothèque à la volée. Et tous les modules mis en page via le chargeur incorporé sont fait via la combo-traitées, les requêtes HTTP non-bloquant. Cela rend le chargement de la bibliothèque sûr, facile et rapide.
Sandbox: des modules YUI sont liés à des cas YUI lorsque vous use() entre eux, ce qui vous protège contre les changements qui pourraient survenir plus tard dans cycle de vie de la page. (En d'autres termes, si quelqu'un balaie d'un module que vous utilisez lorsque vous avez créé votre instance YUI, votre code ne sera pas affectée.)

Le code que nous sommes aujourd'hui en expédition 3.0.0 est le même code que les lecteurs de la page d'accueil Yahoo! nouveaux, et il sort avec la confiance qu'il a été exercé vigoureusement et à grande échelle. L'équipe est ravie de partager avec vous aujourd'hui pour la première fois dans un communiqué de prêts pour la production.

Rédaction de votre première YUI 3 App en 3 étapes faciles:

Un des objectifs de la refonte de YUI 3 a été de le rendre facile à utiliser sans sacrifier la puissance, de performance et de configurabilité. Vous pouvez avoir votre premier YUI 3 app opérationnel en moins d'une minute suivant trois étapes simples.

Étape 1: Placez le fichier YUI semences sur la page, tirant vers le bas d'un fichier script Slim 6.2KB hors du CDN de Yahoo:

 <script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"> </ script>

Etape 2: Faire usage de n'importe quel module de YUI ou cartouche. Le fichier de graines se chargeront de calculer vos dépendances et le chargement des scripts supplémentaires dont vous avez besoin (généralement) un seul combo-traitées, non-bloquant requête HTTP. Ainsi, vous pouvez utiliser le Drag & Drop pour le plugin faire un élément déplaçable comme ceci:

 <div id="demo"> je suis déplaçable. </ div>

 <script type="text/javascript" src="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"> </ script>
 <script>
 YUI (). Utiliser ('dd-plugin', function (Y) {
     Y.one ("démo # ') fiche (Y.Plugin.Drag).;
 });
 </ Script>

Étape 3: Il n'y a aucune étape 3. Détendez-vous, prenez un soda. Travaillez votre jeu court. La vie est belle.

YUI 3: `use()` Tout, mais pas tout

YUI la simplicité d'utilisation de 3 (en particulier dans sa capacité à use() aucun module avec intrinsèque, chargement efficace) est jumelé à de nouveaux niveaux de puissance et de contrôle.

Par exemple, l'une des caractéristiques que vous trouverez au long du projet YUI 3 met l'accent sur la granularité. Nous avons travaillé dur pour prendre les structures qui ont été monolithique dans YUI 2 et les décomposer en petits paquets dans YUI 3. En conséquence, vous vous apercevrez que de nombreux modules - au niveau des composants des packages tels que IO ou animation - sont constitués de sous-modules différents. Habituellement, tout ce que vous aurez besoin est le sous-module de base.

Tracer l'évolution des composantes de YUI YUI 2 à 3 tend à produire des visualisations comme celui-ci pour la DataSource (en comparant les tailles de fichier compressé):

YUI DataSource de comparaison paquet entre 2 et YUI YUI 3.

Parce que toute donnée DataSource mise en œuvre est susceptible de besoin que d'une mince sous-module de la famille DataSource, les économies en termes de performance et de K-poids - en particulier pour les implémentations complexes - sont souvent substantiels.

Prenez le temps d'explorer la dépendance Configurateur que vous configurez votre YUI().use() déclarations. Au lieu de choisir des modules de haut niveau, explorer les structures sous-module et voir si le featureset vous avez besoin est englobée dans un sous-module. Vous pouvez vous retrouver avec des modules comme io-base lieu de io et anim-base au lieu d' anim - et vous fait gagner beaucoup de K-poids dans le processus.

Mises à jour Site YUI

Parallèlement à la promotion de YUI 3 à la disponibilité générale avec la publication aujourd'hui, nous avons mis à jour le site YUI afin de mieux soutenir les collectivités en pleine croissance en utilisant les deux YUI 2 et 3 de YUI . Aujourd'hui, lorsque vous visitez YUI sur le Yahoo! Developer Network, vous trouverez une méta-page avec l'ensemble du projet des liens avec des liens directs dans la YUI YUI 2 et 3 zones du site.

En attendant, nous continuons à construire notre projet de suivi et de forums sur la plateforme YUILibrary.com et d'accueillir le code de source de YUI projet pour bifurquer et contributions sur GitHub Vous pouvez également trouver beaucoup de gens traîner dans YUI YUI # sur Freenode , n'hésitez pas d'abandonner et rejoindre la conversation que vous explorez YUI 3.0.0.

Partager et prolonger: Conservez ce lien avec del.icio.us | Digg it! | reddit!

45 Commentaires

Heureux d'entendre cela!
Commentaire par Young - Septembre 29, 2009 #
Je suppose que je vais donner un autre aller YUI et voir si elle peut remplacer jQuery dans mes petits projets. La quantité de matières soutien que vous les gens mis hors de YUI est étonnant, si je peux aller au-delà que «maintenant quoi?" Stade, je suis sûr que ce serait une meilleure base pour construire mes trucs avec.
Commentaire par Bruce - Septembre 29, 2009 #
Je serais très intéressé d'entendre comment l'équipe de développement YUI3.0 compare cette version de jQuery. Quels sont les points forts / points faibles de chacun? Y at-il des domaines où YUI3.0 est clairement en avance sur JQuery? Que diriez-vous l'inverse?
Commentaire par Jason Buberel - Septembre 29, 2009 #
Très cool. Bravo les gars, je serai penché sur l'AG au cours des deux prochains jours.
Commentaire par Jakub - Septembre 29, 2009 #
Félicitations les gars - vous avez mis une énorme quantité d'efforts dans YUI 3 donc il est bon de voir qu'il se c'est la première version!
Commentaire par Mike - Septembre 29, 2009 #
J'aime la brièveté de l'amorçage. Lazy loading devrait être beaucoup plus d'une norme de nos jours. Travaux autour des problèmes les plus de performance.
Commentaire par Chris Heilmann - Septembre 29, 2009 #
J'ai été assez exclusivement jQuery depuis un an maintenant, mais je suis heureux de donner ce un coup pour voir ce que c'est possible. Excellent travail, les gars!
Commentaire par Mattt Thompson - Septembre 29, 2009 #
Félicitation! Très beau travail, en particulier autour des sélecteurs.
Commentaire par Hauk - Septembre 29, 2009 #
[...] YUI 3 est disponible en bêta - les changements apportés à YUI nécessaires pour exécuter le nouveau site de Yahoo, petits, plus rapides, moins de code à écrire. [...]
Pingback par attends-moi! »Blog Archive» TTMMHTM: YUI3, OCR numérisation par Google et pourquoi la matière frontenders! - Septembre 29, 2009 #
[...] Aujourd'hui est une refonte complète, le cadre est devenu plus rapide, plus léger et plus facile à utiliser, citant Eric Miraglia: «Un des buts de la YUI 3 remaniement a été de le rendre facile à utiliser sans sacrifier la puissance, [.. .]
Pingback par YUI 3 première version est sortie | Règles JavaScript - Septembre 29, 2009 #
[...] Monter à la vitesse sur les dernières avancées YUI et les meilleures pratiques (avec un accent particulier sur la version 3.0.0 a annoncé plus tôt aujourd'hui), obtenir le scoop sur la route, et partager des conseils et astuces avec chaque [. ..]
Pingback par Enregistrez YUICONF 2009 Yahoo! »Blog Interface utilisateur - Septembre 29, 2009 #
Je suis d'accord avec Chris l'(6.2KB gzip) Fichier graine est vraiment l'un des points de hauteur.
Félicitations pour l'équipe de YUI, le remaniement a été vraiment incroyable!
Commentaire par Rafael Coelho - Septembre 29, 2009 #
Toute idée si / quand il y aura un éditeur de YUI Rich Text repose sur YUI 3?
Merci
Commentaire par Johan - Septembre 29, 2009 #
Félicitations pour la nouvelle version! Je suis un utilisateur jQuery aussi, mais très tenté de donner YUI un essai.
Cependant, alors que je vois la puissance de l'utilisation () module dynamique inclure des fonctionnalités, votre dépendance Configurator (DC) n'est pas réellement vous aider à l'utilisation () appel - il ne sort que des lignes de code HTML pour faire l'appel JS droite ... s'il vous plaît Ajouter une sortie CC équivalente à l'emploi () les états!
Commentaire par MarcusT - Septembre 29, 2009 #
@ MarcusT-Convenu ... configurateur devrait vous donner l'équivalent use() pour vos modules sélectionnés. Aucune question. Nous allons y arriver. -Eric
Commentaire par Eric Miraglia - Septembre 29, 2009 #
[...] Prêt à la production avec la publication aujourd'hui, "Yahoo Eric Miraglia a déclaré dans un message blog mardi. "Le code que nous sommes aujourd'hui en expédition 3.0.0 est le même code que les lecteurs de la nouvelle [...]
Pingback par les mises à jour Yahoo YUI outil pour les interfaces Web marée | GeekoPedia - Septembre 29, 2009 #
@ Johan - Qu'est-ce que je peux vous dire au sujet du calendrier, c'est que la prochaine importante version YUI 3 (3.1.0) se terminera en place l'infrastructure widget sur lesquelles quelque chose comme rédacteur dépend. Il y aura quelques widgets beta expédition avec 3.1.0 (T1 l'an prochain), mais je m'attends à une pleine YUI Editor 3 à venir plus tard. Gardez à l'esprit que l'éditeur de haut niveau dépend de beaucoup de sous-composants - panneaux, menus, boutons, etc Donc, nous avons beaucoup de travail à faire. Cela dit, nous aurons probablement quelques trucs pour vous de jouer avec avant la date d'expédition éditeur officiel. Réponse courte: Rédacteur en 2.8.0 est toujours la norme pour ce widget YUI et il sera un peu plus longtemps. -Eric
Commentaire par Eric Miraglia - Septembre 29, 2009 #
Pourquoi ne pas IE8 une teneur Un navigateur encore? Il n'est pas plus beta.
http://developer.yahoo.com/yui/3/articles/gbs/
Commentaire par Alan - Septembre 29, 2009 #
grande libération - Félicitations les gars.
Commentaire par réfléchit - Septembre 29, 2009 #
@ Alan -
http://developer.yahoo.com/yui/articles/gbs/
Désolé - la page que vous avez trouvé est une ancienne copie, non pas le courant du GBS. Mon mauvais.
-Eric
Commentaire par Eric Miraglia - Septembre 29, 2009 #
MERCI BEAUCOUP pour la fixation de tant de questions avec Google Chrome et IE 8 et de la composante Histoire YUI!! Cette juste fait ma semaine entière!!
Commentaire par Scott - Septembre 29, 2009 #
Yuppie! Ne peut pas attendre pour l'utiliser:) Merci les gars!
Pour ma projets en cours je vais rester sur 2.8.0, car les widgets manquants, en attendant je vais avoir le temps d'étudier et de s'habituer à la nouvelle version.
Commentaire par gpberlin - Septembre 30, 2009 #
Bravo à l'équipe Yui! Cette YUI3 est nettement meilleure que YAHOO.Utils.Dom.Yadda.Yadda.Yadda ... Vous vous demandez pourquoi vous avez quitté un bug sur le nœud ...
http://yuilibrary.com/projects/yui3/ticket/2528057
Commentaire par Willywongi - Septembre 30, 2009 #
Qu'est-ce que cela signifie pour YUI 2.x? Reverrons-nous YUI 2.9 et 2.10, etc avec des améliorations supplémentaires, ou avons-nous besoin pour commencer à planifier la migration?
La feuille de route pour YUI2 va pas plus loin que "YUI 2.8.1 si nécessaire" ...
Commentaire par Dominykas - Septembre 30, 2009 #
[...] Da annuncio sul blog ufficiale, è disponibile IERI da tutti per il versione di Télécharger La YUI, il [...]
Pingback par YUI 3.0 disponibile per il download | Edition - Il blogue di HTML.it - Septembre 30, 2009 #
[...] L'équipe YUI YUI a sorti 3,0: Nous sommes heureux d'annoncer aujourd'hui la sortie générale-disponibilité de YUI 3.0.0. L'infrastructure de base de YUI 3 (YUI, Node et l'événement) et de sa suite de services publics (y compris l'animation, IO, Drag & Drop et plus) sont tous considérés comme prêts pour la production avec la publication aujourd'hui. [...]
Pingback par Ajaxian »YUI 3 est sorti! - Septembre 30, 2009 #
[...] Das Javascript CSS-und-cadre Yahoo! von. Eric Miraglia beschreibt ausführlich meurent Neuerungen von YUI3. In der neuen version verändert ist Syntaxe mourir. Sie ist noch nicht immer zwar so schön [...]
Pingback par F-LOG-GE »Blog Archive» YUI3 ist draussen - Septembre 30, 2009 #
Moi aussi je voulais savoir plus d'informations sur les plans de YUI 2.x.
Depuis YUI 3 est «révolutionnaire» plutôt que «évolutionniste», la migration n'est pas une tâche facile (surtout si je ne veux pas courir les 2 en parallèle).
Est-ce que l'équipe YUI continuer à soutenir et développer pour YUI 2.x, ou seront-ils pas être laissé à la communauté?
Commentaire par Ken - Septembre 30, 2009 #
Ken, Dominykas - Nous passons plus de temps sur YUI YUI 3 que sur 2 à ce stade. Alors que nous continuons à maintenir la ligne de code 2.x, et nous nous attendons à voir les communiqués supplémentaires, les principales nouvelles fonctionnalités sont susceptibles de provenir de la communauté plutôt que de l'équipe d'ingénierie de base à Yahoo. Notez que nous avons déjà vu ce processus en cours, avec la sortie 2.8.0 découlant de contenu majeure des contributeurs. -Eric
Commentaire par Eric Miraglia - Septembre 30, 2009 #
Les gars de travail impressionnant!
Commentaire de Jean-Paul Cozzatti - Septembre 30, 2009 #
Im heureux que theyve publié ce et son une étape importante dans la convivialité de YUI, cependant jusqu'à ce qu'ils communiqué YUI 3.0 versions des widgets je lutte pour avoir la motivation à se soucier modernisation. Les widgets sont l'endroit réel où YUI brille au-dessus d'autres à cause de leur look standardisé, de la documentation extrêmement bonne, large gamme de support du navigateur, etc etc Mais je trouve toujours préférable d'utiliser jQuery ou MochiKit pour des trucs navigateur principal. Peut-être quand les widgets sortent tous de la version 3.0, je serai en mesure d'utiliser YUI pour tout ce qui serait doux.
Commentaire par site - Septembre 30, 2009 #
Superbe ouvrage. Sera de jouer avec elle.
Merci
Commentaire par Vinayak - Septembre 30, 2009 #
Mon jeu court a besoin de beaucoup de travail:)
Commentaire par Richard Corsale - Septembre 30, 2009 #
Qu'en est-il des grilles de YUI? Je vois les autres technologies CSS il ya (Base, Reset, les polices de caractères), mais pas de grilles. Est-Grilles YUI être abandonnées? Devrais-je être à la recherche d'un autre cadre de CSS?
Commentaire par Peter Kelley - Septembre 30, 2009 #
Pierre,
http://tech.groups.yahoo.com/group/yui3/message/726
Grilles toujours livré avec YUI 2, mais nous sommes de réévaluer l'approche pour YUI 3. Nous nous attendons à livrer un YUI 3 composante Grilles, mais nous travaillons encore sur l'approche.
-Eric
Commentaire par Eric Miraglia - Septembre 30, 2009 #
Beau travail les gars. Ne peut pas attendre pour jouer avec elle.
Commentaire par Kevin Spence - Septembre 30, 2009 #
Y at-il exister cheatsheets (en format pdf) pour Yui 3.0?
Commentaire par Sergey - Septembre 30, 2009 #
Sergey - Non, il n'y en a pas pour le 3.0.0 cheatsheets encore. -Eric
Commentaire par Eric Miraglia - Octobre 1, 2009 #
Vous connaissez d'attente pour cette version, big thumbs up pour l'équipe de YUI, en particulier pour libérer une telle API (même qui anime la page d'accueil de Yahoo) pour le public.
Commentaire par Charles Odili Opute - Octobre 2, 2009 #
[...] La nouvelle version de de la librairie AJAX et Autres animations is available. Comme la librairie Google AJAX API, IL EST possible de nit le chargeur qu'un noyau Très léger (moins de 10Ko) et CE noyau prendra ensuite en charge de chargement dynamique des librairies le supplementaires des. [...]
Pingback par - YUI3.0 is available - WordPress Pour Tous - Octobre 3, 2009 #
J'ai téléchargé YUI 3 bibliothèque mais ne trouve pas le contrôle sélecteur de date pour mon but, il était dans YUI 2.x..? dois-je attendre la sortie à venir pour cela.
Commentaire par Ashish - 8 Octobre, 2009 #
Ashish,
YUI 2 est encore une bibliothèque fantastique pour widgets comme Calendrier - nous aurons fait pour ceux qui YUI 3 ainsi (à partir de l'année prochaine Q1), mais pour l'instant s'en tenir à YUI 2. Et vous pouvez toujours utiliser YUI 2 et 3 ensemble:
http://developer.yahoo.com/yui/3/examples/yui/yui-compat.html
-Eric
Commentaire par Eric Miraglia - 8 Octobre, 2009 #
Mon Dieu! J'ai commencé à utiliser YUI3 la semaine dernière, a pris plusieurs heures juste pour obtenir le coup de la nouvelle syntaxe ... mais laissez-moi vous dire, ces heures ont été très bien passé! Je suis amoureuse YUI3! La nouvelle approche pour le traitement des événements personnalisés est superbe! L'architecture de plugin est incroyable! Et le "Candy" est tellement appréciée! Je ne peux pas attendre pour les widgets de lancer!
Commentaire par Jacob Fogg - 16 Octobre 2009 #
[...] YUI 2.8.0, 3.0.0 YUI, et PHP 1.0.0 beta 1 chargeur à la porte, l'équipe ici est centrée sur notre grand objectif final de [...]
Pingback par In the Wild pour Octobre 22, 2009 »Yahoo! User Interface blog (YUIBlog) - 22 Octobre 2009 #
Mon jeu court a besoin de beaucoup de travail:)
Commentaire par la technologie - Mars 24, 2010 #

Désolé, les commentaires sont fermés pour le moment.

Propulsé par WordPress sur Yahoo! Hébergement Web .

Yahoo! User Interface blog (YUIBlog)