YUI 3.0.0: Erste GA-Release von YUI der nächsten Generation von Codeline »Yahoo! User Interface Blog (YUIBlog)

YUI 3.0.0: Erste GA-Release von YUI der nächsten Generation von Codeline

29. September 2009 um 13.38 Uhr von Eric Miraglia | In Entwicklung | 45 Kommentare

 YUI (). Verwenden ("Knoten", function (y) {
     . Y.one ("# message") setContent ("Hallo, Welt!");
 });

Wir sind erfreut, bekannt geben heute die allgemeine Verfügbarkeit der Version 3.0.0 YUI . YUI 3 der Kern-Infrastruktur ( YUI , Node und Event- ) und seine Utility-Suite (einschließlich Animationen , IO , Drag & Drop und mehr) werden alle als serienreife mit der heutigen Veröffentlichung.

YUI 3 ist der erste Boden-up Neugestaltung des YUI seit 2005, und es bringt eine Reihe von Modernisierungen:

Selector-driven: YUI 3 ist um eine der leichtesten, schnellsten Motoren zur Auswahl zur Verfügung gebaut, womit sich die Ausdruckskraft der CSS-Selektor-Spezifikation in Aktionen, die Ziel-DOM-Knoten.
Syntaktisch lapidar: ohne Verschmutzung der globalen Namensraum, unterstützt YUI 3 eine knappe Codierung Stil, in dem mehr mit weniger Code ausgeführt werden kann.
Self-Abschluss: YUI 3 das Licht (6.2KB gzipped) Seed-Datei kann als Ausgangspunkt für jede Implementierung dienen. Solange diese Seed-Datei auf der Seite vorhanden ist, können Sie ein beliebiges Modul in der Bibliothek zu laden on the fly. Und alle Module in die Seite gebracht über die eingebaute Lader sind so über Combo-behandelt, Non-Blocking-HTTP-Anfragen durchgeführt. Dies macht das Laden der Bibliothek sicher, einfach und schnell.
Sandbox: YUI-Module werden auf YUI-Instanzen gebunden, wenn Sie use() sie, dies schützt Sie vor Veränderungen, die später passieren könnte in der Seite Lebenszyklus. (Mit anderen Worten, wenn jemand bläst ein Modul, das Sie verwenden, nachdem Sie Ihre YUI-Instanz erstellt haben, wird Ihr Code nicht betroffen.)

Der Code, den wir ab heute sind in 3.0.0 ist der gleiche Code, der die neue Yahoo! Startseite treibt, und es geht mit Zuversicht, dass es wurde kräftig und im Maßstab ausgeübt. Das Team freut sich sehr, den Austausch mit Ihnen heute zum ersten Mal in einer serienreifen Version.

Schreiben der ersten YUI 3 App in 3 einfachen Schritten:

Eines der Ziele des YUI 3 Neugestaltung war es, machen es einfach, ohne Einbußen bei Leistung, Performance und Konfigurierbarkeit verwenden. Sie können sich Ihre erste YUI 3 app läuft in weniger als einer Minute nach drei einfachen Schritten.

Schritt 1: Legen Sie die YUI-Seed-Datei auf der Seite, Herunterziehen eine schlanke 6.2KB Script-Datei aus der Yahoo EUR:

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

Schritt 2: Nutzen Sie jede YUI Baugruppe bzw. Modul. Die Seed-Datei kümmert sich um die Berechnung Ihrer Abhängigkeiten und laden weitere Skripts müssen Sie in (meist) einer einzigen Combo-behandelt, Non-Blocking-HTTP-Request zu nehmen. So können Sie die Drag & Drop-Plugin, um ein Element ziehbar wie diese machen:

 <div id="demo"> Ich bin ziehbar. </ div>

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

Schritt 3: Es gibt keinen Schritt 3 fort. Entspannen Sie sich, schnappen Sie sich einen Soda. Arbeiten Sie an Ihrem kurzen Spiel. Das Leben ist gut.

YUI 3: `use()` Alles, aber nicht alles

YUI 3 Die Einfachheit der Nutzung (vor allem in seiner Fähigkeit, use() ein Modul mit intrinsischer, effiziente Beladung) wird mit neuen Ebenen von Macht und Kontrolle gepaart.

