YUI 극장 - 불량 카바나 에두아르도 룬드그렌 : "YUI 3 갤러리 AlloyUI 구성 요소의 월윈드 투어 '(67 분).

에릭 Miraglia에 의해 11시 40분의 오후 2010년 11월 30일 |에서 YUI 세 갤러리 , YUI 극장 | 덧글 없음

Liferay 엔지니어 네이트 카바나 에두아르 룬드그렌은 서니 베일, 캘리포니아 야후 본사에서 YUIConf 2010에서 AlloyUI에 대해 말한다.

이 세션에서는 YUIConf 2010에서 Liferay 엔지니어 불량 캐버너프과 높은 품질의 수십에 대한 에두아르도 룬드그렌 토크, YUI 3 기반의 구성 요소는 자신의 기부 AlloyUI의 프로젝트에 YUI 3 갤러리 . 당신은 YUI 3 네이트와 에두아르도가 이용할 것을 보지 않고 제공하는 전체 스펙트럼 감사 수 없습니다.

비디오가 선택의 RSS 리더에서 제대로 표시되지 않는 아래의 포함하는 경우, 반드시 YUI ​​극장에서 비디오의 고해상도 버전을 볼 수를 클릭 .

기타 최근 YUI 극장 동영상 :

  • 라이언 달 : Node.js 로드맵 - Node.js 작성자 라이언 달 Node.js의 현재 상태와 미래의 로드맵의 세부 사항에 다이빙 YUIConf 2010에서 가장 기술적 (그리고 재미있는) 이야기 중 하나를 제공합니다.
  • Nagesh Susarla과 함께 빌딩 YQL 열기 데이터 테이블 YQL 실행 - YQL 엔지니어 Nagesh Susarla는 YQL의 힘을 강력한 YQL 오픈 데이터 테이블의 생성에서 실행을 탐구.
  • Mirek Grymuza과 조쉬 Gordineer : YQL : 소개 - Mirek Grymuza와 조쉬 Gordineer 친숙한 SQL 스타일의 구문을 통해 액세스할 수있는 데이터베이스에 인터넷을 전환하는 놀라운 야후 데이터 서비스, 당신이 YQL 일로 팀의 구성원입니다. YUIConf 2010에서이 이야기에서, 그들은 YQL의 역사, 기능 및 주요 사용에 대한 기본 소개를 제공합니다.
  • 네이트 Koechley : 터치의 분류 - YUI 기여 네이트 Koechley 휴대용 디바이스의 새로운 클래스를 운전 터치 상호 작용의 광범위한 언어에 대한 기초를 세우고, 터치 뒤진 몸짓과 의미의 요소 분해.
  • 니콜라스 C. Zakas : YUI 시험 - 야후! 첫 페이지 엔지니어, 저자 및 YUI 2 YUI 3 뿌리에서 탈옥되었습니다 새로운 독립 YUI 테스트 프로젝트에 대해 YUI 기여 니콜 C. Zakas 회담.

CC 콘텐츠 / 종류 허가에 의해 사용 :

YUI 극장에 가입 :

: 대화 찾기 bloglines | 테크노을

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

YUI 극장 - 라이언 달 : "Node.js 로드맵"(48 분).

에릭 Miraglia에 의해 오후 4시 7분에 2010년 11월 30일 |에서 YUI 극장 | 덧글 없음

라이언 달, Node.js의 창조자, 2010년 11월 8일에 서니 베일, 캘리포니아에서 야후 본사에서 YUIConf 2010에서 프로젝트의 미래에 대한 이야기​​.

Node.js 크리에이터 라이언 달에서 가장 기술적 (그리고 재미있는) 이야기 중 하나가 제공 YUIConf 2010 노드 프로젝트의 현재 상태와 프로젝트의 미래를위한 자신의 계획을 현재 검토를.

비디오가 선택의 RSS 리더에서 제대로 표시되지 않는 아래의 포함하는 경우, 반드시 YUI ​​극장에서 비디오의 고해상도 버전을 볼 수를 클릭 .

