在敝社的訓練所當講師

上完兩天課程下來,真的覺得老師們真是太偉大了,最起碼應該都練出很勇健(其實是長繭)的喉嚨吧!

承蒙敝社訓練所同仁看得起,昨天與今天在敝社的板橋訓練所開了一們「JavaScript & CSS」的基礎課程,其實基礎課程一直是最難教的,因為假如你已經鑽研很久該項技術,或是了解了許多相關知識,有時很難會用「連完全沒基礎的人都聽得懂」的詞彙去描述一個概念,如果能夠讓沒基礎的人真的能「快速上手」,那就是考驗講者的功力了。

不過這是我第一次有這樣的經驗,很多部份還做得不是很好,而且第一次試著以 Google Docs 的 Presentation 來做課程的教學及教材的準備,效果感覺還可以更好!另外,很多人的名言--「Never Live Demo」還是讓我給遇到了 😛 現場直接寫 code 很少不會出包的 😛 不過倒是用 TextMate, Safari, Firefox 吸引了很多慣於使用 Windows/IE 學員的目光。

辛苦來上課的同學了,不過每多一次經驗,希望下次就可以表現得更好。讓我們繼續來推廣網頁標準技術,提升各個網站系統的頁面親和力!

以下釋出本次上課的投影片,你說這跟實際上課有什麼分別呢?有!這裡不會釋出我上課的 live demo 😛

  • 很精彩的投影片,
    請問有這兩份投影片的文字版本嗎?
    (投影片要一頁一頁翻, 不像平面文章容易查閱)

  • @Eucaly61
    金拍寫,
    文字版本(您是想說PDF吧?)是敝社學員專用 😛

    (其實是我覺得還不足以公開釋出 PDF 的水準)

  • 要 PDF 的話其實 Google Docs 本身就有提供了喔

    1. 點右下角的 MENU
    2. 點中間的原始連結,這時會開一個新視窗
    3. 再點選「在新視窗中檢視發佈的簡報」,會開啟大尺寸的簡報
    4. 右下角有一個「Print Slides」,點它再點「Save as PDF」就行了 🙂

  • 原本指的是『線上文章』, 類似這邊的文章, 就很方便查閱了!!

  • 這篇質感很高!
    拍手拍手!

    Live DEMO
    有時候出錯再現場找不到錯誤
    就會耽誤到講解的進行
    通常都用抓圖來說明結果…

  • aharrison

    呵 原來老師那麼年輕唷
    上的不錯啊,很基本的觀念都有解說到啊,可惜我覺得時數太少,想再上更進階的!!!

  • @aharrison
    那就請大家連署叫訓練所開進階班吧 XD


    講 prototype-oriented 跟 design pattern 嗎? XD

  • ericsk大你好,小弟看了你的javascript slides第36頁之後,想到我之前一個未解的問題,我想要阻擋button tag的預設行為,(也就是我不想讓按button鈕時,會有下壓的效果)在Firefox中,在mousedown事件發生時執行 evt.preventDefault(); 可行,但在IE中,我試了各種event(mousedonw, click, focus…) ,還是行不通,找不出在IE中button被按下時,該如何阻擋預設事件發生…不知您是否有什麼好建議!! 感謝你的教學..

  • @Kaie
    在 IE 裡,您把 window.event.returnValue = false; 行不通嗎?

  • Dear ericsk,
    是呀,就是這樣才鬱悶..XD! 對了,要將disabled = true排除,別用這個solution!

  • twyla

    謝謝您的分享!!
    [CSS 快速上手 p.31頁 的 letter-spaing 少了個c ? ]

  • 是啊,不好意思是個筆誤 XD

  • Mr.J

    hi~ericsk
    感謝你的分享,很精彩
    請問一下javascrip第18頁, a.length 應該是 3吧

  • @Mr.J
    不好意思,這是 typo 沒錯 XD

  • command

    hi ericsk

    你好,
    請問CSS快速入門當中37頁的opacity是不是打錯了~

    謝謝你的分享:p

  • 應該已經修正

  • 想請問你一下~
    我一直希望可以學會在網頁上放可以讓人家直接瀏覽的投影片
    想請教您, google doc有沒有支援直接把作好的ptt轉乘可以放在網路上一頁一頁翻的格式?

  • @Allen,
    你直接用 google docs 裡的上傳功能把你的 ppt 丟上去就可以了呀。
    一旦 publish 就有 embed code 可以塞在網頁中,
    或是直接有一個 url 可以直接閱讀。

  • Pingback: 交通大學校園網路策進會 » Blog Archive » Ericsk學長的CSS & Javascript教學文件()