Zum Beispiel, ist eines der Merkmale, die Sie während der YUI-3-Projekt finden ein Schwerpunkt auf Granularität. Wir haben hart gearbeitet, um Strukturen, die monolithisch in YUI 2 waren zu nehmen und brechen sie in kleinere Pakete in YUI 3. Als Ergebnis, werden Sie feststellen, dass viele Module - auf Komponentenebene Pakete wie IO oder Animation - verschiedener Submodule enthalten sind. Normalerweise ist alles was du brauchst die Basis-Modul.

Wegmarken für die Entwicklung der Komponenten von YUI 2 bis 3 YUI neigt dazu, wie diese Visualisierungen für nachgeben DataSource (Vergleich gzipped Dateigrößen):

YUI DataSource Paket Vergleich zwischen 2 und YUI YUI 3.

Weil jede gegebene DataSource-Implementierung ist wahrscheinlich nur eine schlanke Submodul aus der DataSource Familie brauchen, die Einsparungen in Bezug auf Leistung und K-Gewicht - sind oft erheblich - vor allem für komplexe Implementierungen.

Nehmen Sie sich Zeit zur Erkundung der Dependency-Konfigurator , wie Sie einrichten möchten Ihre YUI().use() -Anweisungen. Statt der Kommissionierung Top-Level-Module, erkunden Sie die Submodul Strukturen und sehen, ob das Featureset Sie brauchen, in einem Submodul umgeben ist. Man ertappt sich mit Modulen wie io-base statt io und anim-base statt anim - und spart sich eine Menge K-Gewicht in den Prozess.

YUI Website Updates

Zusammen mit der Förderung von YUI 3 bis allgemeine Verfügbarkeit mit der heutigen Veröffentlichung haben wir aktualisiert die YUI-Website zur besseren Unterstützung der wachsenden Gemeinden sowohl mit YUI 2 und 3 YUI . Heute, wenn ihr Besuch auf dem YUI Yahoo! Developer Network finden Sie eine Meta-Seite mit Projekt-wide links zusammen mit direkten Links zu den YUI 2 und YUI 3 Bereiche der Website.

Inzwischen setzen wir bei dem Ausbau unseres Projekt-Tracking-und Foren -Plattform auf YUILibrary.com und Gastgeber der YUI-Projekt Quellcode für Gabelung und Beiträge auf GitHub Dort finden Sie auch eine Menge Leute YUI hanging out in # YUI auf Freenode , fühlen sich frei zu fallen und kommen Sie mit in das Gespräch, wie Sie YUI 3.0.0 zu erkunden.

Teilen und zu erweitern: Lesezeichen mit del.icio.us | Digg it! | reddit!

45 Kommentare