기타 최근 YUI 극장 동영상 :

  • Nagesh Susarla과 함께 빌딩 YQL 열기 데이터 테이블 YQL 실행 - YQL 엔지니어 Nagesh Susarla는 YQL의 힘을 강력한 YQL 오픈 데이터 테이블의 생성에서 실행을 탐구.
  • Mirek Grymuza과 조쉬 Gordineer : YQL : 소개 - Mirek Grymuza와 조쉬 Gordineer 친숙한 SQL 스타일의 구문을 통해 액세스할 수있는 데이터베이스에 인터넷을 전환하는 놀라운 야후 데이터 서비스, 당신이 YQL 일로 팀의 구성원입니다. YUIConf 2010에서이 이야기에서, 그들은 YQL의 역사, 기능 및 주요 사용에 대한 기본 소개를 제공합니다.
  • 네이트 Koechley : 터치의 분류 - YUI 기여 네이트 Koechley 휴대용 디바이스의 새로운 클래스를 운전 터치 상호 작용의 광범위한 언어에 대한 기초를 세우고, 터치 뒤진 몸짓과 의미의 요소 분해.
  • 니콜라스 C. Zakas : YUI 시험 - 야후! 첫 페이지 엔지니어, 저자 및 YUI 2 YUI 3 뿌리에서 탈옥되었습니다 새로운 독립 YUI 테스트 프로젝트에 대해 YUI 기여 니콜 C. Zakas 회담.
  • Tantek Çelik : HTML5 : 바로 여기, 바로 지금 - 저자 및 이전에 테크노의 표준 전문가 Tantek Çelik는 HTML5 규격 및 웹 응용 프로그램을 운송에 사용하기 위해 준비의 현재 상태를 설명합니다.

CC 콘텐츠 / 종류 허가에 의해 사용 :

YUI 극장에 가입 :

: 대화 찾기 bloglines | 테크노을

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

YUI 극장 - Nagesh Susarla가 : (37 분). "YQL로 YQL 열기 데이터 테이블을 구축하는 것은 실행"

에릭 Miraglia에 의해 오후 3시 54분에 2010년 11월 30일 |에서 YUI 극장 | 덧글 없음

YQL 엔지니어 Nagesh Susarla은 서니 베일, 캘리포니아 야후 본사에서 YUIConf 2010에서 말한다.

에서이 세션에서는 YUIConf 2010 , YQL 엔지니어 Nagesh Susarla는 YQL의 힘이 강력한 YQL 오픈 데이터 테이블의 생성에서 실행 탐구. (당신이 YQL 새로운면 "Myrek Grymuza와 조쉬 Gordineer의 놓치지 마세요 YQL에 소개 에 YUIConf 이용할에서도 " YUI 극장 .)

비디오가 선택의 RSS 리더에서 제대로 표시되지 않는 아래의 포함하는 경우, 반드시 YUI ​​극장에서 비디오의 고해상도 버전을 볼 수를 클릭 .

기타 최근 YUI 극장 동영상 :

  • Mirek Grymuza과 조쉬 Gordineer : YQL : 소개 - Mirek Grymuza와 조쉬 Gordineer 친숙한 SQL 스타일의 구문을 통해 액세스할 수있는 데이터베이스에 인터넷을 전환하는 놀라운 야후 데이터 서비스, 당신이 YQL 일로 팀의 구성원입니다. YUIConf 2010에서이 이야기에서, 그들은 YQL의 역사, 기능 및 주요 사용에 대한 기본 소개를 제공합니다.
  • 네이트 Koechley : 터치의 분류 - YUI 기여 네이트 Koechley 휴대용 디바이스의 새로운 클래스를 운전 터치 상호 작용의 광범위한 언어에 대한 기초를 세우고, 터치 뒤진 몸짓과 의미의 요소 분해.
  • 니콜라스 C. Zakas : YUI 시험 - 야후! 첫 페이지 엔지니어, 저자 및 YUI 2 YUI 3 뿌리에서 탈옥되었습니다 새로운 독립 YUI 테스트 프로젝트에 대해 YUI 기여 니콜 C. Zakas 회담.
  • Tantek Çelik : HTML5 : 바로 여기, 바로 지금 - 저자 및 이전에 테크노의 표준 전문가 Tantek Çelik는 HTML5 규격 및 웹 응용 프로그램을 운송에 사용하기 위해 준비의 현재 상태를 설명합니다.
  • 마크 카와카미 : 핑거 팁 : 터치 기반 환경 구축에서 배운 교훈 - 야후! 스포츠 마크 가와 카미는 인터넷에서 가장 인기있는 웹 사이트 중 하나에 대해 터치 기반의 경험을 건물에 배운 몇 가지 교훈을 통해 걸립니다.

