前言：
今天出門前利用吃早餐的時間，順便裝一下 hinet 跟趨勢合作的防毒軟體安裝， 結果弄到有點小趕，到景美捷運站時已經九點=0=，接下來幾乎都用衝的， 大概 09:20到達教室，好險講師剛開始沒多久。
事實上我應該可以騎機車到台大，只是那附近怕找停車位又是一陣折騰， 就不考慮惹。
講師：
josephj，目前任職於 Yahoo!奇摩、擔任 YDN 科技傳教士（Tech Evangelist）。 之前有兩年半的時間擔任前端工程師，主要負責知識+。 課程相關投影片資訊。
筆記：
提到地圖日記用了 YUI，作了 SSO跟搭配 Map等應用，SSO範例二好康挖挖哇
介紹 yahoo創意競賽的首獎「科科科」，報導， 參賽列表 。
簡單講就是寫一個 FF的 extension，可以經由選取一段文字幫你丟到各的地方進行搜尋獲得各種文字、圖片等資訊。
然後最近開放的 Open API訊息 (繼生活+ 與地圖開放後，Yahoo! 知識+是第三波)
這對於開發創意應用相當有幫助。 ex flickerurl後面串 getxxxdata 就能取得想要的資料
想要 CLI嗎？ 之後有 YQL (Yahoo Query Language)，目前是 preview
就像是把 yahoo的各種 web應用服務當做資料庫來用。
各大網站論壇通常都有著自己的服務格式，接著 google率先推出 open social標準，也因此，各大廠都會遵循這規範，而 yahoo 也不例外，透過 social API 可以產生出個多的應用，比如取得 profile ，附加在好友圈、社群互動的即時訊息。
然後提到 Yahoo的理想 - YAP
這樣子要開發應用服務就會變得很方便
介紹Search Monkey
介紹二(英)
對於搜尋結果list所呈現的資料不滿意嗎？
透過 Search Monkey，你可以自訂想要的資料、圖片呈現
接著介紹 pipes，並搭配實做 demo。 官方教學，eric網友介紹
這真是超棒的，以往要索取某網站的部份資料，都是要抓回來用 regular做分析， 有了這項`線上視覺話設定工具'，不需要寫任何一行程式就可以完成資料重組了！
講師是以三個正咩blog rss feeds 做 union 示範，也就是重新產生一個 RSS來訂閱，三個來源也可以做適當排序，工具箱有許多 operation可以套用，不同視窗透過拖曳可以進行很直覺性的連接，應該就是名字的`管線串流'概念， 其他範例參考(1),(2)
如用 `user input'，那便是在使用前由使用者輸入再進行動態產生，欄位中 debug 是用於偵錯、為資料做上 filter 篩選、把 title rename+string builder => [keyword]字串..etc
ps.不過以 blog訂閱整合服務， google reader倒是已經可以完成這樣的彙整功能 @.@
整個很有物件的概念，產生好的 pipes 還可以成為新的元件，讓自己或他人繼續引用該元件(這點可以突破來源限制數)
接著實做 Search Monkey 的自訂過程(略)
第三節，進入介紹 YUI了！這是我來上本堂的主要目的 ，這邊看投影片介紹，應該是我上課的版本 @o@ 簡單差異簡述
除了就是 2.x 舊有的功能，也詳述了 3.x 革新在哪，11/8推出 PR2 版本，整個真是超強大的，而操作方式也像是 jQuery了，DOM上都多包了一層，很有物件導向的 fu(使用方式都跟 2.x不同)，我喜歡！ //透過屬性限定達到封裝效果，更有安全性
導入方式透過 `seed'更加便利，概念像是埋下一顆種子讓他可以長一顆樹，然後許多函式都是有那個需求再引用即可，達到輕量化的目的！
ex D&D or animation 都還切成很細的功能區塊，舊版都是全包
備忘ddproxy 拖曳時預覽的虛線效果
這工具也可以協助你 YUI Configurator
其他備忘
Y.log() => 輸出訊息
提到要 debug，搭配 Firebug是開發好物，可以把訊息輸出到 condole
才不會按 alert()按到死。
IO => Y.io.transport 跨網域傳遞訊息 Connection Manager
YUI 3 SlickSpeed Selector Test
題外話，無障礙網頁
好的網頁介面設計，對於肢體感官不是那麼方便操作的人，幫助真的很大！
有心之士該好好努力！
