★ 講師介紹

洪朝貴，在美國留學時為了使用合法免費的軟體而開始接觸Free Software。回國後投身於推廣自由軟體，長期經營 『玩具烏托邦』 及 『資訊人權貴ㄓ疑』 兩個部落格， 並透過兩百多場演講推廣自由軟體技術。除了幾次出國推廣自由軟體之外， 更多時候他在國內各地中小學、 機關行號、 非營利組織、 政府部門， 向非技術人員解釋改用自由軟體的意義。你可以說洪朝貴是一位致力於資訊科技平民化的技術人兼社會運動者。

 電腦課程全程以 linux 示範； 採用跨平臺軟體 (所以 windows 用戶也可選課) ； 重點放在 「提示遇到問題時的搜尋技巧」 而不是 「完整解說基本功」。

★課程介紹

本課程的對象是 「已經對其他至少一種程式語言 (例如 perl、 python、 php、 java、 C、 C++) 已有中等熟悉程度 的 javascript 新手｢。 講師以最偷懶、 不太紮實的方式導引語言移民人士繞過講師自己卡關很久的泥淖 (除錯工具及讀檔)， 讓學員迅速上手至實用等級。 請務必先閱讀 令開發者愛恨交織的 javascript 再決定是否選課。

一小時的課程重質不重量， 所以本課程假設學員已事先自行安裝 nodejs 及 firebug 外掛， 並且已經大略自行操作完畢 「JavaScript 第二語言人士的急上手講義」 的前面大半部分。 本課程內容主要是該份講義後面的 「console」、 「風格工具」、 「jQuery 讀檔」 三部分實機操作示範。

本課程全程在 linux (lubuntu 16.04) 上面操作示範； 但採用的全是跨平臺工具， 所以 Windows 及 Mac 用戶也都可以選課。

★學成之後

可以實作基本資料視覺化網頁，包含互動統計圖及互動地圖，有助於管理高層理解公司手中的大數據之類的工作。

★課程地圖

本課程為網頁設計實務，課程包含以下三部分：

 - javascript 急上手

- 抄程式學 d3.js

- 抄程式學 leaflet.js

全長74分鐘。

本課程的目標學員是已經對其他至少一種程式語言 (例如 perl、 python、 php、 java、 C、 C++) 已有中等熟悉程度的學員。若無任何程式基礎，可先完成王煜傑老師的網頁設計入門：HTML與CSS。

★講師的話

自由軟體技術符合 『長線投資的電腦學習策略』， 是廿一世紀的電腦學習王道。英文數學知識， 學一次， 可以用一輩子； 但為什麼電腦知識及證照卻必須每三五年被淘汰一次? 在資訊領域， 有沒有可能學一些堪用幾十年的技術， 例如 『實用到二十二世紀的程式語言』? 學費誠可貴， 青春價更高， 建議大家在一頭栽入學習某項技術之前， 先思考上述更重要的問題， 摸索出你自己的 『長線投資的電腦學習策略』。

★課程特色

電腦課程全程以 linux 示範； 採用跨平臺軟體 (所以 windows 用戶也可選課) ； 重點放在 「提示遇到問題時的搜尋技巧」 而不是 「完整解說基本功」。

★課程大綱

intro.ogv  前端實務課程的對象、講義及上課內容介紹

console-1.ogv console 密技 ctrl-shift-i 打開除錯世界

console-2.ogv console 密技 console與變數的使用秘訣

jshint-1.ogv     除錯幫手 jshint 新手也能寫出漂亮整齊的程式碼

jshint-2.ogv     除錯幫手 jshint 除錯實戰，step by step講解

readfile-1.ogv  抄寫 readfile 程式 從最基本重要的讀檔開始

readfile-2.ogv  抄寫 readfile 程式 讀檔測試實戰

readfile-3.ogv  抄寫 readfile 程式 排除拒絕讀取本地檔案問題

readfile-4.ogv  抄寫 readfile 程式 漂亮的呈現CSV檔案，尋找外掛幫忙

readfile-5.ogv  抄寫 readfile 程式 實際排版陣產生二維資料表格

ending.ogv  結語 工程師如何學好Javascript