YUI 극장에 가입 :

: 대화 찾기 bloglines | 테크노을

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

YUI 극장 - Mirek Grymuza과 조쉬 Gordineer : "YQL : 소개"(45 분).

에릭 Miraglia에 의해 오후 3시 45분에 2010년 11월 30일 |에서 YUI 극장 | 덧글 없음

야후! 엔지니어 Mirek Grymuza은 서니 베일, 캘리포니아 야후 본사에서 11 월 8 일, 2010에서 YUIConf 2010에서 고객에게 YQL를 소개합니다.

Mirek Grymuza와 조쉬 Gordineer는 일로 팀의 구성원 YQL 친숙한 SQL - 스타일의 구문을 통해 액세스할 수있는 데이터베이스에 인터넷을 전환 주목할 야후 데이터 서비스를. 에서이 이야기에서 YUIConf 2010 , 그들은 YQL의 역사, 기능 및 주요 사용에 대한 기본 소개를 제공합니다.

비디오가 선택의 RSS 리더에서 제대로 표시되지 않는 아래의 포함하는 경우, 반드시 YUI ​​극장에서 비디오의 고해상도 버전을 볼 수를 클릭 .

기타 최근 YUI 극장 동영상 :

  • 네이트 Koechley : 터치의 분류 - YUI 기여 네이트 Koechley 휴대용 디바이스의 새로운 클래스를 운전 터치 상호 작용의 광범위한 언어에 대한 기초를 세우고, 터치 뒤진 몸짓과 의미의 요소 분해.
  • 니콜라스 C. Zakas : YUI 시험 - 야후! 첫 페이지 엔지니어, 저자 및 YUI 2 YUI 3 뿌리에서 탈옥되었습니다 새로운 독립 YUI 테스트 프로젝트에 대해 YUI 기여 니콜 C. Zakas 회담.
  • Tantek Çelik : HTML5 : 바로 여기, 바로 지금 - 저자 및 이전에 테크노의 표준 전문가 Tantek Çelik는 HTML5 규격 및 웹 응용 프로그램을 운송에 사용하기 위해 준비의 현재 상태를 설명합니다.
  • 마크 카와카미 : 핑거 팁 : 터치 기반 환경 구축에서 배운 교훈 - 야후! 스포츠 마크 가와 카미는 인터넷에서 가장 인기있는 웹 사이트 중 하나에 대해 터치 기반의 경험을 건물에 배운 몇 가지 교훈을 통해 걸립니다.
  • 로스 Harmes : YUI 3 플리 커를 포팅 - 로스 Harmes은 플리 커에서 프런트 엔드 엔지니어링 관리자입니다. 이 세션에서는, 그는 그의 팀은 성능과 코드 조직 팁뿐만 아니라 배운 기타 레슨 등의 YUI 3 사용 플리커 프런트 엔드 계층을 다시 작성에 받았습니다 프로세스를 설명합니다.

YUI 극장에 가입 :

: 대화 찾기 bloglines | 테크노을

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

YUI 극장 - 니콜라스 C. Zakas : "YUI 시험"(49 분).

에릭 Miraglia에 의해 오후 12시 40분에 2010년 11월 29일 |에서 YUI 극장 | 덧글 없음

니콜라스 C. Zakas은 서니 베일, 캘리포니아 야후 본사에서 YUIConf 2010에서 말한다.

에서이 비디오에서는 YUIConf 2010 , 야후! 첫 페이지 엔지니어, 저자 및 YUI 2 YUI 3 뿌리에서 탈옥되었습니다 새로운 독립 YUI 테스트 프로젝트에 대해 YUI 기여 니콜 C. Zakas 회담. 이야기로 덮여있는 주제 중 코드 범위와 셀레늄 통합 YUI 시험의 새로운 시설이 있습니다.

비디오가 선택의 RSS 리더에서 제대로 표시되지 않는 아래의 포함하는 경우, 반드시 YUI ​​극장에서 비디오의 고해상도 버전을 볼 수를 클릭 .

기타 최근 YUI 극장 동영상 :

YUI 극장에 가입 :

: 대화 찾기 bloglines | 테크노을

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

서버 전송 이벤트 : YUI 3 갤러리

