야후 사용자 인터페이스 블로그 (YUIBlog)

구현 포커스 : YUI 3 전원 켜기 Autofusion의 ResearchPro

에 대한 저자 : 조쉬 Lizarraga는 샌디에고, 캘리포니아에있는 YUI의 기여자 및 프런트 엔드 개발자입니다. 그는 풍부한 프런트 엔드 인터페이스와 에이 잭스 응용 프로그램에 대한 구축 YUI를 사용 Autofusion, 주식 회사 , 미국과 캐나다의 자동차 산업에 웹 솔루션을 제공 샌디에고 회사. 그가 시간에하지 않다면, 조쉬 테스트 케이스와 함께 YUI 프로젝트에 기여 누리고 갤러리 모듈.

프로젝트 소개

업계 전문가를 제공하는 것 외에도, Autofusion는 우리를 통해 최종 사용자의 정보 자원을 제공 CarPrices.com 자매 사이트입니다. "ResearchPro"우리는 사용자가 신속하고 쉽게 잠재적인 새 자동차 구입에 대해 알고있다 모든 것을 찾을 수 있도록 우리의 새로운 자동차 연구 응용 프로그램에 수여했던 이름입니다.

당신이 구매하기 전에 새 차를 조사하는 것은 일반적으로 발굴 아직 필요한 경험이며, 소비자에게 사용할 수있는 현재의 옵션은 매우 사용자 친화되지 않습니다. ResearchPro 자동차 연구에 간단한 가이드 방식으로 이러한 문제를 해결하려고 시도합니다. 우리는 또한 고객이 현지 딜러에서 자신의 꿈의 자동차에 무료로 견적을받을 수 있도록 한 걸음 더 나아가 경험을 가져가라.

왜 YUI?

우리는 사용하기 시작 YUI 2 2 년전에 우리의 프론트 엔드 개발의 모든, 뒤돌아보지하지 않았습니다. 애플 리케이션 개발에 YUI의 초점은 우리가 고객에게 다양한 삽입 웹 애플 리케이션 및 위젯을 제공하는, 그것 Autofusion에 대한 생각할 수 있습니다.

수년간 우리는 우리의 클라이언트 웹 속성 및 내부 도구를 모두 거기에있는 모든 YUI이 구성 요소에 대한 사용했습니다. YUI의 입증된 트랙 기록하고 놀라운 설명서 정말로 우리가 일해 왔던 다른 도서관에서 따로 설정합니다. 에서 제공하는 라이브러리에 대한 상세 YUI 3 그것이 프로젝트에 대해 쉽게 선택했다.

YUI는 프로젝트에서 활용하는 방법

ResearchPro는 즉 여러 YUI 3 구성 요소를 사용하게 IO , JSON , 노드 , 이벤트 , 애니메이션 , 심지어 베타 슬라이더 위젯. 우리는 또한 선택 - CSS3 및 이벤트 mouseenter 모듈뿐만 아니라 백엔드와 JSON 통신을 처리하는 사용자 지정 모듈을 사용하고 있습니다.

도전과 YUI 3을 사용의 이점

YUI YUI 2에서 3로 마이 그 레이션하는 것은 가장 큰 도전과 ResearchPro 개발하는 동안 가장 큰 혜택을 모두했다. 대신 DOM 노드의 노드 인스턴스로 작업하는 것은 바로 처음에 몇 가지 조정을 할 수 있지만, 우리는 빨리이 뛰어난 추상화가 크게 주어진 작업에 대한 코드의 양과 복잡성을 줄일 수있는 것으로 나타났습니다. 마찬가지로, YUI 3 방법의 chainability없이 살기 힘든 좋은 구문 설탕을 제공합니다.

YUI 3 마이 그 레이션의 주요 도전이고 베타 버그되고 있습니다. 첫번째 YUI 3 베타는 우리가 개발을 시작하기 전에 몇 개월을 발표하고, 우리는 새로운 codeline이 프로젝트를 시작하는 것을 기회를했습니다했다. 우리는 길을 따라 우리의 작업 흐름에 YUI 2 대체 한번 YUI 3 알고 있어야 싶었어요. 개발하는 동안, 우리는 발견하고 아직도 오늘 작동되고있는 몇 가지 중 몇 가지 버그를보고했다.

Autofusion 다음 계획은 뭐죠?

우리는 항상 YUI 새로운 제품을 개발하고 프론트 엔드에서 YUI를 통합하기 위해 기존 제품을 수정하고 있습니다. 온라인 재고 솔루션은 YUI 2 전원, 우리는 현재 그 자리에 YUI 3 사용 제품의 세련된 버전을 계획.

우리의 재고 인터페이스는 컨테이너 모듈 제품군 많이 사용하게되므로 희망 시간에 의해 우리는 개발 YUI 3 패널 및 대화 상자 구현해야합니다 시작합니다. 우리는 매우 기능의 급속한 성장과 함께 기쁘게 생각하고, YUI는 앞으로 수년 동안 선택의 프론트 엔드 툴킷 것으로 기대 했어요.

: 대화 찾기 bloglines | 테크노을

공유하고 확장 : del.icio.us와 스크랩 | 디그 그것! | 레딧!