從HTML入手

berlinix發表於2014-12-18

十月中旬的時候,我說到要教一位喚作程咬金的門外漢學習程式設計(參考本合集第一篇),轉眼到十二月中旬,是時候簡單總結下這兩個月的進度了。

起初,我建議程君從網頁編寫開始瞭解程式設計。最簡單不過寫HTML了吧,無需任何的配置與程式設計環境,在開始的第一個10分鐘內,用熟悉的瀏覽器開啟即可看到效果。我先寫了一個頁面的基本元素,例如head, body等,然後讓程君只管往裡面填充內容,而且是照抄書。程君的第一本程式設計書是我推薦的《Head First HTML與CSS(中文版)》:

enter image description here

這本書程君大概看了1個多月,最大的問題有2個。其一,按我的想法,每天經由我講解10-20分鐘,然後再按章節閱讀,但程君怕打擾我,因此基本從頭到尾都是自己閱讀,除了幾個簡單的問題拿來問過外,幾乎單槍匹馬就完成閱讀,這樣中間必然有些問題是一知半解。其二,閱讀時間大大超過了真實的程式設計練習,這樣導致實戰經驗不足,對知識點的理解,想必也就不夠深入。

然而不過2個月,程君依然自己做了一個好看且得過去的頁面出來,大概是這個樣子:

enter image description here

我第一眼看過去忍不住大笑,看來效果還不錯。從原始碼看,至少把HTML和CSS分開了。這是一個徹徹底底的門外漢在工作之餘,利用晚上和週末的時間裡做出的一個作品,可以經得住誇獎了。由於程君完全不通英語,所以一切id, class的取名都是拼音寫法,我認為不必計較。這個東西還是記事本寫出來的,且他還不懂怎麼用瀏覽器的除錯模式來分析頁面,我表示欽佩。

隨後,程君就表示出極不耐心。而且抱有要做客戶端或手機APP的幻想了。經我強力勸阻,總算把這種不切實際的想法扼殺在搖籃中。對業餘的人而言,能糊弄一個簡單的東西,然後開始自己的業務,如果還能進行下去,把IT部分外包給專業程式設計師才是正道啊。

既然程君不安分於當前的這些知識,我跳過JavaScript,直接讓其接觸後端的PHP和MySQL部分。這裡就需要一個環境了。我為其安裝了WAMP,並忍不住給他安裝了NotePad++,雖然我沒用過這個編輯器,但好歹能夠程式碼高亮,比記事本強些吧。接下來依然是推薦一本書:《Head First PHP & MySQL(中文版)》。

enter image description here

從12月中旬,也就是現在開始,我們急躁不安的程君就要開始PHP & MySQL之旅了。依然如我之前所說,最後能做成什麼樣子,還是取決於他本人,我們靜觀後效。依然期待他給我們帶來驚喜。

末,我在豆瓣上看到一篇叫做《業餘愛好者如何學習程式設計》的文章,觀後我覺得在這個主題上我無法寫的更好了,即使我還在教一位業餘愛好者如何學習程式設計。因此推薦給諸位,期待有把身邊更多業餘愛好者拉入到程式設計這個領域,為彼此的生活增添一點小小的樂趣。

相關文章