本文同時發佈在本人個人博客上www.yaoxiaowen.com 這段時間在學習前端，並仿著我們公司官網的設計 tongshai.net， 把官網重新實現了一遍。 主要是因為我們公司的官網設計很簡單（就幾個靜態頁面，連什麼控制項都沒用），很適合作為練手項目， 模仿的工程放在了我的另一個測試伺服器上。 ...
本文同時發佈在本人個人博客上www.yaoxiaowen.com
這段時間在學習前端，並仿著我們公司官網的設計 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還是國產的呢。
作為程式猿，且行且努力。。。。。
