야후 개방 전략 팀의 프런트 엔드 엔지니어링 위치

2009년 5월 26일 오후 12시 32분에서 에릭 Miraglia에 의해 |에서 프런트 엔드 엔지니어링 채용 야후 | 해제 댓글

우리는 지적 야후에서 구할 몇 프론트 엔드 엔지니어링 위치 지난주, 우리는 오늘 당신과 함께 공유하는 또 하나 있습니다. 이 위치가 개발자를위한 야후의 플랫폼에 초점을 수석 F2E의 역할 - 우리의 "개방 전략"또는 YOS .

YOS 소개

야후 개방 전략 팀은 오픈 플랫폼의 차세대를 구축하고 야후의 모든 부분으로 그들을 통합하고 있습니다. 애플 리케이션 플랫폼과 개발자 중심의 제품 to 야후의 모든 측면에 사회적 요소를 추가 플랫폼에서 YOS 팀은 방법 야후 작품 변화가 주어됩니다. YOS의 모든 구성 요소를 빌드에서, 팀은 그들이 안정적으로 야후 사용자와 개발자 매일 수억 서비스를 제공할 수 있도록 높은 확장성과 performant are 분산 시스템을 구현하는 데 중점을두고 있습니다.

작업의 책임

세계 최대의 관객 - 당신은 야후에 걸쳐 사용할 수있는 웹 애플 리케이션을 빌드하는 개발자 수 있도록 야후 애플 리케이션 플랫폼 (YAP)에 초점을 맞추고 엔지니어링 팀의 일부가 될 것입니다. 이 플랫폼을위한 혁신적인 기능과 서비스의 아키텍처, 설계 및 구현에 기여할 것입니다. 당신은 엔지니어링 팀의 나머지, 제품 관리자, QA 엔지니어와이 플랫폼에서 응용 프로그램을 구축할 외부 파트너들과 긴밀하게 작동합니다.

최소 자격

  1. 전체 웹 기술 스택와 직접 협의하여 업계 경험 7 년 이상 : 브라우저, 웹 서버 및 데이터베이스
  2. 아약스, XHTML, DHTML, CSS, 자바 스크립트, DOM JSON, 크로스 브라우저 호환성 문제, 최적화 기법과 국제화 문제를 포함한 브라우저 측 클라이언트 기술의 강력한 명령
  3. Java 또는 PHP를 사용하는 응용 프로그램 개발 경험
  4. AJAX와 클라이언트 / 서버 프로그래밍의 강한 명령
  5. 우수 서면과 구두 의사 소통 능력
  6. 객체 지향 설계 및 개발 기술과 경험이 풍부한
  7. 소프트웨어 개발 라이프 사이클 및 모범 사례와 친숙
  8. 컴퓨터 과학 또는 이와 동등한 학사. 컴퓨터 과학 석사 우대

선호하는 자격

  1. 그런 YUI 나 jQuery와 같은 자바 스크립트 툴킷을 사용하여 지식
  2. JSP 컴파일러 구현 경험
  3. 오픈 소셜이나 소동 구현 경험

당신은 게시 작업을 확인하고 다음 URL에 신청하실 수 있습니다 http://careers.yahoo.com/jdescription.php?oid=22173 . 야후 주식은 기회 균등의 고용주입니다. 자세한 내용 또는 채용을 모두 검색하려면 참조하시기 바랍니다 http://careers.yahoo.com .

대화 찾기 : bloglines | 테크노

공유하고 확장할 수 : del.icio.us에 북마크 | 디그 그것! | reddit!

2009년 5월 26일위한 야생에서

년 | 9시 36분에서 2009년 5월 26일 에릭 Miraglia에 의해 오전 야생에 | 이 댓글

다음은 뉴스와 지난 몇 주 동안 YUI 세계에서 메모 정리해보입니다. 우리는 우리가 놓친 것을 알려주 아래 코멘트를 이용하시기 바랍니다.

대화 찾기 : bloglines | 테크노

공유하고 확장할 수 : del.icio.us에 북마크 | 디그 그것! | reddit!

YUI 극장 - 토드 Kloots : "액세스 웹 2.0 위젯 프레임 워크 개발"

2009년 5월 22일 오후 2시 50분에서 에릭 Miraglia에 의해 |에서 YUI 극장 | 오프 댓글

토드 Kloots, 엔지니어, YUI 팀

우리가 계속 작동로서 YUI 셋 , 우리는 액세스 가능성에 대해 열심히 생각하고. 그리고 아무도 작성했다 토드 Kloots보다 해당 주제에 대해 어렵게 생각하지 않습니다 피사체에 블로그 게시물의 다양한 뿐 아니라 접근 발전의 예술과 sciense에 포괄적인 기술과 얘기를 제시 .

