雅虎開放戰略團隊的前端工程職位

2009年5月26日，在下午12:32由埃里克·米拉利亞在前端工程作業雅虎 | 評論關閉

我們注意到一些前端工程位置在雅虎上週，我們有另一個今天與大家分享。 這一立場是一位資深的F2E角色，專注於開發雅虎的平台 - “開放戰略”，或達索。

關於達索

雅虎開放戰略團隊建設的下一代開放式平台，並融入雅虎的每一部分。 從社會元素添加到雅虎的每一個方面，應用平台和開發的重點產品的平台，達索隊與轉化方式雅虎作品的負責。 建立了達索的所有組件，團隊正專注於實施分佈式系統，高度可擴展性和高性能，使他們能夠可靠地為數億雅虎用戶和開發人員每天。

工作職責

你會，雅虎應用平台（YAP的），這使開發人員能夠構建Web應用程序，是整個雅虎的重點工程團隊的一部分 - 在世界上最大的觀眾。 你將有助於這個平台的創新功能和服務的體系結構，設計和實施。 你將其餘的工程團隊，產品經理，QA工程師，在這個平台上建立應用程序的外部合作夥伴緊密合作。

最低資格

  1. 7年以上的行業工作經驗與完整的網絡技術堆棧直接：瀏覽器，Web服務器和數據庫
  2. 瀏覽器端的客戶端技術，包括阿賈克斯，XHTML，DHTML的，的CSS，JavaScript中，DOM的JSON，跨瀏覽器兼容性問題，優化技術和國際化問題的強大的命令
  3. 遇到應用程序使用Java或PHP開發
  4. 強大的命令，客戶機/服務器與AJAX編程
  5. 優秀的書面和口頭溝通技巧
  6. 面向對象的設計和開發技術與豐富的經驗
  7. 熟悉軟件開發生命週期和最佳做法
  8. 學士學位，計算機科學或同等學歷。 在計算機科學碩士優先

首選的資格

  1. 如銳或jQuery Javascript工具箱的使用知識
  2. JSP編譯器執行與經驗
  3. 經驗與開放的社會或Shindig的實現

您可以查看招聘啟事，並適用於以下網址： http://careers.yahoo.com/jdescription.php?oid=22173 。 雅虎公司是一個平等機會的雇主。 如需更多信息或搜索我們所有的開口請http://careers.yahoo.com訪問。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

在2009年5月26日，野生

2009年5月26日，9:36上午由埃里克米拉利亞|在野生 | 2評論

這裡有一個注意到，在過去的幾個星期，從YUI世界新聞回顧一下。 請使用下面的意見，讓我們知道我們錯過了什麼。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

銳劇院-托德Kloots：“開發一個可訪問的Web 2.0 Widget框架”

2009年5月22日，由埃里克·米拉利亞下午2:50 | 評論 | 銳劇院 關

托德Kloots，工程師，YUI團隊

銳3 ，我們將繼續工作，我們努力思考有關輔助功能。 這裡沒有人想更難左右，比托德Kloots，誰撰寫的主題關於這一問題的各種博客文章以及訪問發展的藝術和sciense提出一個全面的技術講座 。

托德談到雅虎前端工程師最近銳3輔助功能發展的經驗教訓，我們很高興在這裡與大家分享，會議。 對於直接的技術用在自己的發展， 是指托德以前的視頻，本次會議將考慮到更高層次的考慮，指導一個複雜的系統中的輔助策略。

從托德的講話的幻燈片可作為壓縮主題文件在這裡 。

從雅虎視頻嵌入如下; 更高分辨率的版本，連同成績單，是從YUI劇院網站 。


托德Kloots：“開發一個可訪問的Web 2.0 Widget框架” @ 雅虎 視頻

下載（M4V）

如果你錯過了......

一些最近從其他視頻銳影院系列 ：

訂閱銳戲劇：

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

兩個前端在雅虎的工程職位

2009年5月22日，9:41上午由埃里克·米拉利亞| 前端工程工作在雅虎 | 評論關閉

當我們發布在雅虎工作的通知，我們往往前面加上以下間距：

想想影響在線在創新和富有想像力的方式是唯一的雅虎，每2人1。 我們做到這一點的每一天，你可以過。 畢竟，這是像你這樣的大思想家，他們將創建為消費者和廣告客戶遍布全球的下一代互聯網經驗。 現在是時候向世界展示你所擁有。 把你的想法，工作超過50億人。

