July 18th, 2008
上完兩天課程下來，真的覺得老師們真是太偉大了，最起碼應該都練出很勇健（其實是長繭）的喉嚨吧！
承蒙敝社訓練所同仁看得起，昨天與今天在敝社的板橋訓練所開了一們「JavaScript & CSS」的基礎課程，其實基礎課程一直是最難教的，因為假如你已經鑽研很久該項技術，或是了解了許多相關知識，有時很難會用「連完全沒基礎的人都聽得懂」的詞彙去描述一個概念，如果能夠讓沒基礎的人真的能「快速上手」，那就是考驗講者的功力了。
不過這是我第一次有這樣的經驗，很多部份還做得不是很好，而且第一次試著以 Google Docs 的 Presentation 來做課程的教學及教材的準備，效果感覺還可以更好！另外，很多人的名言－－「Never Live Demo」還是讓我給遇到了 :P 現場直接寫 code 很少不會出包的 :P 不過倒是用 TextMate, Safari, Firefox 吸引了很多慣於使用 Windows/IE 學員的目光。
辛苦來上課的同學了，不過每多一次經驗，希望下次就可以表現得更好。讓我們繼續來推廣網頁標準技術，提升各個網站系統的頁面親和力！
以下釋出本次上課的投影片，你說這跟實際上課有什麼分別呢？有！這裡不會釋出我上課的 live demo :P
歷史上的今天
- 買 3C 產品 - 2007
文章分類: 
標籤: 
2008/07/18 8:45 pm
很精彩的投影片,
請問有這兩份投影片的文字版本嗎?
(投影片要一頁一頁翻, 不像平面文章容易查閱)
2008/07/18 9:12 pm
@Eucaly61
金拍寫,
文字版本（您是想說PDF吧？）是敝社學員專用 :P
(其實是我覺得還不足以公開釋出 PDF 的水準）
2008/07/19 2:07 am
要 PDF 的話其實 Google Docs 本身就有提供了喔
1. 點右下角的 MENU
2. 點中間的原始連結，這時會開一個新視窗
3. 再點選「在新視窗中檢視發佈的簡報」，會開啟大尺寸的簡報
4. 右下角有一個「Print Slides」，點它再點「Save as PDF」就行了 :)
2008/07/19 12:50 pm
原本指的是『線上文章』, 類似這邊的文章, 就很方便查閱了!!
2008/07/21 1:15 am
這篇質感很高！
拍手拍手！
Live DEMO
有時候出錯再現場找不到錯誤
就會耽誤到講解的進行
通常都用抓圖來說明結果…
2008/07/22 9:57 am
呵 原來老師那麼年輕唷
上的不錯啊,很基本的觀念都有解說到啊,可惜我覺得時數太少,想再上更進階的!!!
2008/07/24 9:59 pm
@aharrison
那就請大家連署叫訓練所開進階班吧 XD
–
講 prototype-oriented 跟 design pattern 嗎？ XD
2008/07/29 2:35 pm
ericsk大你好，小弟看了你的javascript slides第36頁之後，想到我之前一個未解的問題，我想要阻擋button tag的預設行為，(也就是我不想讓按button鈕時，會有下壓的效果)在Firefox中，在mousedown事件發生時執行 evt.preventDefault(); 可行，但在IE中，我試了各種event(mousedonw, click, focus…) ，還是行不通，找不出在IE中button被按下時，該如何阻擋預設事件發生…不知您是否有什麼好建議!! 感謝你的教學..
2008/07/29 2:42 pm
@Kaie
在 IE 裡，您把 window.event.returnValue = false; 行不通嗎？
2008/07/29 9:35 pm
Dear ericsk,
是呀，就是這樣才鬱悶..XD! 對了，要將disabled = true排除，別用這個solution!
2008/07/31 12:19 pm
謝謝您的分享!!
[CSS 快速上手 p.31頁 的 letter-spaing 少了個c ? ]
2008/07/31 1:58 pm
是啊，不好意思是個筆誤 XD
2008/08/20 10:30 am
hi~ericsk
感謝你的分享，很精彩
請問一下javascrip第18頁， a.length 應該是 3吧
2008/08/20 10:34 am
@Mr.J
不好意思，這是 typo 沒錯 XD