토드는 YUI 3 접근성 기능을 개발에서 배운 교훈에 대해 최근 야후 프론트 엔드 엔지니어 이야기, 그리고 우리가 여기 당신과 함께 해당 세션을 공유 드리겠습니다. 직접 기술을 자신의 개발에 사용하기 위해서는 토드의 이전 영상을 참조 ,이 세션은 높은 수준의 고려 사항으로 당신을 데려갈 것이다 복잡한 시스템의 가이드 접근 전략니다.

토드의 이야기에서 슬라이드입니다 여기에 압축 기조 파일로 제공 .

야후 비디오의 소스는 다음과; 성적표와 함께 높은 해상도 버전, YUI 극장 사이트에서 사용할 수 있습니다 .


토드 Kloots : "액세스 웹 2.0 위젯 프레임 워크 개발" @ 야후! 비디오

다운로드 (m4v)

혹시 부재중 ...

에서 다른 최근 동영상 YUI 극장 시리즈 :

YUI 극장에 가입 :

대화 찾기 : bloglines | 테크노

공유하고 확장할 수 : del.icio.us에 북마크 | 디그 그것! | reddit!

야후에서 두 개의 프론트 엔드 엔지니어링 위치

년 | 9시 41분에서 2009년 5월 22일 에릭 Miraglia에 의해 오전 프론트 엔드 엔지니어링 채용 야후에 댓글 끄기 |

우리가 야후에서 작업 공지를 게시했을 때, 우리는 종종 다음과 같은 피치으로 그들을 시작해 :

고유 야후 are 혁신적이고 창의적인 방법으로 온라인에서 매 2 사람 중 1 아웃에 영향을 생각해보십시오. 우리는 매일 그냥 알아, 당신도 못했습니다. 결국, 그것은 전세계 소비자와 광고주의 인터넷 경험을 다음 세대를 만드는 것입니다 당신과 같은 큰 사상가입니다. 지금 당신이 알아낸 세계를 보여줄 시간이야. 억 반 이상의 사람에게 어떤 효과가 귀하의 아이디어를 넣어.

이 피치는 제품과 플랫폼 고유의 도달 범위와 영향을 미칠 야후의 프론트 엔드 엔지니어링 / 웹 개발의 위치와보다 진정한 적이 없다. 그리고 우리는 항상 그의 재능과 열정 기회가 유일한 것처럼 엔지니어를 찾고 있습니다. , 프론트 엔드 엔지니어링의 학문에 야후의 훌륭한 전통을 토대로 YUI와 같은 도구를 사용하고 향상과 야후의 인터넷보다 쾌적한하고 강력한 있도록 도와주는 위치 - 여기 우리가 지금 채우기 위해 찾고 직책 몇 있습니다 ! 님의 천억 사용자.

자바 스크립트 플랫폼 개발자

위치 : 서니 베일, 캘리포니아.

프리젠 테이션 프레임 워크 그룹은, 새로운 프레임 워크를 구축하는 다른 개발자들과 편집자들이 신속하고 효율적으로 웹 사이트를 구축할 수 있도록 라이브러리와 도구를 만드는 것이다. 당신은 요구 사항과 요구 사항을 이해하기 위해 제품 관리자 및 개발자와 함께 일하는 것입니다. 당신은 규격을 만드는 디자인 도구와 API를 구현합니다. 당신은 확장 가능한 UI를 만드는 YUI 라이브러리를 사용합니다.

최소 작업 자격 :

  • 자바 스크립트 전문가입니다.
  • 표준을 준수에게 HTML, CSS, 아약스, DOM을 쓰기 실력
  • 크로스 브라우저 응용 프로그램 개발 경험 3~4년
  • PHP로 체험
  • 그럼 XML로 조예
  • YUI를 사용하는 경험
  • 압력에서 동작하고 동시에 여러 작업을 처리할 수있는 능력과 셀프 스타터.
  • 강력한 구두 및 서면 커뮤니케이션 능력.

이 위치를 신청하려면 아래 링크를 클릭하십시오 http://careers.yahoo.com/jdescription.php?oid=21972 .

야후 주식은 기회 균등의 고용주입니다. 자세한 정보 또는 채용을 모두 검색을 보려면 다음 사이트를 방문하시기 바랍니다 http://careers.yahoo.com .

프런트 엔드 엔지니어

위치 : 서니 베일, 캘리포니아.