這個球場是從來沒有更真實，比前端工程/ Web開發中的位置，在雅虎產品和平台，其中有一個獨特的覆蓋面和影響。 而且我們一直在尋找的工程師，他們的才華和激情是獨特的機會。 這裡是情侶的立場，我們正在尋找填補現在 - 位置在前端工程學科建設對雅虎的偉大傳統，像YUI的使用和改進工具，並有助於使互聯網更令人愉快的和強大的雅虎！的50億用戶。

JavaScript的平台開發

地點：加利福尼亞州桑尼維爾。

表示框架集團正在建設的新框架，庫和工具，這將允許其他開發人員和編輯快速，高效地建立網站。 您將與產品經理和開發人員工作的要求和需要了解。 您將創建規範，設計，實施工具和API。 您將使用YUI的庫，用於創建可擴展的UI。

最低職位要求：

  • JavaScript專家。
  • 精通寫作的標準兼容的HTML，CSS，AJAX，DOM的
  • 跨瀏覽器應用開發經驗3-4年
  • 用PHP的經驗
  • 深諳與XML
  • 體驗使用YUI
  • 自啟動的能力，在壓力下工作，並同時處理多個任務。
  • 較強的口頭和書面溝通技巧。

要申請這個職位，請點擊下面的鏈接： http://careers.yahoo.com/jdescription.php?oid=21972 。

雅虎公司是一個平等機會的雇主。 欲了解更多信息或搜索我們所有的開口，請訪問http://careers.yahoo.com 。

前端工程師

地點：加利福尼亞州桑尼維爾。

要在應用程序的工作，數以百萬計，而不是數千測量用戶群？ 你有興趣在地圖或地球技術？ 有關前端工程的熱情？ 如果這樣的話，我們想和你談談。 我們正在尋找一個積極的和有經驗的工程師加入Yahoo!地圖隊。 在這個角色中，你會在地圖上的目的地（ http://maps.yahoo.com ）和幫助，以支持其他Yahoo!屬性的內部地圖相關努力。 的理想人選，具有強大的前端技術技能，而且是相當舒適的shell腳本
（Perl / Bash中的）和Apache配置。 你是一個球隊的球員，偉大的用戶體驗細節銳利的眼睛用激光聚焦。 聽起來像你嗎？ 讓我們聽聽吧！

最低要求：

  • 學士/ MS計算機科學或同等學歷
  • 在PHP和JavaScript / AJAX的的CSS和HTML的強技能
  • 乾淨，簡潔的跨瀏覽器的代碼書寫能力
  • 以往的經驗作為一個前端工程師
  • 在UNIX環境舒適的發展
  • 堅實的口頭和書面溝通技巧
  • XML和/或JSON體驗工作

期望：

  • Web應用程序開發經驗2-4年
  • 體驗配置Apache
  • 經驗與版本控制軟件（CVS或SVN）
  • 經驗與雅虎的API（特別是YUI和地圖的AJAX API）
  • 對下列任何知識是加：REST / Web服務，國際化，本地化

要申請這個職位，請點擊下面的鏈接： http://careers.yahoo.com/jdescription.php?oid=21920 。

雅虎公司是一個平等機會的雇主。 欲了解更多信息或搜索我們所有的開口，請訪問http://careers.yahoo.com 。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

銳劇院- Satyen德賽：“銳3：設計目標和體系結構”

2009年5月12日，由埃里克·米拉利亞在下午01:31 | 評論 | 銳劇院 關

satyen德賽，高級工程師，YUI團隊

這裡的球隊仍然很難在工作YUI的下一代的代碼行，銳3，這是作為一個記錄的預覽版可用的今天 ，這是雅虎的下一代項目已通電 。 隨著我們接近beta版今年夏天，我們花更多的時間談論3 YUI的顯著特點。 satyen德賽，對YUI團隊的高級工程師和一個關鍵的YUI 3開發了會談，上週在雅虎銳3和推動這些目標的架構決策的設計目標。 我們很高興從這裡上銳劇院事件的視頻分享。

幻燈片從Satyen的談話是可以壓縮的PowerPoint文件 。

從雅虎視頻嵌入如下; 更高分辨率的版本，連同成績單，是從YUI劇院網站 。


satyen德賽：“銳3：設計目標和體系結構” @ 雅虎 視頻

下載（M4V）

如果你錯過了......

一些最近從其他視頻銳影院系列 ：

訂閱銳戲劇：

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

在野外，2009年5月11日

2009年5月11日，11:43上午由埃里克米拉利亞|在野生 | 2評論

注意到，在過去幾個星期，從YUI社區新聞。 請使用的意見，讓我們知道我們錯過了什麼。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

拖動DataTable的Rows

