這段時間在學習前端，並模仿了一個很簡單的公司官網頁面tongshai.net， 把這個頁面內容對照着自己實現了一遍。 主要是因為該網站設計很簡單（就幾個靜態頁面，連什么控件都沒用），很適合作為練手項目， 模仿的工程放在了我的另一個測試服務器上。 點擊查看。 （很多功能僅為簡單展示內容的網頁都比較簡單，都可以做為初學者很好的模仿對象）。
在仿寫過程中，因為網頁很簡單，所以也沒有碰到過什么很糾結的技術問題。仿寫一下也就是熟悉一下相關概念。 並且在代碼中使用了bootstrap 框架，快速瀏覽了一下這個框架的教程， 該框架最大的特點是對於移動端的支持比較好。（雖然我在這個練手項目中，並沒有關心這一點， 也沒有針對移動端進行優化）。 不過在我使用中，感覺最方便的是 網格系統，方便了排版，起碼比使用原生的css表格布局方式更加方便。 當然我使用的也都是最簡單的內容，至於它的組件，插件之類的，也都沒有使用。 框架幫助我們造好了輪子，的確幫助我們減輕了工作量。
作為前端初學者，推薦一本書 《head first html與css》， 雖然里面並沒有講很多的內容，甚至連h5的新特性，控件甚至標簽都沒有講多少，但是道理講的很清楚。 通俗易懂，搞清楚基本的道理和模型，打好堅持的基礎，才是初學者的重點，我這里有幾本關於前端學習的書， head first是最好的一本。 從大學到現在，也看過不少關於編程的書，覺得國內的很多編程書籍。不少都屬於翻譯文檔類型（雖然看着厚厚的知識點也很多）。 我的桌子上，始終放着一本android的書，但是我之所以放着的主要作用就是作為參考書，哪個控件，api記不清楚了。 就去翻看。。誠然，這種參考類型的書，有時忘記具體哪一點內容了，去翻閱一下也很好，但是對於初學者，還是看能夠把道理講清楚的書比較重要。。
另外呢。基礎的文檔或者定義，那就去 w3cshool查看。 如果需要校驗，驗測html，css頁面是否符合最新標准，那么就去這里。 html校驗 css校驗。 至於IDE，IntelliJ IDEA ，WebStorm等等，Sublime Text自己弄個插件也行。相關方面的資料呢，網上也很多。 這個不像android開發，肯定是使用android studio最好。貌似也沒看到一個定論說哪個IDE最好。 我自己使用的是HBuilder，這是IDE還是國產的呢。
作為程序猿，且行且努力。。。。。
-------
作者: www.yaoxiaowen.com
github: https://github.com/yaowen369