수백만이 아닌 수천 단위로 측정 사용자 기반으로 응용 프로그램에서 일하고 싶으십니까? 당신이지도 또는 지리적 기술에 관심이 있습니까? 프런트 엔드 엔지니어링에 대한 열정? 그렇다면, 그렇다면 우리가 당신과 얘기하고 싶어요. 우리는 야후지도 팀에 합류하기 위해 의욕과 경험이 풍부한 기술자를 찾고 있습니다. 이 역할에서는지도 대상 (작업 것이다 http://maps.yahoo.com ) 및 기타 야후 속성에 대한 내부지도 관련 활동을 지원하기 위해 지원합니다. 이상적인 후보는 프론트 엔드 기술의 강력한 능력을 가지고 있지만, 셀 스크립트와 매우 편안한
(펄 / 배쉬)와 아파치 구성. 당신은 세부 사항에 대한 레이저 예리한 관찰력과 뛰어난 사용자 경험에 중점을두고 팀 선수 시군요. 당신처럼 보입니까? 우리는 그것을 들어 봅시다!

최소 자격 :

  • BS / 컴퓨터 과학 또는 이와 동등한 석사
  • PHP, 자바 스크립트 / AJAX, CSS와 HTML의 강한 능력
  • 깔끔하고 간결한 크로스 - 브라우저 코드를 작성하는 능력
  • 프런트 엔드 엔지니어로서 이전의 경험
  • 편안한 UNIX 환경에서 개발
  • 고체 구두 및 서면 커뮤니케이션 능력
  • XML 및 / 또는 JSON과 협력 경험

희망 :

  • 2-4년 웹 응용 프로그램 개발 경험
  • 아파치를 구성하는 체험
  • 버전 관리 소프트웨어 (CVS 나 SVN)과 체험
  • 야후 API를 (특히 YUI와지도 AJAX API)와 체험
  • 다음 중 하나에 대한 지식 플러스입니다 REST / 웹 서비스, i18n, l10n

이 위치를 신청하려면 아래 링크를 클릭하십시오 http://careers.yahoo.com/jdescription.php?oid=21920 .

야후 주식은 기회 균등의 고용주입니다. 자세한 정보 또는 채용을 모두 검색을 보려면 다음 사이트를 방문하시기 바랍니다 http://careers.yahoo.com .

대화 찾기 : bloglines | 테크노

공유하고 확장할 수 : del.icio.us에 북마크 | 디그 그것! | reddit!

YUI 극장 - Satyen Desai : "YUI 3 : 설계 목표와 아키텍처"

2009년 5월 12일 오후 1시 31분에서 에릭 Miraglia에 의해 |에서 YUI 극장 | 오프 댓글

Satyen Desai, 미스터 엔지니어, YUI 팀

여기서 팀은 YUI의 차세대 codeline, is YUI 3의 직장에서 열심히 남아 문서화 프리뷰 릴리즈로 오늘날 사용 가능한 되고 이미 야후의 차세대 프로젝트의 일부를 가동 . 우리가 베타 릴리스 이번 여름에게 가까이 가려고 할때, 우리는 YUI 3의 구분되는 특징에 대해 얘기 더 많은 시간을 소비하고. Satyen Desai, 미스터의 선택 YUI 팀의 엔지니어와 열쇠 YUI 3 개발자 중 하나는, YUI 3 이러한 목표에 의해 주도되었다 건축 결정을위한 설계 목표에 대해 야후 '에서 지난 주 이야기했다. 우리는 YUI 극장에 여기 이벤트에서 비디오를 공유 드리겠습니다.

Satyen의 이야기에서 슬라이드입니다 여기에 압축 파워 포인트 파일로 제공 .

야후 비디오의 소스는 다음과; 성적표와 함께 높은 해상도 버전, YUI 극장 사이트에서 사용할 수 있습니다 .


Satyen Desai : "YUI 3 : 설계 목표와 아키텍처 ' @ 야후! 비디오

다운로드 (m4v)

혹시 부재중 ...

에서 다른 최근 동영상 YUI 극장 시리즈 :

YUI 극장에 가입 :

대화 찾기 : bloglines | 테크노

공유하고 확장할 수 : del.icio.us에 북마크 | 디그 그것! | reddit!

야생에서 2009년 5월 11일 용

년 | 11시 43분에서 2009년 5월 11일 에릭 Miraglia에 의해 오전 야생에 | 이 댓글

뉴스와 지난 2 주간 후에 YUI 커뮤니티에서 노트. 우리는 우리가 놓친 것을 알려주 코멘트를 이용하시기 바랍니다.

대화 찾기 : bloglines | 테크노

공유하고 확장할 수 : del.icio.us에 북마크 | 디그 그것! | reddit!

Draggable DataTable의 행

곤잘로 콜데로 의한 2시 50분 오후에 2009년 5월 8일 |에 개발 | 4 개의 댓글

저자 소개 : 곤잘로 콜데로는 야후 플렉스 포스 팀 프런트 엔드 엔지니어입니다. 그는 현재 야후 홈페이지의 다음 세대에 노력하고 있습니다. 그는 또한 전입니다 Juku 그는 최근뿐만 아니라 교사가 된 졸업. 이 문서에서 그는 추가하는 과정을 통해 우리를 걷고 끌어서 놓기 기능을 하여 DataTable 위젯 .

소개

행을 끌어서 놓기 기능과 함께 주변에 이동할 수있을 어디 광산의 최근 프로젝트는 DataTable의 구현을 필요합니다. 을 통해 검토한 예제 YUI 갤러리 , 제가 구현하려 기능은 내가 본 것들로부터 조금은 다르다는 걸 깨달았다. 그래서 난 내 자신의 솔루션을 구현하기로 결정했습니다. 이 문서에서는 내가 YUI의 결합 방법을 설명 할게요 하여 DataTable 및 끌어서 놓기 구성 요소, 나는 발생한 문제에 대한 몇 가지 해결 방법, 그리고 어떻게 사용하여 나의 초기 솔루션을 향상시킬 수 있었다 새로운 YUI3 codeline 현재 미리보기에서 사용할 수 있습니다 ( 모드).

draggable하여 DataTable의 행을의 스크린샷.

초기 고려 사항과 몇 가지 가능한 해결 방법

내 마음에 와서 첫 번째 질문은 각 테이블 행 draggable과 가장 효율적인 방법으로 동시에 드롭 대상을 만드는 방법이었다. 나는 또한 요소를 동시에 끌어서 DDTarget 객체를 인스턴스화이 작동하지 않을 거라는 걸 알고 계셨어요. 를 통해 읽은 후 끌어서 놓기 API 설명서 전 재산 걸 알게 isTarget 기본 설정은 맞은 true 뿐만 아니라 해당 개체 드롭 대상을 만들어 우리가 만드는 모든 드래그 개체에 대한. 그래서 거기에, 나는 정의가 정의된 DDRows 흥미로운 순간 처리기를 설정하고 또한 시각 정기 행에서 차별 드래그 프록시 개체에 대한 몇 가지 CSS 스타일을 추가할 클래스. 프록시 드래그 객체는 드래그 시작하면 표시 받게 컨테이너이며 끌고있는 일에 대한 마커 / 가이드로서의 역할을합니다. 

 YAHOO.example.DDRows = 기능 (ID, sGroup, 구성) {
     YAHOO.example.DDRows.superclass.constructor.call (이, ID, sGroup, 구성);
     Dom.addClass (this.getDragEl (), "유형 proxydrag");
 };

 YAHOO.extend (YAHOO.example.DDRows, YAHOO.util.DDProxy, {
	 / / 핸들러 여기에 정의된
 });

DDRows 클래스를 정의하면, 난 DataTable의의에 대해 들어 initEvent DDRows 드래그 개체로 각 행을를 설정하려면 다음을 수행하십시오 

 {( "initEvent"함수 () myDataTable.subscribe
     VAR 나, ID,
     allRows = this.getTbodyEl () 행.;

     용 (전 = 0; 나는 <allRows.length; I + +) {
         ID = allRows [전] ID입니다.;

         / / 기존의 드래그 인스턴스 정리
         IF (myDTDrags [ID]) {
             myDTDrags [ID] unreg ().;
             myDTDrags를 삭제 [ID];
         }

         / / 각 행에 대한 드래그 인스턴스 만들기
         myDTDrags [ID] = 새로운 YAHOO.example.DDRows (ID);
     }
 });

대신 DDTarget 클래스를 사용하는 그럼, 제가 찾는 isTarget 대상 요소의 유효성을 검사하는 끌어서 개체의 속성입니다. 우리가 유일하게 다른 테이블 행에 테이블 행을 이동해야합니다 이런식으로 : 

 onDragDrop : 기능 (전자, ID) {
     VAR destDD = YAHOO.util.DragDropMgr.getDDById (ID);
     유효한 목표 드롭 / / 때만
     IF (destDD &&의 destDD.isTarget의 &&의 this.srcEl) {
             ...
     }
 }

중요한 고려 사항은 DOM은 우리가 원래 행에 드래그 개체가 삭제될 때 청소를 할 필요도 아니고, 행을 이동할 때마다 다시 칠해진된다는 점입니다, 새 드래그 객체가 행에 대해 만들 어질 필요가 새로운 위치에 만들어. 여기 전체가 onDragDrop 청소 및 행을 이동 기능은 : 

 onDragDrop : 기능 (전자, ID) {
     VAR destDD = YAHOO.util.DragDropMgr.getDDById (ID);
     유효한 목표 드롭 / / 때만
     IF (destDD &&의 destDD.isTarget의 &&의 this.srcEl) {
         VAR srcEl = this.srcEl,
             srcIndex = srcEl.sectionRowIndex,
        	 destEl = Dom.get (ID),
        	 destIndex = destEl.sectionRowIndex,
             srcData = myDataTable.getRecord (srcEl) getData ().;

         this.srcEl = NULL;

         / / 정리 기존의 드래그 인스턴스
         myDTDrags [srcEl.id] unreg ().;
         삭제 myDTDrags [srcEl.id];

         / / 새로운 위치로 행을 이동
    	 myDataTable.deleteRow (srcIndex);
         myDataTable.addRow (srcData, destIndex);
    	 YAHOO.util.DragDropMgr.refreshCache ();
     }
     }
 }

