成大資工專題演講:YUI

此篇文章最近更新時間為2008-03-07 05:15:31 目前共有2篇留言

關於作者 - JosephJ

任職於 Faria。喜好戶外運動、2008 年 5 月完成「跑步環島」。對於新技術跟程式碼有著強烈的偏執狂。

這一場明明不是我的場子,所以完全沒有準備、就被凹上場了:
仔細一看佈告欄,咦?
所以用的 Slide 還是跟上一次伯朗咖啡 YDN 一樣:
http://josephj.com/presentation/yui-introduction-at-ydn.ppt
以前講 YUI 從來沒有回應這麼熱烈的,真是感謝大家啊~~

今天有講到的幾個網站:
Yahoo! Live:完全免費的線上直播,你也可當主播
用 YUI 的網站:鳥店網站居然用了 BBAuth 跟 Yahoo! Live 做店內實況轉播!?

臨時叫不出來的圓角跟小圖示:


原理是利用 background-position:x y; 來做定位
好處是可以減少圖片的 Request 數量

有同學提問以下問題

學 YUI 需要什麼基礎
我是推薦可以找一本比較好的 JavaScript 入門書:
Professional JavaScript For Web Developer - Nicholas Zakas
如果你本身已經有一些基礎,你也可以找一些 JavaScript 物件導向的文章開始學起:
JavaScript 物件導向的基礎
JavaScript Class 的幾種做法
瞭解 YUI 的架構 - Namespace

YUI 是否有方便開發的工具
目前有支援許多 JavaScript 函式庫的 Apanta 是一個,有做到自動完成的功能
另外 YUI Team 有打算推出一個新的編輯器,可能就類似拖拉的方式,但時間未訂

YUI 跟後端語言或平台是否有關聯
YUI 是一個完全 Pure 的 JavaScript Library,只要是 HTML 都可以使用
但是有人會希望跟後端如 PHP, ROR 或 Java 能夠有比較緊密的結合,例如一個專屬的 Class
目前是有看到一些東西產出,但官方並還沒有推這樣的東西
我覺得也是指日可待的

WD(前端工程師) 跟 VD (視覺設計師)的分工
過去通常是 VD 做完圖,用 Photoshop 或 Firework 產出 Table 包 Table 的 HTML 給所謂的工程師套程式
但這樣的原始碼並不專業,也無法做後續的維護,更不用講做一些特效或解決跨瀏覽器的問題
所以才有我們 WD 的出現,把 VD 的圖轉換成易讀且容易維護的 HTML/CSS/JavaScript
當然也要負責所謂 AJAX 等網頁特效的功能


前一篇:金石國際馬拉松 後一篇:成大說明會

Comments

  1. ei 2014-05-26 01:11:53
    在你的JavaScript物件導向文章(JavaScript Class 的幾種做法),你提到 Prototype paradigm "這種寫法有一個很討厭的缺點,就是沒辦法利用參數設定屬性。必須在 Instantiate 物件後再 Assign。"
    爲何不考慮寫個Car.prototype.assignVal(p_color, p_door, p_mpg ) 的函數,然後在Car constructor裏呼叫這個函數?

    如下:
    function Car(sColor, iDoors, iMpg) {
    this.assignVal(sColor, iDoors, iMpg);
    };
    ...
    Car.prototype.color = 'red';
    ...
    Car.prototype.assignVal = function(p_color, p_door, p_mpg) {
    this.color=p_color;
    ...
    };
  2. jingjong 2008-03-10 13:42:45
    真的很謝謝你的資訊~
    如果還有疑問會在跟你請教的~哈
暱稱: 必填。
Email: 非必填。若填寫為不公開欄位,僅供站長參考聯繫。
內容: 必填。限 255 個字元以內。
驗證碼:
送出

Facebook Comment