Yahoo! User Interface Blog (YUIBlog)

Die Umsetzung Focus: YUI 3 Einschalten Autofusion ist ResearchPro

Über den Autor: Josh Lizarraga ist ein YUI Contributor-und Frontend-Entwickler in San Diego, Kalifornien. Er benutzt YUI Rich-Frontend-Schnittstellen und Ajax-Anwendungen zum Aufbau Autofusion, Inc. , ein in San Diego Firma, die Web-Lösungen bietet der Automobilindustrie in den Vereinigten Staaten und Kanada. Wenn er nicht auf die Uhr, genießt Josh Beitrag zur YUI Projekt mit Testfällen und Gallery -Modulen.

Über das Projekt

Neben der Betreuung der Industrie-Profis, bietet Autofusion Endbenutzer-Informationsquellen über unsere CarPrices.com Schwester-Site. "ResearchPro" ist der Name, den wir auf unserer brandneuen Auto Forschungs-Anwendung, die es dem Benutzer, schnell und einfach finden Sie alles, was man über ein mögliches neues Auto kaufen Know ermöglicht verliehen habe.

Die Erforschung eines neuen Autos vor dem Kauf ist in der Regel eine schwierige, aber notwendige Erfahrung und die aktuellen Möglichkeiten, die Verbraucher sind nicht sehr benutzerfreundlich. ResearchPro versucht, diese Fragen mit einem einfachen, geführte Ansatz Auto Forschung zu beheben. Wir nehmen auch die Erfahrung noch einen Schritt weiter und ermöglicht den Kunden ein kostenloses Angebot über ihre Traumwagen bei lokalen Händlern zu erhalten.

Warum YUI?

Wir begannen mit YUI 2 für alle unsere Frontend-Entwicklung vor etwa zwei Jahren, und haben es nicht bereut. YUI Fokus auf Entwicklung von Anwendungen macht es ein Kinderspiel für Autofusion, da wir viele bündig Web-Apps und Widgets für unsere Kunden.

Im Laufe der Jahre haben wir fast jeden YUI 2-Komponenten gibt es in unseren beiden Client-Web-Eigenschaften und unsere internen Tools verwendet. YUI ist nachgewiesene Erfolgsbilanz und unglaubliche Dokumentationen unterscheidet sie sich deutlich von den anderen Bibliotheken mit denen wir gearbeitet haben. Die Verfeinerungen der Bibliothek angeboten von YUI 3 hat es eine leichte Entscheidung für dieses Projekt.

Wie YUI ist in das Projekt Utilized

ResearchPro nutzt verschiedene YUI 3 Komponenten, nämlich IO , JSON , Knoten , Event- , Zeichentrick , und auch die Beta- Slider -Widget. Wir sind auch mit dem Selector-css3-und Event-mouseenter Module sowie ein benutzerdefiniertes Modul, dass die JSON Kommunikation mit dem Backend.

Herausforderungen und Vorteile der Verwendung von YUI 3

Migrieren von YUI 2 bis YUI 3 wurde sowohl die größte Herausforderung und den größten Nutzen bei ResearchPro Entwicklung. Arbeiten mit Knoten-Instanzen anstelle von DOM-Knoten direkt einige Einstellen auf den ersten zu nehmen, aber wir schnell festgestellt, dass diese hervorragende Abstraktion reduziert die Menge und die Komplexität des Codes für eine bestimmte Aufgabe. Ebenso bietet das Verkettbarkeit von YUI 3 Methoden einige große syntaktischer Zucker, die schwer zu, ohne zu leben.

Die größte Herausforderung der YUI 3 Migration war und ist beta bugs werden. Die erste YUI 3 beta wurde ein paar Monate frei, bevor wir die Entwicklung begonnen, und wir nahmen die Gelegenheit, dieses Projekt mit den neuen Entwicklungspfad zu starten. Wir wollten vertraut sein mit YUI 3 noch einmal das YUI 2 ersetzt in unseren Workflow die Straße hinunter. Während der Entwicklung haben wir entdeckt und gemeldet mehrere Bugs, von denen einige noch immer werden heute gearbeitet.

Was kommt als Nächstes für Autofusion?

Wir entwickeln ständig neue Produkte mit YUI und Überarbeitung unserer bestehenden Angebote zu YUI auf dem Frontend zu integrieren. Unser Online-Inventory-Lösung wird von YUI 2 angetrieben, und wir planen derzeit eine verfeinerte Version des Produkts, das YUI 3 in seiner Stelle verwendet.

Unser Inventar-Schnittstelle macht intensiven Gebrauch von der Container-Modul-Familie, so dass hoffentlich die Zeit, die wir Anfang der Entwicklung YUI 3 wird Implementierungen von Systemsteuerung und Dialog haben. Wir waren sehr zufrieden mit dem schnellen Wachstum der Funktionen sehr zufrieden und erwarten YUI unsere Frontend-Toolkit der Wahl werden für die kommenden Jahre.

Finden Gespräche: bloglines | technorati

Share and erweitern: Lesezeichen mit del.icio.us | digg it! | reddit!