여기는 YUI 2.7.0을 사용하여 전체 작업 예제 .

YUI 3.0 PR2를 사용하여 예제를 강화

야후 홈페이지에서 우리는 개발 YUI 3을 사용하고 계신 우리의 다음 세대의 경험을 , 그리고 더 많은 저는 그것을 사용하고, 더 나는 그것이 얼마나 강력하고 확장 가능한 실현. 그래서 내가 가서 확인하기로 결정 끌어서 놓기 최신의 구성 요소 YUI 3.0 시험판 이 운동을.

이 새로운 버전으로 내 솔루션은 더 깨끗하고 효율적으로 만들기 위해 새로운 속성과 메서드 중 일부 활용할 수있다는 것을 발견했을 때 그것은 놀랍지도 않어. 예를 들어, 끌어서 YUI 3 드롭 우리가 필요로 드래그 / 대상 객체를 만드는 효율적인 방법을 제공합니다 : 

 myDTDrags [ID] = 새로운 Y.DD.Drag ({
     노드 : "#"+ ID,
     constrain2node : "# DataTable의"
     moveOnEnd : 거짓,
     프록시 : 사실,
     대상 : 진정한
 });

우리는 더 이상 우리 자신의 하위 클래스를 정의하거나 같이 교환 행 전에 요소를 확인에 대해 걱정할 필요가 없다 drophit 우리가 드롭 타겟으로 정의된 요소에 적용할 경우 이벤트에만 트리거됩니다.