下午2:50 2009年5月8日，由貢薩洛·科爾德羅| 開發 | 4評論

作者簡介： 貢薩洛·科爾德羅是對雅虎的Flex隊隊的前端工程師。 他目前正在對雅虎主頁的下一代。 他也是前塾畢業，他最近成為一個教練以及。 他在這篇文章中我們遍歷過程中添加一個 DataTable小部件 拖放功能。

介紹

最近我的一個項目所需的DataTable執行行可以感動周圍的拖放功能。 通過尋找例子，YUI的畫廊後，我意識到，我是想實現的功能，從我看到的是一個有點不同。 所以，我決定實現我自己的解決方案。 在這篇文章中，我將解釋我是如何結合YUI的數據表和拖放組件，我遇到的挑戰的一些變通辦法，我是如何在我最初的解決方案能夠提高使用新YUI3代碼行 （這是目前在預覽模式）。

截圖拖動DataTable中的行。

初步考慮和一些可能的解決方案

來到我的腦海裡的第一個問題是如何使每個表行拖動和最有效的方式在同一時間下降的目標。 我也知道，一個元素拖放同時DDTarget對象的實例是行不通的。 通過拖放API文檔閱讀後，我發現，的財產isTarget被設置默認情況下， true為我們創造的每拖動對象，以及對象拖放目標。 所以，我定義了自定義DDRows類設置了有趣的時刻，處理程序和拖動代理對象添加一些CSS樣式，在視覺上它區別於常規行。 代理拖動對象僅僅是一個被拖動開始後顯示的容器，它被拖動的標記/指南。 

 YAHOO.example.DDRows =功能（ID，sGroup，配置）{
     YAHOO.example.DDRows.superclass.constructor.call（本，身份證，sGroup，配置）;
     Dom.addClass（this.getDragEl（），“類型proxydrag”的）;
 };

 YAHOO.extend（YAHOO.example.DDRows，YAHOO.util.DDProxy，{
	 / /處理程序在這裡定義
 }）;

在定義DDRows類，我聽DataTable的initEvent設立作為一個DDRows拖動對象的每一行： 

 myDataTable.subscribe（“initEvent”，函數（）{
     VAR我，ID，
     allRows = this.getTbodyEl（）行。

    為（i = 0; <allRows.length;我+）{
         ID = allRows [I] ID。

         / /清除任何現有的拖放實​​例
        如果（myDTDrags [ID]）{
             myDTDrags [ID] unreg（）;
            刪除myDTDrags [ID];
         }

         / /為每一行創建一個拖放實例
         myDTDrags [ID] =新YAHOO.example.DDRows（ID）;
     }
 }）;

然後代替使用DDTarget類的，我期待的isTarget拖放對象，以驗證目標元素的屬性。 這樣，我們要確保我們只移動到其他表中的行表中的行： 

 onDragDrop：功能（E，ID）{
     destDD = YAHOO.util.DragDropMgr.getDDById（ID）;
     / /只有一個有效的目標下降
    如果（destDD && destDD.isTarget && this.srcEl）{
             ...
     }
 }

一個重要的考慮是，DOM重繪我們每一次移動一行，這樣不僅不拖累原始行對象需要清理時，它會被刪除，創建一個新的拖動的對象必須是行建立在新的位置。 下面是清理和移動行的的整個onDragDrop功能： 

 onDragDrop：功能（E，ID）{
     destDD = YAHOO.util.DragDropMgr.getDDById（ID）;
     / /只有一個有效的目標下降
    如果（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（）;
     }
     }
 }

下面是完整的工作為例，使用銳2.7.0 。

使用YUI 3.0 PR2的提升我們的例子

雅虎主頁上，我們已經使用3 YUI的發展我們的下一代的經驗 ，我越使用它，我越意識到它是多麼的強大和可擴展。 所以我決定繼續前進，檢查出的拖放組件的最新銳3.0預覽版，這次演習。

這是毫不奇怪，當我發現這個新版本，我可以採取一些新的屬性和方法，使我的解決方案更清潔，高效的優勢。 例如，拖放在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的 。

結論

我希望你找到這些例子，一個有用的資源，如何添加到數據表拖放功能，您可以輕鬆地可以集成在同一頁銳2.7.0和YUI組件。 它也可作為對所有新的和令人興奮的功能與YUI的下一代未來的快速預覽。

找到的談話： bloglines technorati

共享和擴展： 書籤del.icio.us Digg它！ | reddit！

主辦雅虎

©2006-2012雅虎公司所有權利保留。 隱私政策 - 服務條款

支持WordPress的關於雅虎 虛擬主機 。