Freut mich zu hören!
Kommentar von Young - 29. September 2009 #
Ich schätze, ich muss zu geben, YUI anderen gehen und sehen, ob es jQuery in meiner kleinen Projekte ersetzen kann. Die Höhe der Trägermaterialien Sie Leute löschte für YUI ist erstaunlich, wenn ich kann Vergangenheit, dass "was nun?" Bühne, ich bin sicher, es wäre eine bessere Basis, um meine Sachen mit zu bauen bin.
Kommentar von Bruce - 29. September 2009 #
Ich würde mich sehr interessieren zu hören, wie die YUI3.0 Entwicklungsteam diese Version vergleicht, jQuery. Was sind die relativen Stärken / Schwächen der einzelnen? Gibt es Bereiche, in denen YUI3.0 klar vor JQuery? Wie wäre es mit der inversen?
Kommentar von Jason Buberel - 29. September 2009 #
Sehr cool. Herzlichen Glückwunsch Jungs, ich werde mich brütete über der GA in den nächsten paar Tagen.
Kommentar von Jakub - 29. September 2009 #
Herzlichen Glückwunsch Jungs - ihr habt eine riesige Menge an Aufwand in YUI 3 eingeben, damit es gut ist zu sehen, es bekommen es die erste Veröffentlichung!
Kommentar von Mike - 29. September 2009 #
Ich liebe die Kürze des Bootstrapping. Lazy Loading sollte viel mehr von einem Standard heutzutage. Arbeitet rund um die meisten Performance-Probleme.
Kommentar von Chris Heilmann - 29. September 2009 #
Ich war ziemlich ausschließlich jQuery jetzt seit einem Jahr, aber ich freue mich, diese geben einen Schuss zu sehen, was alles möglich ist. Tolle Arbeit, Jungs!
Kommentar von Mattt Thompson - 29. September 2009 #
Herzlichen Glückwunsch! Sehr schöne Arbeit, vor allem rund um Selektoren.
Kommentar von Hauk - 29. September 2009 #
[...] YUI 3 ist aus der Beta - die Änderungen an YUI benötigt, um die neue Yahoo-Homepage, kleiner, schneller, weniger Code zu schreiben, ausführen. [...]
Pingback von Warten Sie, bis ich komme! »Blog Archive» TTMMHTM: YUI3, OCR-Scanning durch Google und warum frontenders Angelegenheit! - 29. September 2009 #
[...] Ist heute ein komplettes Redesign, wurde der Rahmen schneller, leichter und einfacher zu bedienen, zitiert Eric Miraglia: "Eines der Ziele des YUI 3 Neugestaltung war es, machen es leicht, aber ohne Leistungseinbußen nutzen, [.. .]
Pingback von YUI 3 erste Version ist fertig | JavaScript Rules - 29. September 2009 #
[...] Bekommen Sie immer auf dem neuesten YUI Weiterentwicklungen und Best Practices (mit besonderem Schwerpunkt auf der 3.0.0-Release angekündigt heute) zu beschleunigen, erhalten die Schaufel über den weiteren Straßenverlauf, und Tipps und Tricks mit jedem [. ..]
Pingback von Register für YUICONF 2009 »Yahoo! User Interface Blog - 29. September 2009 #
Ich stimme mit der Chris (6.2KB gzipped) Seed-Datei ist wirklich eine der Höhe Punkten.
Herzlichen Glückwunsch YUI Team, war die Neugestaltung wirklich erstaunlich!
Kommentar von Rafael Coelho - 29. September 2009 #
Jede Idee, ob / wann wird es eine YUI Rich Text Editor auf YUI 3 basierend sein?
Dank
Kommentar von Johan - 29. September 2009 #
Herzlichen Glückwunsch zum neuen Release! Ich bin ein jQuery-Benutzer auch, aber sehr in Versuchung, geben YUI zu versuchen.
Doch während ich die Macht des Einsatzes () sehen dynamischen Modul-Funktionalität beinhalten, Ihre Abhängigkeit Configurator (DC) nicht wirklich helfen Ihnen bei der Verwendung ()-Aufruf - es gibt nur Zeilen HTML, die richtige JS Anruf zu tätigen bitte ... fügen eine gleichwertige DC-Ausgang für den Einsatz ()-Anweisungen!
Kommentar von MarcusT - 29. September 2009 #
@ MarcusT-Vereinbarte ... Configurator sollte Ihnen die entsprechenden use() für Ihre Module ausgewählt. Keine Frage. Wir werden um es zu bekommen. -Eric
Kommentar von Eric Miraglia - 29. September 2009 #
[...] Serienreife mit der heutigen Veröffentlichung, "Yahoos Eric Miraglia sagte in einem Blog-Post am Dienstag. "Der Code, den wir ab heute sind in 3.0.0 ist der gleiche Code, der neue [...] treibt
Pingback von Yahoo YUI Updates-Tool für Web-Oberflächen glatt | GeekoPedia - 29. September 2009 #
@ Johan - Was kann ich Ihnen über den Zeitplan sagen ist, dass die nächste signifikante YUI 3 Release (3.1.0) wird wickeln Sie das Widget-Infrastruktur, auf denen so etwas wie Editor würde davon abhängen. Es wird einige Beta-Widgets Versand mit 3.1.0 (Q1 nächsten Jahres) sein, aber ich würde erwarten, ein voller YUI 3-Editor, um später kommen. Denken Sie daran, dass die Top-Level-Editor auf eine Menge von Sub-Komponenten hängt - Panels, Menüs, Schaltflächen, etc. Also haben wir eine Menge Arbeit zu tun haben. Das heißt, wir müssen wohl ein paar Sachen für Sie mit der vor dem offiziellen Editor Versanddatum zu spielen. Kurze Antwort: Editor in 2.8.0 ist immer noch der Standard für diesen YUI Widget und es wird ein bisschen länger sein. -Eric
Kommentar von Eric Miraglia - 29. September 2009 #
Warum ist ein A nicht IE8 Grad Browser noch? Es ist nicht mehr Beta.
http://developer.yahoo.com/yui/3/articles/gbs/
Kommentar von Alan - 29. September 2009 #
große Release - Herzlichen Glückwunsch Jungs.
Kommentar von erwägt - 29. September 2009 #
@ Alan -
http://developer.yahoo.com/yui/articles/gbs/
Sorry - die Seite, die Sie gefunden ist eine alte Kopie, nicht die aktuelle GBS. Mein schlechtes.
-Eric
Kommentar von Eric Miraglia - 29. September 2009 #
VIELEN DANK für die Befestigung so viele Probleme mit Google Chrome und IE 8 und der YUI-Komponente Geschichte!! Dies gerade mein ganze Woche!!
Kommentar von Scott - 29. September 2009 #
Yuppie! Kann es kaum erwarten, es zu benutzen :) Vielen Dank Jungs!
Für meine laufenden Projekte werde ich auf 2.8.0 bleiben, weil die fehlenden Widgets, mittlerweile habe ich die Zeit zum Lernen haben und auf die neue Version zu gewöhnen.
Kommentar von gpberlin - 30. September 2009 #
Mein Lob an die YUI-Team! Diese YUI3 ist definitiv besser als YAHOO.Utils.Dom.Yadda.Yadda.Yadda ... Sich wundern, warum Sie einen Fehler auf Knoten links ...
http://yuilibrary.com/projects/yui3/ticket/2528057
Kommentar von Willywongi - 30. September 2009 #
Was bedeutet dies für YUI 2.x? Werden wir jemals YUI 2.9 und 2.10, etc mit allen weiteren Verbesserungen, oder müssen wir mit der Planung beginnen Migration?
Die Roadmap für YUI2 nur geht so weit, "YUI 2.8.1, wenn nötig" ...
Kommentar von Dominykas - 30. September 2009 #
[...] Da annuncio sul Blog ufficiale, e da ieri disponibile a tutti per il Herunterladen La versione di YUI, il [...]
Pingback von YUI 3,0 disponibile per il download | Bearbeiten - Il Blog di HTML.it - 30. September 2009 #
[...] Die YUI-Team hat sich YUI 3,0 ausgedrückt: Wir sind erfreut, bekannt geben heute die allgemeine Verfügbarkeit der Release YUI 3.0.0. YUI 3 der Kern-Infrastruktur (YUI, Node und Event) und seine Utility-Suite (einschließlich Animation, IO, Drag & Drop und mehr) werden alle als serienreife mit der heutigen Veröffentlichung. [...]
Pingback von Ajaxian »YUI 3 ist da! - 30. September 2009 #
[...] Das Javascript-und CSS-Framework von Yahoo!. Eric Miraglia beschreibt ausführlich Die Neuerungen von YUI3. In der Neuen Version IST sterben Syntax verändert. SIE IST ZWAR Roco Immer Nicht so schön [...]
Pingback von F-LOG-GE »Blog Archive» YUI3 IST DRAUSSEN - 30. September 2009 #
Auch ich wollte mehr Informationen über die Pläne für YUI 2.x wissen
Seit YUI 3 ist "revolutionär", anstatt "evolutionär", ist keine leichte Aufgabe Migration (besonders, wenn ich will nicht, um die 2 parallel laufen).
Wird die YUI-Team weiterhin unterstützen und für YUI 2.x entwickeln, oder wird es nicht bis zu der Gemeinde überlassen werden?
Kommentar von Ken - 30. September 2009 #
Ken, Dominykas - Wir verbringen mehr Zeit auf YUI 3 als auf YUI 2 an dieser Stelle. Während wir weiterhin die 2.x Entwicklungspfad zu halten sind, und wir rechnen mit zusätzlichen Releases zu tun, ist wichtige neue Funktionalität wahrscheinlich aus der Community und nicht aus dem Kern-Team von Yahoo kommen. Beachten Sie, dass wir diesen Prozess bereits im Gange, mit der Release 2.8.0 Ableitung von großen Content-Anbieter gesehen. -Eric
Kommentar von Eric Miraglia - 30. September 2009 #
Awesome work guys!
Kommentar von Jean-Paul Cozzatti - 30. September 2009 #
Im froh, dass dieser und seine theyve einen bedeutenden Schritt in der Usability von YUI, aber bis sie YUI 3.0-Versionen der Widgets befreie ich kämpfen, um Motivation zur Verbesserung Mühe haben, freigesetzt. Die Widgets sind das eigentliche Ort, an dem YUI leuchtet über andere wegen ihrer einheitlichen Look, sehr gute Dokumentation, große Auswahl an Browser-Unterstützung etc. etc. Aber ich finde es immer noch besser, jQuery oder MochiKit für allgemeine Browser-Zeug zu benutzen. Vielleicht, wenn die Widgets alle kommen für 3,0 I in der Lage, YUI für alles, was süß sein würde, zu verwenden.
Kommentar von Website - 30. September 2009 #
Hervorragende Arbeit. Wird herumexperimentiert habe.
Dank
Kommentar von Vinayak - 30. September 2009 #
Mein kurzes Spiel braucht viel Arbeit :)
Kommentar von Richard Corsale - 30. September 2009 #
Was ist mit YUI Grids? Ich sehe die anderen CSS-Technologien gibt (Base, Reset, Fonts), aber keine Netze. YUI Grids wird abgeschaltet? Sollte ich mich auf einem anderen CSS-Framework sein?
Kommentar von Peter Kelley - 30. September 2009 #
Peter,
http://tech.groups.yahoo.com/group/yui3/message/726
Grids noch Schiffe mit YUI 2, aber wir sind neu zu bewerten, den Ansatz für YUI 3. Wir erwarten eine YUI 3 Gitter Komponente liefern, aber wir arbeiten noch an dem Ansatz.
-Eric
Kommentar von Eric Miraglia - 30. September 2009 #
Gute Arbeit, Jungs. Kann es kaum erwarten zu spielen, um mit ihm.
Kommentar von Kevin Spence - 30. September 2009 #
Gibt es existieren cheatsheets (im pdf-Format) für YUI 3.0?
Kommentar von Sergey - 30. September 2009 #
Sergey - Nein, es gibt keine cheatsheets für 3.0.0 noch nicht. -Eric
Kommentar von Eric Miraglia - 1. Oktober 2009 #
Wurde für diese Version warten, Daumen nach oben für das YUI Team, insbesondere für die Freigabe solcher eine API (gleiche dar, die die Yahoo-Homepage) an die Öffentlichkeit.
Kommentar von Charles Odili Opute - 2. Oktober 2009 #
[...] La nouvelle version de la Librairie AJAX et autres est disponible Animationen. Comme la Librairie Google AJAX API, il est möglich de nieren Ladegerät qu'un Noyau très Léger (moins de 10ko) et ce Noyau prendra ensuite en charge le chargement Dynamique des Librairies supplémentaires. [...]
Pingback von - est disponible YUI3.0 - WordPress pour tous - 3. Oktober 2009 #
Ich habe heruntergeladen YUI 3 Bibliothek aber nicht finden Datumsauswahl-Steuerelement für meinen Zweck war es in YUI 2.x.?? sollte ich für die kommende Version für diese warten.
Kommentar von Ashish - 8. Oktober 2009 #
Ashish,
YUI 2 ist immer noch ein fantastisches Bibliothek für Widgets wie Kalender - wir diejenigen für YUI 3 sowie (beginnend im 1. Quartal nächsten Jahres) zu erledigen, aber für jetzt mit YUI 2 kleben. Und Sie können immer mit YUI 2 und 3 zusammen:
http://developer.yahoo.com/yui/3/examples/yui/yui-compat.html
-Eric
Kommentar von Eric Miraglia - 8. Oktober 2009 #
Meine Güte! Ich begann mit YUI3 letzte Woche, dauerte mehrere Stunden, nur um den Dreh der neuen Syntax zu bekommen ... aber lassen Sie mich Ihnen sagen, das waren Stunden sehr gut angelegt! Ich bin liebevoll YUI3! Der neue Ansatz für individuelle Event-Handling ist superb! Die Plugin-Architektur ist erstaunlich! Und die "Candy" ist so zu schätzen! Ich kann einfach nicht für die Widgets auf seinen Start warten!
Kommentar von Jacob Fogg - 16. Oktober 2009 #
[...] YUI 2.8.0, 3.0.0 YUI und PHP Loader 1.0.0 beta 1 aus der Tür, wird das Team hier an unserem letzten großen Ziel konzentriert [...]
Pingback von In the Wild für 22. Oktober 2009 »Yahoo! User Interface Blog (YUIBlog) - 22. Oktober 2009 #
Mein kurzes Spiel braucht viel Arbeit :)
Kommentar von Technologie - 24. März 2010 #

Leider ist die Kommentarfunktion zu diesem Zeitpunkt geschlossen.

Präsentiert von WordPress auf Yahoo! Web Hosting .

Yahoo! User Interface Blog (YUIBlog)