년 | 11시 49분에서 2010년 11월 29일 니콜라스 C. Zakas에 의해 아니오 개발 , YUI 3 갤러리 | 아니오 코멘트

웹 알림을 푸시는 이상 흥분에 의해 입증으로 인기가 증가하고 웹 소켓 , 그리고 좋은 이유. 관객은 실시간 주식의 업데이트, 뉴스, 스포츠 등에 대한 인터넷에 차례로 웹보다 정확하고 최신 정보 가고 있습니다. 웹 소켓은 푸시 알림 영역에 앞으로 거대한 도약을 나타냅니다 있지만, 앞으로 작은 점프로 간주 수있는 낮은 알려진 사양이 있습니다 : 서버 보낸 이벤트 .

서버 보낸 이벤트 (SSE)도 개발자들이 이미 사용하고있는 기술 위에 구축하여 푸시 알림 쉽게 대상으로하고 있습니다. 마찬가지로 웹 소켓과는 반대로, SSE는 서버와 통신 일반적인 HTTP를 사용하여 사용 여부를 결정할 수 있도록 HTTP 스트리밍 , 긴 폴링 (이것은 권장하지 않습니다하지만) 새로운 데이터를 검색하거나 정기적으로 폴링합니다.

SSE의 중심에있는 것입니다 EventSource 개체. YUI 3 갤러리 EventSource의 모듈의 크로스 브라우저를 구현 생성 EventSource 지원하는 모든 브라우저에 서버 보낸 이벤트에 대한 지원을 데리고, XMLHttpRequest (현재 Safari에서 그것을 가지고 브라우저에 기본 구현으로 떨어지는 동안, Internet Explorer 6을 포함하여, 5, 크롬 7, 오페라 10.7).

EventSource 이벤트 스트림 ( "텍스트 / 이벤트 스트림"의 내용을 유형별로 의미)로 응답을 해석하고 적절한 이벤트를 발생시킵니다. 사전 정의된 세 가지 이벤트가 있습니다 :

  • open - 서버와 연결이 설립되었습니다 화재.
  • message - 새 메시지가 서버에서받은 화재. event.data 속성은 새 데이터가 포함되어 있습니다.
  • error - 화재 오류가 이벤트 스트림을 처리 발생하면. 이 이벤트가되면, 더 이상 이벤트가 처리되지 않습니다와 서버 연결이 영구적으로 폐쇄됩니다.

이벤트 스트림 자체는 키워드들로 구성된 일반 텍스트 데이터는 "데이터 :"한 줄에 일부 데이터가옵니다. "데이터 :"접두사가 여러 라인을 가지고하고자하는 경우, 당신은 더 많은 행을 포함해야합니다. 빈 라인은 이벤트 사이의 경계로 간주됩니다. 여기 간단한 예제는 다음과 같습니다 

 data: hello data: hello data: world

두 가지 message 이벤트가 해당 이벤트 스트림과 해고되었습니다. 첫 번째가 event.data 두 번째가있는 동안 "안녕하세요"로 설정 event.data "안녕하세요 \ nworld"(새로운 라인을 참고)으로 설정합니다.

여기 새로운 생성의 예제의 EventSource 인스턴스가 : 

 YUI({ gallery: 'gallery-2010.11.17-21-32' }).use('gallery-eventsource', function(Y) { var src = new Y.EventSource("stream.php"); src.on("open", function(event){ console.log("Connection opened!"); }); src.on("message", function(event){ console.log("Data received: " + event.data); }); src.on("error", function(event){ console.log("Error!"); }); });

생성자는 이벤트 스트림의 URL입니다 하나의 인자를 허용합니다. 의 재미있고 유용한 부분 EventSource 연결이 어떤 이유로 손실된 경우 자동으로 서버에 재연결 것입니다. 이렇게하면 사용하는 경우 연결을 해제하고, 자주 불만을 다시 연결에 대해 걱정할 필요에서 개발자 해제 XMLHttpRequest 푸시 알림.

YUI 3 갤러리 EventSource 모듈 HTTP 스트리밍, 긴 폴링, 그리고 정기적으로 폴링, 모든 브라우저를 지원하는 사양을 일치하더라도 세 가지를 모두 지원합니다. 그것이 쉽게 긴 또는 일반 폴링을 처리할 수있는 반면 인터넷 익스플로러 (최대 및 버전 9를 포함), HTTP 스트리밍을 지원하지 않습니다. 이 모듈의 권장 사용량은 최고의 성능과 호환성을 위해 긴 폴링 구현 경험을 구축하는 것입니다.

