大三曾修了一堂3學分的網頁程式設計

但是由於太混，後半段課程完全沒跟上

期末專題整個外包給資科系的朋友

我負責用嘴巴coding給他做

兩個人在一晚把網站架好

隔天上台報告時超級心虛

評審老師問我細節時

那時候冷汗浹背的感覺還歷歷在目

沒想到現在還是要來乖乖還債

HTML、CSS其實不難理解

一個就像PowerPoint的內文

另一個像PowerPoint的格式

只要文字放在正確的預設位置(例如標題、內文)

就可以套用各種主題來改變整份ppt的外觀(佈景主題)

HTML和CSS也是同樣道理

一個負責網頁的結構大綱以及內文

一個負責美編以及排版(特別是讓網頁適應不同大小的螢幕)

兩者相輔相成就可以寫出漂亮的網頁

老師上課以W3School的教材為主

編輯器則是用 Visual Studio Code

並且教大家在dropbox上面寫共筆(使用markdown來記)

20個同學互相補齊上課的重點內容

效果其實滿不錯的

對於我們這些非本科系的門外漢

老師還補充了基礎的計算機概論

原本只懂0和1(有電沒電)的電腦

透過編碼呈現人類可以理解的文字

才有後續的程式設計 

如同老子道德經所說的

道生一、一生二、二生三、三生萬物

太極從黑白兩儀，到四象八卦

最後用六十四卦來呈現萬物道理

和電腦的概念相去不遠

也告訴我們很多事情的道理都是相通的

扯遠了，拉回來一下

最後老師強調兩個重點

1. 程式是用手打的，不是用看的，就跟背單字或是算數學一樣，當你寫出來，你才知道真的會了

2.寫程式要DRY－Don’t Repeat Yourself，優秀的程式碼往往是簡單俐落的，不過當然是先求有再求好。

第一週寫程式最常犯的錯誤

不是語法或是標籤名字用錯

而是逗號，分號，括號這種小地方

這些錯誤都是要在實際打完程式碼後

開啟瀏覽器發現網頁內容有誤

再回頭檢查程式碼的時候才會發現

我也才了解原來在程式的世界

魔鬼也是藏在細節裡面

(其實應該叫臭蟲啦)