다른 멋진 새로운 기능 버전 3은 우리에게 (어떤이 라이브러리의 API를 운전하는 사용자 지정 이벤트에 DOM - 이벤트 기포의 강력한 성능을 제공) 맞춤 이벤트 기포입니다 제공합니다. 이 덕분에, 우리는 이제 오히려 각각의 테이블 행에 여러 이벤트를 첨부할 필요 이상의 끌어서 놓기 관리자를 사용하여 문서 수준에서 모든 끌어서 놓기 이벤트를 수신 대기하도록합니다. 저희의 맞춤 이벤트 위임 코드는 다음과 같습니다 : 

 Y.DD.DDM.on ( '드래그 시작', startDrag);
 Y.DD.DDM.on ( '드래그 엔드', endDrag);
 Y.DD.DDM.on ( '드래그 drophit', dragDrop);

여기는 YUI 3.0 PR2를 사용하여 전체 작업 예제 .

결론

당신이 드래그를 추가하고 DataTables 기능을 드롭하는 방법에하고 쉽게 같은 페이지에서 YUI 2.7.0과 YUI 세 구성 요소를 통합할 수있는 방법에 대한 예제에게 유용한 자원을 찾길 바랍​​니다. 또한 YUI의 다음 세대로 오는 모든 새롭고 흥미로운 기능에 대한 빠른 프리뷰 역할을합니다.

대화 찾기 : bloglines | 테크노

공유하고 확장할 수 : del.icio.us에 북마크 | 디그 그것! | reddit!

야후 주최

저작권 © 2006년부터 2012년까지 야후 주식 회사 판권 소유. 개인 정보 보호 정책 - 서비스 약관

에서 제공하는 워드 프레스 에서 야후! 웹 호스팅 .