당신은 HTTP 스트리밍을 지원하는 브라우저를위한 최적화하려는 경우, 모듈은 특별한 세트 X-YUIEventSource-PollOnly 는 HTTP 스트리밍을 사용할 수 없습니다 브라우저를 감지 헤더를. 당신이 데이터를 제공하는 올바른 방법을 결정하는 서버에서이 헤더에 대한 확인하실 수 있습니다. 여기에 JSP를 사용하여 예제 구현은 다음과 같습니다 

 <%@page contentType="text/event-stream" buffer="none"%> <% //check for poll-only header String header = request.getHeader("X-YUIEventSource-PollOnly"); //check every so often to see if there's new data while(true) { //sleep for a second - simulate waiting for data Thread.sleep(1000); //output the current time, ensure there are two trailing newlines out.print("data: " + (new java.util.Date()).toString() + "x\n\n"); out.flush(); //if it's a poll-only request, break the loop, //which ends the request - the client will reconnect if (header != null){ break; } } %>

그것은 SSE를 사용하는 기존의 긴 폴링 솔루션을 마이 그 레이션하는 매우 쉽게, 데이터 형식은 간단 제공됩니다. 이벤트 스트림의 형식이 라인 기반이기 때문에, 그 대신 여러 줄을 한 줄에 앉아 몇 가지 데이터를 포맷 수도있다는 뜻이다.

웹 HTTP를 사용으로 인해 소켓으로 SSE 같은 성능 특성을하지 않아도되지만, 그것은 브라우저에서 푸시 알림의 논리적 진화를 나타내는 않습니다. SSE 나이가 대체할 수 XMLHttpRequest 동일한 인증 패러다임을 유지하면서 모든 적은 코드와 더 나은 에러 핸들링과를 기반으로 한 비즈니스 솔루션을.

YUI 3 갤러리 EventSource 모듈은 SSE 사양 (이 부분은 아직 "TODO"주석을 검색하여 구현되지 않은 소스 코드에서 볼 수있는)의 거의 모든 구현합니다. 기능 중 일부는 모호하게 설명되어 있습니다 때문입니다. 모듈은 다음과 같은 기능을 지원합니다 :

  • 단순 이벤트 (화재 message 이벤트).
  • 사용자 정의 이벤트 (에 지정된 이름과 일치하는 이벤트 화재 "이벤트 :")
  • 이벤트 ID (에서 캡처된 event.lastEventId 하고 서버로 전송)

구현되어 아직 부분은 다시 연결 시간과 지원 아르 event.origin 속성입니다. 그렇지 않으면, 다른 모든 기본 구현과 같은 동작해야합니다.

추가 읽기

: 대화 찾기 bloglines | 테크노을

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

YUI 극장 - 불량 Koechley : "터치의 분류"(36 분).

에릭 Miraglia에 의해 오후 9시 52분에 2010년 11월 26일 |에서 YUI 극장 | 덧글 없음

네이트 Koechley, YUI이 CSS의 격자의 작성자와 야후의 YUI 팀의 첫 번째 멤버 중 한 사람이, 서니 베일, 캘리포니아 야후 본사에서 YUIConf 2010에서 말한다.

네이트 Koechley, YUI 팀의 초기 멤버 중 하나는, YUIConf 2010 야후!로 돌아 와서 터치 뒤진 몸짓과 의미의 요소를 고장의 새로운 클래스를 운전 터치 상호 작용의 광범위한 언어에 대한 기초를 세우고 휴대 장치. 이것은 터치 상호 작용과 터치 UIs 개발의 큰 그림에 대한 모든 생각에 대한 환상적인 이야기이다.

비디오가 선택의 RSS 리더에서 제대로 표시되지 않는 아래의 포함하는 경우, 반드시 YUI ​​극장에서 비디오의 고해상도 버전을 볼 수를 클릭 .

기타 최근 YUI 극장 동영상 :

CC 콘텐츠 / 종류 허가에 의해 사용 :

YUI 극장에 가입 :

: 대화 찾기 bloglines | 테크노을

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

다음 페이지»
야후! 주최

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

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